vant 4.9.0 → 4.9.1

package/lib/vant.js

@@ -2369,7 +2369,7 @@
     return propRef;
   };
   /**
-  * @vue/shared v3.4.26
+  * @vue/shared v3.4.27
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -2424,8 +2424,8 @@
     }
     for (const key in styles) {
       const value = styles[key];
-      const normalizedKey = key.startsWith(`--`) ? key : hyphenate(key);
       if (isString(value) || typeof value === "number") {
+        const normalizedKey = key.startsWith(`--`) ? key : hyphenate(key);
         ret += `${normalizedKey}:${value};`;
       }
     }
@@ -4033,9 +4033,9 @@
     const showCounty = +columnsNum > 2;
     const getProvinceChildren = () => {
       if (showCity) {
-        return placeholder.length ? [
+        return placeholder.length > 1 ? [
           makeOption(
-            placeholder[0],
+            placeholder[1],
             AREA_EMPTY_CODE,
             showCounty ? [] : void 0
           )
@@ -4053,7 +4053,7 @@
     if (showCity) {
       const getCityChildren = () => {
         if (showCounty) {
-          return placeholder.length ? [makeOption(placeholder[1])] : [];
+          return placeholder.length > 2 ? [makeOption(placeholder[2])] : [];
         }
       };
       Object.keys(city).forEach((code) => {
@@ -5791,7 +5791,71 @@
     }
   });
   const RadioGroup = withInstall(stdin_default$1q);
-  const [name$1f, bem$1b] = createNamespace("tag");
+  const [name$1f, bem$1b] = createNamespace("checkbox-group");
+  const checkboxGroupProps = {
+    max: numericProp,
+    shape: makeStringProp("round"),
+    disabled: Boolean,
+    iconSize: numericProp,
+    direction: String,
+    modelValue: makeArrayProp(),
+    checkedColor: String
+  };
+  const CHECKBOX_GROUP_KEY = Symbol(name$1f);
+  var stdin_default$1p = vue.defineComponent({
+    name: name$1f,
+    props: checkboxGroupProps,
+    emits: ["change", "update:modelValue"],
+    setup(props2, {
+      emit,
+      slots
+    }) {
+      const {
+        children,
+        linkChildren
+      } = useChildren(CHECKBOX_GROUP_KEY);
+      const updateValue = (value) => emit("update:modelValue", value);
+      const toggleAll = (options = {}) => {
+        if (typeof options === "boolean") {
+          options = {
+            checked: options
+          };
+        }
+        const {
+          checked,
+          skipDisabled
+        } = options;
+        const checkedChildren = children.filter((item) => {
+          if (!item.props.bindGroup) {
+            return false;
+          }
+          if (item.props.disabled && skipDisabled) {
+            return item.checked.value;
+          }
+          return checked != null ? checked : !item.checked.value;
+        });
+        const names = checkedChildren.map((item) => item.name);
+        updateValue(names);
+      };
+      vue.watch(() => props2.modelValue, (value) => emit("change", value));
+      useExpose({
+        toggleAll
+      });
+      useCustomFieldValue(() => props2.modelValue);
+      linkChildren({
+        props: props2,
+        updateValue
+      });
+      return () => {
+        var _a;
+        return vue.createVNode("div", {
+          "class": bem$1b([props2.direction])
+        }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+      };
+    }
+  });
+  const CheckboxGroup = withInstall(stdin_default$1p);
+  const [name$1e, bem$1a] = createNamespace("tag");
   const tagProps = {
     size: String,
     mark: Boolean,
@@ -5803,8 +5867,8 @@
     textColor: String,
     closeable: Boolean
   };
-  var stdin_default$1p = vue.defineComponent({
-    name: name$1f,
+  var stdin_default$1o = vue.defineComponent({
+    name: name$1e,
     props: tagProps,
     emits: ["close"],
     setup(props2, {
@@ -5847,12 +5911,12 @@
         }
         const CloseIcon = closeable && vue.createVNode(Icon, {
           "name": "cross",
-          "class": [bem$1b("close"), HAPTICS_FEEDBACK],
+          "class": [bem$1a("close"), HAPTICS_FEEDBACK],
           "onClick": onClose
         }, null);
         return vue.createVNode("span", {
           "style": getStyle(),
-          "class": bem$1b([classes, type])
+          "class": bem$1a([classes, type])
         }, [(_a = slots.default) == null ? void 0 : _a.call(slots), CloseIcon]);
       };
       return () => vue.createVNode(vue.Transition, {
@@ -5862,7 +5926,7 @@
       });
     }
   });
-  const Tag = withInstall(stdin_default$1p);
+  const Tag = withInstall(stdin_default$1o);
   const checkerProps = {
     name: unknownProp,
     disabled: Boolean,
@@ -5872,7 +5936,7 @@
     labelPosition: String,
     labelDisabled: Boolean
   };
-  var stdin_default$1o = vue.defineComponent({
+  var stdin_default$1n = vue.defineComponent({
     props: extend({}, checkerProps, {
       bem: makeRequiredProp(Function),
       role: String,
@@ -6001,9 +6065,9 @@
   const radioProps = extend({}, checkerProps, {
     shape: String
   });
-  const [name$1e, bem$1a] = createNamespace("radio");
-  var stdin_default$1n = vue.defineComponent({
-    name: name$1e,
+  const [name$1d, bem$19] = createNamespace("radio");
+  var stdin_default$1m = vue.defineComponent({
+    name: name$1d,
     props: radioProps,
     emits: ["update:modelValue"],
     setup(props2, {
@@ -6024,8 +6088,8 @@
           emit("update:modelValue", props2.name);
         }
       };
-      return () => vue.createVNode(stdin_default$1o, vue.mergeProps({
-        "bem": bem$1a,
+      return () => vue.createVNode(stdin_default$1n, vue.mergeProps({
+        "bem": bem$19,
         "role": "radio",
         "parent": parent,
         "checked": checked(),
@@ -6033,14 +6097,97 @@
       }, props2), pick(slots, ["default", "icon"]));
     }
   });
-  const Radio = withInstall(stdin_default$1n);
-  const [name$1d, bem$19] = createNamespace("address-item");
-  var stdin_default$1m = vue.defineComponent({
-    name: name$1d,
+  const Radio = withInstall(stdin_default$1m);
+  const [name$1c, bem$18] = createNamespace("checkbox");
+  const checkboxProps = extend({}, checkerProps, {
+    shape: String,
+    bindGroup: truthProp,
+    indeterminate: {
+      type: Boolean,
+      default: null
+    }
+  });
+  var stdin_default$1l = vue.defineComponent({
+    name: name$1c,
+    props: checkboxProps,
+    emits: ["change", "update:modelValue"],
+    setup(props2, {
+      emit,
+      slots
+    }) {
+      const {
+        parent
+      } = useParent(CHECKBOX_GROUP_KEY);
+      const setParentValue = (checked2) => {
+        const {
+          name: name2
+        } = props2;
+        const {
+          max,
+          modelValue
+        } = parent.props;
+        const value = modelValue.slice();
+        if (checked2) {
+          const overlimit = max && value.length >= +max;
+          if (!overlimit && !value.includes(name2)) {
+            value.push(name2);
+            if (props2.bindGroup) {
+              parent.updateValue(value);
+            }
+          }
+        } else {
+          const index = value.indexOf(name2);
+          if (index !== -1) {
+            value.splice(index, 1);
+            if (props2.bindGroup) {
+              parent.updateValue(value);
+            }
+          }
+        }
+      };
+      const checked = vue.computed(() => {
+        if (parent && props2.bindGroup) {
+          return parent.props.modelValue.indexOf(props2.name) !== -1;
+        }
+        return !!props2.modelValue;
+      });
+      const toggle = (newValue = !checked.value) => {
+        if (parent && props2.bindGroup) {
+          setParentValue(newValue);
+        } else {
+          emit("update:modelValue", newValue);
+        }
+        if (props2.indeterminate !== null)
+          emit("change", newValue);
+      };
+      vue.watch(() => props2.modelValue, (value) => {
+        if (props2.indeterminate === null)
+          emit("change", value);
+      });
+      useExpose({
+        toggle,
+        props: props2,
+        checked
+      });
+      useCustomFieldValue(() => props2.modelValue);
+      return () => vue.createVNode(stdin_default$1n, vue.mergeProps({
+        "bem": bem$18,
+        "role": "checkbox",
+        "parent": parent,
+        "checked": checked.value,
+        "onToggle": toggle
+      }, props2), pick(slots, ["default", "icon"]));
+    }
+  });
+  const Checkbox = withInstall(stdin_default$1l);
+  const [name$1b, bem$17] = createNamespace("address-item");
+  var stdin_default$1k = vue.defineComponent({
+    name: name$1b,
     props: {
       address: makeRequiredProp(Object),
       disabled: Boolean,
       switchable: Boolean,
+      singleChoice: Boolean,
       defaultTagText: String,
       rightIcon: makeStringProp("edit")
     },
@@ -6057,7 +6204,7 @@
       };
       const renderRightIcon = () => vue.createVNode(Icon, {
         "name": props2.rightIcon,
-        "class": bem$19("edit"),
+        "class": bem$17("edit"),
         "onClick": (event) => {
           event.stopPropagation();
           emit("edit");
@@ -6072,7 +6219,7 @@
           return vue.createVNode(Tag, {
             "type": "primary",
             "round": true,
-            "class": bem$19("tag")
+            "class": bem$17("tag")
           }, {
             default: () => [props2.defaultTagText]
           });
@@ -6082,20 +6229,30 @@
         const {
           address,
           disabled,
-          switchable
+          switchable,
+          singleChoice
         } = props2;
         const Info = [vue.createVNode("div", {
-          "class": bem$19("name")
+          "class": bem$17("name")
         }, [`${address.name} ${address.tel}`, renderTag()]), vue.createVNode("div", {
-          "class": bem$19("address")
+          "class": bem$17("address")
         }, [address.address])];
         if (switchable && !disabled) {
-          return vue.createVNode(Radio, {
-            "name": address.id,
-            "iconSize": 18
-          }, {
-            default: () => [Info]
-          });
+          if (singleChoice) {
+            return vue.createVNode(Radio, {
+              "name": address.id,
+              "iconSize": 18
+            }, {
+              default: () => [Info]
+            });
+          } else {
+            return vue.createVNode(Checkbox, {
+              "name": address.id,
+              "iconSize": 18
+            }, {
+              default: () => [Info]
+            });
+          }
         }
         return Info;
       };
@@ -6105,13 +6262,13 @@
           disabled
         } = props2;
         return vue.createVNode("div", {
-          "class": bem$19({
+          "class": bem$17({
             disabled
           }),
           "onClick": onClick
         }, [vue.createVNode(Cell, {
           "border": false,
-          "titleClass": bem$19("title")
+          "titleClass": bem$17("title")
         }, {
           title: renderContent,
           "right-icon": renderRightIcon
@@ -6121,10 +6278,10 @@
       };
     }
   });
-  const [name$1c, bem$18, t$h] = createNamespace("address-list");
+  const [name$1a, bem$16, t$h] = createNamespace("address-list");
   const addressListProps = {
     list: makeArrayProp(),
-    modelValue: numericProp,
+    modelValue: [...numericProp, Array],
     switchable: truthProp,
     disabledText: String,
     disabledList: makeArrayProp(),
@@ -6133,14 +6290,15 @@
     defaultTagText: String,
     rightIcon: makeStringProp("edit")
   };
-  var stdin_default$1l = vue.defineComponent({
-    name: name$1c,
+  var stdin_default$1j = vue.defineComponent({
+    name: name$1a,
     props: addressListProps,
     emits: ["add", "edit", "select", "clickItem", "editDisabled", "selectDisabled", "update:modelValue"],
     setup(props2, {
       slots,
       emit
     }) {
+      const singleChoice = vue.computed(() => !Array.isArray(props2.modelValue));
       const renderItem = (item, index, disabled) => {
         const onEdit = () => emit(disabled ? "editDisabled" : "edit", item, index);
         const onClick = (event) => emit("clickItem", item, index, {
@@ -6149,14 +6307,24 @@
         const onSelect = () => {
           emit(disabled ? "selectDisabled" : "select", item, index);
           if (!disabled) {
-            emit("update:modelValue", item.id);
+            if (singleChoice.value) {
+              emit("update:modelValue", item.id);
+            } else {
+              const value = props2.modelValue;
+              if (value.includes(item.id)) {
+                emit("update:modelValue", value.filter((id) => id !== item.id));
+              } else {
+                emit("update:modelValue", [...value, item.id]);
+              }
+            }
           }
         };
-        return vue.createVNode(stdin_default$1m, {
+        return vue.createVNode(stdin_default$1k, {
           "key": item.id,
           "address": item,
           "disabled": disabled,
           "switchable": props2.switchable,
+          "singleChoice": singleChoice.value,
           "defaultTagText": props2.defaultTagText,
           "rightIcon": props2.rightIcon,
           "onEdit": onEdit,
@@ -6173,13 +6341,13 @@
         }
       };
       const renderBottom = () => props2.showAddButton ? vue.createVNode("div", {
-        "class": [bem$18("bottom"), "van-safe-area-bottom"]
+        "class": [bem$16("bottom"), "van-safe-area-bottom"]
       }, [vue.createVNode(Button, {
         "round": true,
         "block": true,
         "type": "primary",
         "text": props2.addButtonText || t$h("add"),
-        "class": bem$18("add"),
+        "class": bem$16("add"),
         "onClick": () => emit("add")
       }, null)]) : void 0;
       return () => {
@@ -6187,11 +6355,15 @@
         const List2 = renderList(props2.list);
         const DisabledList = renderList(props2.disabledList, true);
         const DisabledText = props2.disabledText && vue.createVNode("div", {
-          "class": bem$18("disabled-text")
+          "class": bem$16("disabled-text")
         }, [props2.disabledText]);
         return vue.createVNode("div", {
-          "class": bem$18()
-        }, [(_a = slots.top) == null ? void 0 : _a.call(slots), vue.createVNode(RadioGroup, {
+          "class": bem$16()
+        }, [(_a = slots.top) == null ? void 0 : _a.call(slots), !singleChoice.value && Array.isArray(props2.modelValue) ? vue.createVNode(CheckboxGroup, {
+          "modelValue": props2.modelValue
+        }, {
+          default: () => [List2]
+        }) : vue.createVNode(RadioGroup, {
           "modelValue": props2.modelValue
         }, {
           default: () => [List2]
@@ -6199,7 +6371,7 @@
       };
     }
   });
-  const AddressList = withInstall(stdin_default$1l);
+  const AddressList = withInstall(stdin_default$1j);
   const hasIntersectionObserver = inBrowser && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype;
   const modeType = {
     event: "event",
@@ -6352,7 +6524,7 @@
       this.caches.shift();
     }
   }
-  const [name$1b, bem$17] = createNamespace("back-top");
+  const [name$19, bem$15] = createNamespace("back-top");
   const backTopProps = {
     right: numericProp,
     bottom: numericProp,
@@ -6365,8 +6537,8 @@
       default: "body"
     }
   };
-  var stdin_default$1k = vue.defineComponent({
-    name: name$1b,
+  var stdin_default$1i = vue.defineComponent({
+    name: name$19,
     inheritAttrs: false,
     props: backTopProps,
     emits: ["click"],
@@ -6435,19 +6607,19 @@
       return () => {
         const Content = vue.createVNode("div", vue.mergeProps({
           "ref": !props2.teleport ? root : void 0,
-          "class": bem$17({
+          "class": bem$15({
             active: show.value
           }),
           "style": style.value,
           "onClick": onClick
         }, attrs), [slots.default ? slots.default() : vue.createVNode(Icon, {
           "name": "back-top",
-          "class": bem$17("icon")
+          "class": bem$15("icon")
         }, null)]);
         if (props2.teleport) {
           return [vue.createVNode("div", {
             "ref": root,
-            "class": bem$17("placeholder")
+            "class": bem$15("placeholder")
           }, null), vue.createVNode(vue.Teleport, {
             "to": props2.teleport
           }, {
@@ -6458,7 +6630,7 @@
       };
     }
   });
-  const BackTop = withInstall(stdin_default$1k);
+  const BackTop = withInstall(stdin_default$1i);
   var __async = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -6487,9 +6659,9 @@
     delay: makeNumberProp(300),
     modelValue: makeArrayProp()
   };
-  const [name$1a, bem$16] = createNamespace("barrage");
-  var stdin_default$1j = vue.defineComponent({
-    name: name$1a,
+  const [name$18, bem$14] = createNamespace("barrage");
+  var stdin_default$1h = vue.defineComponent({
+    name: name$18,
     props: barrageProps,
     emits: ["update:modelValue"],
     setup(props2, {
@@ -6497,7 +6669,7 @@
       slots
     }) {
       const barrageWrapper = vue.ref();
-      const className = bem$16("item");
+      const className = bem$14("item");
       const total = vue.ref(0);
       const barrageItems = [];
       const createBarrageItem = (text, delay = props2.delay) => {
@@ -6578,15 +6750,15 @@
       return () => {
         var _a;
         return vue.createVNode("div", {
-          "class": bem$16(),
+          "class": bem$14(),
           "ref": barrageWrapper,
           "style": rootStyle.value
         }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
       };
     }
   });
-  const Barrage = withInstall(stdin_default$1j);
-  const [name$19, bem$15, t$g] = createNamespace("calendar");
+  const Barrage = withInstall(stdin_default$1h);
+  const [name$17, bem$13, t$g] = createNamespace("calendar");
   const formatMonthTitle = (date) => t$g("monthTitle", date.getFullYear(), date.getMonth() + 1);
   function compareMonth(date1, date2) {
     const year1 = date1.getFullYear();
@@ -6680,9 +6852,9 @@
     }
     return value;
   });
-  const [name$18] = createNamespace("calendar-day");
-  var stdin_default$1i = vue.defineComponent({
-    name: name$18,
+  const [name$16] = createNamespace("calendar-day");
+  var stdin_default$1g = vue.defineComponent({
+    name: name$16,
     props: {
       item: makeRequiredProp(Object),
       color: String,
@@ -6746,7 +6918,7 @@
         } = props2.item;
         if (topInfo || slots["top-info"]) {
           return vue.createVNode("div", {
-            "class": bem$15("top-info")
+            "class": bem$13("top-info")
           }, [slots["top-info"] ? slots["top-info"](props2.item) : topInfo]);
         }
       };
@@ -6756,7 +6928,7 @@
         } = props2.item;
         if (bottomInfo || slots["bottom-info"]) {
           return vue.createVNode("div", {
-            "class": bem$15("bottom-info")
+            "class": bem$13("bottom-info")
           }, [slots["bottom-info"] ? slots["bottom-info"](props2.item) : bottomInfo]);
         }
       };
@@ -6773,7 +6945,7 @@
         const Nodes = [renderTopInfo(), text, renderBottomInfo()];
         if (type === "selected") {
           return vue.createVNode("div", {
-            "class": bem$15("selected-day"),
+            "class": bem$13("selected-day"),
             "style": {
               width: rowHeight,
               height: rowHeight,
@@ -6790,21 +6962,21 @@
         } = 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,
@@ -6821,8 +6993,8 @@
     showMonthTitle: Boolean,
     firstDayOfWeek: Number
   };
-  var stdin_default$1h = vue.defineComponent({
-    name: name$17,
+  var stdin_default$1f = vue.defineComponent({
+    name: name$15,
     props: calendarMonthProps,
     emits: ["click", "clickDisabledDate"],
     setup(props2, {
@@ -6929,7 +7101,7 @@
       const renderTitle = () => {
         if (props2.showMonthTitle) {
           return vue.createVNode("div", {
-            "class": bem$15("month-title")
+            "class": bem$13("month-title")
           }, [slots["month-title"] ? slots["month-title"]({
             date: props2.date,
             text: title.value
@@ -6939,7 +7111,7 @@
       const renderMark = () => {
         if (props2.showMark && shouldRender.value) {
           return vue.createVNode("div", {
-            "class": bem$15("month-mark")
+            "class": bem$13("month-mark")
           }, [props2.date.getMonth() + 1]);
         }
       };
@@ -6979,7 +7151,7 @@
           setScrollTop(body, daysRect.top + rowOffset + body.scrollTop - useRect(body).top);
         }
       };
-      const renderDay = (item, index) => vue.createVNode(stdin_default$1i, {
+      const renderDay = (item, index) => vue.createVNode(stdin_default$1g, {
         "item": item,
         "index": index,
         "color": props2.color,
@@ -6991,7 +7163,7 @@
       const renderDays = () => vue.createVNode("div", {
         "ref": daysRef,
         "role": "grid",
-        "class": bem$15("days")
+        "class": bem$13("days")
       }, [renderMark(), (shouldRender.value ? days : placeholders).value.map(renderDay)]);
       useExpose({
         getTitle,
@@ -7001,14 +7173,14 @@
         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,
@@ -7046,7 +7218,7 @@
           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]);
         }
       };
@@ -7063,7 +7235,7 @@
         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
@@ -7076,7 +7248,7 @@
           "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
@@ -7098,12 +7270,12 @@
           }) : 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]);
         }
       };
@@ -7114,13 +7286,13 @@
         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()]);
     }
   });
@@ -7167,8 +7339,8 @@
       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, {
@@ -7458,7 +7630,7 @@
       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,
@@ -7485,7 +7657,7 @@
             "block": true,
             "type": "primary",
             "color": props2.color,
-            "class": bem$15("confirm"),
+            "class": bem$13("confirm"),
             "disabled": disabled,
             "nativeType": "button",
             "onClick": onConfirm
@@ -7497,15 +7669,15 @@
         }
       };
       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,
@@ -7519,7 +7691,7 @@
           "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()]);
       };
@@ -7539,7 +7711,7 @@
         if (props2.poppable) {
           return vue.createVNode(Popup, {
             "show": props2.show,
-            "class": bem$15("popup"),
+            "class": bem$13("popup"),
             "round": props2.round,
             "position": props2.position,
             "closeable": props2.showTitle || props2.showSubtitle,
@@ -7556,8 +7728,8 @@
       };
     }
   });
-  const Calendar = withInstall(stdin_default$1f);
-  const [name$15, bem$14] = createNamespace("image");
+  const Calendar = withInstall(stdin_default$1d);
+  const [name$13, bem$12] = createNamespace("image");
   const imageProps = {
     src: String,
     alt: String,
@@ -7578,8 +7750,8 @@
     crossorigin: String,
     referrerpolicy: String
   };
-  var stdin_default$1e = vue.defineComponent({
-    name: name$15,
+  var stdin_default$1c = vue.defineComponent({
+    name: name$13,
     props: imageProps,
     emits: ["load", "error"],
     setup(props2, {
@@ -7640,13 +7812,13 @@
       const renderPlaceholder = () => {
         if (loading.value && props2.showLoading) {
           return vue.createVNode("div", {
-            "class": bem$14("loading")
-          }, [renderIcon(props2.loadingIcon, bem$14("loading-icon"), slots.loading)]);
+            "class": bem$12("loading")
+          }, [renderIcon(props2.loadingIcon, bem$12("loading-icon"), slots.loading)]);
         }
         if (error.value && props2.showError) {
           return vue.createVNode("div", {
-            "class": bem$14("error")
-          }, [renderIcon(props2.errorIcon, bem$14("error-icon"), slots.error)]);
+            "class": bem$12("error")
+          }, [renderIcon(props2.errorIcon, bem$12("error-icon"), slots.error)]);
         }
       };
       const renderImage = () => {
@@ -7655,7 +7827,7 @@
         }
         const attrs = {
           alt: props2.alt,
-          class: bem$14("img"),
+          class: bem$12("img"),
           style: {
             objectFit: props2.fit,
             objectPosition: props2.position
@@ -7715,7 +7887,7 @@
       return () => {
         var _a;
         return vue.createVNode("div", {
-          "class": bem$14({
+          "class": bem$12({
             round: props2.round,
             block: props2.block
           }),
@@ -7724,8 +7896,8 @@
       };
     }
   });
-  const Image$1 = withInstall(stdin_default$1e);
-  const [name$14, bem$13] = createNamespace("card");
+  const Image$1 = withInstall(stdin_default$1c);
+  const [name$12, bem$11] = createNamespace("card");
   const cardProps = {
     tag: String,
     num: numericProp,
@@ -7739,8 +7911,8 @@
     thumbLink: String,
     originPrice: numericProp
   };
-  var stdin_default$1d = vue.defineComponent({
-    name: name$14,
+  var stdin_default$1b = vue.defineComponent({
+    name: name$12,
     props: cardProps,
     emits: ["clickThumb"],
     setup(props2, {
@@ -7753,14 +7925,14 @@
         }
         if (props2.title) {
           return vue.createVNode("div", {
-            "class": [bem$13("title"), "van-multi-ellipsis--l2"]
+            "class": [bem$11("title"), "van-multi-ellipsis--l2"]
           }, [props2.title]);
         }
       };
       const renderThumbTag = () => {
         if (slots.tag || props2.tag) {
           return vue.createVNode("div", {
-            "class": bem$13("tag")
+            "class": bem$11("tag")
           }, [slots.tag ? slots.tag() : vue.createVNode(Tag, {
             "mark": true,
             "type": "primary"
@@ -7785,7 +7957,7 @@
         if (slots.thumb || props2.thumb) {
           return vue.createVNode("a", {
             "href": props2.thumbLink,
-            "class": bem$13("thumb"),
+            "class": bem$11("thumb"),
             "onClick": (event) => emit("clickThumb", event)
           }, [renderThumbImage(), renderThumbTag()]);
         }
@@ -7796,18 +7968,18 @@
         }
         if (props2.desc) {
           return vue.createVNode("div", {
-            "class": [bem$13("desc"), "van-ellipsis"]
+            "class": [bem$11("desc"), "van-ellipsis"]
           }, [props2.desc]);
         }
       };
       const renderPriceText = () => {
         const priceArr = props2.price.toString().split(".");
         return vue.createVNode("div", null, [vue.createVNode("span", {
-          "class": bem$13("price-currency")
+          "class": bem$11("price-currency")
         }, [props2.currency]), vue.createVNode("span", {
-          "class": bem$13("price-integer")
+          "class": bem$11("price-integer")
         }, [priceArr[0]]), vue.createTextVNode("."), vue.createVNode("span", {
-          "class": bem$13("price-decimal")
+          "class": bem$11("price-decimal")
         }, [priceArr[1]])]);
       };
       return () => {
@@ -7817,34 +7989,34 @@
         const showOriginPrice = slots["origin-price"] || isDef(props2.originPrice);
         const showBottom = showNum || showPrice || showOriginPrice || slots.bottom;
         const Price = showPrice && vue.createVNode("div", {
-          "class": bem$13("price")
+          "class": bem$11("price")
         }, [slots.price ? slots.price() : renderPriceText()]);
         const OriginPrice = showOriginPrice && vue.createVNode("div", {
-          "class": bem$13("origin-price")
+          "class": bem$11("origin-price")
         }, [slots["origin-price"] ? slots["origin-price"]() : `${props2.currency} ${props2.originPrice}`]);
         const Num = showNum && vue.createVNode("div", {
-          "class": bem$13("num")
+          "class": bem$11("num")
         }, [slots.num ? slots.num() : `x${props2.num}`]);
         const Footer = slots.footer && vue.createVNode("div", {
-          "class": bem$13("footer")
+          "class": bem$11("footer")
         }, [slots.footer()]);
         const Bottom = showBottom && vue.createVNode("div", {
-          "class": bem$13("bottom")
+          "class": bem$11("bottom")
         }, [(_a = slots["price-top"]) == null ? void 0 : _a.call(slots), Price, OriginPrice, Num, (_b = slots.bottom) == null ? void 0 : _b.call(slots)]);
         return vue.createVNode("div", {
-          "class": bem$13()
+          "class": bem$11()
         }, [vue.createVNode("div", {
-          "class": bem$13("header")
+          "class": bem$11("header")
         }, [renderThumb(), vue.createVNode("div", {
-          "class": bem$13("content", {
+          "class": bem$11("content", {
             centered: props2.centered
           })
         }, [vue.createVNode("div", null, [renderTitle(), renderDesc(), (_c = slots.tags) == null ? void 0 : _c.call(slots)]), Bottom])]), Footer]);
       };
     }
   });
-  const Card = withInstall(stdin_default$1d);
-  const [name$13, bem$12, t$f] = createNamespace("cascader");
+  const Card = withInstall(stdin_default$1b);
+  const [name$11, bem$10, t$f] = createNamespace("cascader");
   const cascaderProps = {
     title: String,
     options: makeArrayProp(),
@@ -7857,8 +8029,8 @@
     placeholder: String,
     activeColor: String
   };
-  var stdin_default$1c = vue.defineComponent({
-    name: name$13,
+  var stdin_default$1a = vue.defineComponent({
+    name: name$11,
     props: cascaderProps,
     emits: ["close", "change", "finish", "clickTab", "update:modelValue"],
     setup(props2, {
@@ -7967,12 +8139,12 @@
         title
       }) => emit("clickTab", name2, title);
       const renderHeader = () => props2.showHeader ? vue.createVNode("div", {
-        "class": bem$12("header")
+        "class": bem$10("header")
       }, [vue.createVNode("h2", {
-        "class": bem$12("title")
+        "class": bem$10("title")
       }, [slots.title ? slots.title() : props2.title]), props2.closeable ? vue.createVNode(Icon, {
         "name": props2.closeIcon,
-        "class": [bem$12("close-icon"), HAPTICS_FEEDBACK],
+        "class": [bem$10("close-icon"), HAPTICS_FEEDBACK],
         "onClick": onClose
       }, null) : null]) : null;
       const renderOption = (option, selectedOption, tabIndex) => {
@@ -7988,7 +8160,7 @@
         return vue.createVNode("li", {
           "ref": selected ? setSelectedElementRefs(tabIndex) : void 0,
           "role": "menuitemradio",
-          "class": [bem$12("option", {
+          "class": [bem$10("option", {
             selected,
             disabled
           }), option.className],
@@ -8001,12 +8173,12 @@
           "onClick": () => onSelect(option, tabIndex)
         }, [Text, selected ? vue.createVNode(Icon, {
           "name": "success",
-          "class": bem$12("selected-icon")
+          "class": bem$10("selected-icon")
         }, null) : null]);
       };
       const renderOptions = (options, selectedOption, tabIndex) => vue.createVNode("ul", {
         "role": "menu",
-        "class": bem$12("options")
+        "class": bem$10("options")
       }, [options.map((option) => renderOption(option, selectedOption, tabIndex))]);
       const renderTab = (tab, tabIndex) => {
         const {
@@ -8017,7 +8189,7 @@
         const title = selected ? selected[textKey] : placeholder;
         return vue.createVNode(Tab, {
           "title": title,
-          "titleClass": bem$12("tab", {
+          "titleClass": bem$10("tab", {
             unselected: !selected
           })
         }, {
@@ -8036,7 +8208,7 @@
         "onUpdate:active": ($event) => activeTab.value = $event,
         "shrink": true,
         "animated": true,
-        "class": bem$12("tabs"),
+        "class": bem$10("tabs"),
         "color": props2.activeColor,
         "swipeable": props2.swipeable,
         "onClickTab": onClickTab
@@ -8071,19 +8243,19 @@
         updateTabs();
       });
       return () => vue.createVNode("div", {
-        "class": bem$12()
+        "class": bem$10()
       }, [renderHeader(), renderTabs()]);
     }
   });
-  const Cascader = withInstall(stdin_default$1c);
-  const [name$12, bem$11] = createNamespace("cell-group");
+  const Cascader = withInstall(stdin_default$1a);
+  const [name$10, bem$$] = createNamespace("cell-group");
   const cellGroupProps = {
     title: String,
     inset: Boolean,
     border: truthProp
   };
-  var stdin_default$1b = vue.defineComponent({
-    name: name$12,
+  var stdin_default$19 = vue.defineComponent({
+    name: name$10,
     inheritAttrs: false,
     props: cellGroupProps,
     setup(props2, {
@@ -8093,7 +8265,7 @@
       const renderGroup = () => {
         var _a;
         return vue.createVNode("div", vue.mergeProps({
-          "class": [bem$11({
+          "class": [bem$$({
             inset: props2.inset
           }), {
             [BORDER_TOP_BOTTOM]: props2.border && !props2.inset
@@ -8101,7 +8273,7 @@
         }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
       };
       const renderTitle = () => vue.createVNode("div", {
-        "class": bem$11("title", {
+        "class": bem$$("title", {
           inset: props2.inset
         })
       }, [slots.title ? slots.title() : props2.title]);
@@ -8113,153 +8285,7 @@
       };
     }
   });
-  const CellGroup = withInstall(stdin_default$1b);
-  const [name$11, bem$10] = createNamespace("checkbox-group");
-  const checkboxGroupProps = {
-    max: numericProp,
-    shape: makeStringProp("round"),
-    disabled: Boolean,
-    iconSize: numericProp,
-    direction: String,
-    modelValue: makeArrayProp(),
-    checkedColor: String
-  };
-  const CHECKBOX_GROUP_KEY = Symbol(name$11);
-  var stdin_default$1a = vue.defineComponent({
-    name: name$11,
-    props: checkboxGroupProps,
-    emits: ["change", "update:modelValue"],
-    setup(props2, {
-      emit,
-      slots
-    }) {
-      const {
-        children,
-        linkChildren
-      } = useChildren(CHECKBOX_GROUP_KEY);
-      const updateValue = (value) => emit("update:modelValue", value);
-      const toggleAll = (options = {}) => {
-        if (typeof options === "boolean") {
-          options = {
-            checked: options
-          };
-        }
-        const {
-          checked,
-          skipDisabled
-        } = options;
-        const checkedChildren = children.filter((item) => {
-          if (!item.props.bindGroup) {
-            return false;
-          }
-          if (item.props.disabled && skipDisabled) {
-            return item.checked.value;
-          }
-          return checked != null ? checked : !item.checked.value;
-        });
-        const names = checkedChildren.map((item) => item.name);
-        updateValue(names);
-      };
-      vue.watch(() => props2.modelValue, (value) => emit("change", value));
-      useExpose({
-        toggleAll
-      });
-      useCustomFieldValue(() => props2.modelValue);
-      linkChildren({
-        props: props2,
-        updateValue
-      });
-      return () => {
-        var _a;
-        return vue.createVNode("div", {
-          "class": bem$10([props2.direction])
-        }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
-      };
-    }
-  });
-  const [name$10, bem$$] = createNamespace("checkbox");
-  const checkboxProps = extend({}, checkerProps, {
-    shape: String,
-    bindGroup: truthProp,
-    indeterminate: {
-      type: Boolean,
-      default: null
-    }
-  });
-  var stdin_default$19 = vue.defineComponent({
-    name: name$10,
-    props: checkboxProps,
-    emits: ["change", "update:modelValue"],
-    setup(props2, {
-      emit,
-      slots
-    }) {
-      const {
-        parent
-      } = useParent(CHECKBOX_GROUP_KEY);
-      const setParentValue = (checked2) => {
-        const {
-          name: name2
-        } = props2;
-        const {
-          max,
-          modelValue
-        } = parent.props;
-        const value = modelValue.slice();
-        if (checked2) {
-          const overlimit = max && value.length >= +max;
-          if (!overlimit && !value.includes(name2)) {
-            value.push(name2);
-            if (props2.bindGroup) {
-              parent.updateValue(value);
-            }
-          }
-        } else {
-          const index = value.indexOf(name2);
-          if (index !== -1) {
-            value.splice(index, 1);
-            if (props2.bindGroup) {
-              parent.updateValue(value);
-            }
-          }
-        }
-      };
-      const checked = vue.computed(() => {
-        if (parent && props2.bindGroup) {
-          return parent.props.modelValue.indexOf(props2.name) !== -1;
-        }
-        return !!props2.modelValue;
-      });
-      const toggle = (newValue = !checked.value) => {
-        if (parent && props2.bindGroup) {
-          setParentValue(newValue);
-        } else {
-          emit("update:modelValue", newValue);
-        }
-        if (props2.indeterminate !== null)
-          emit("change", newValue);
-      };
-      vue.watch(() => props2.modelValue, (value) => {
-        if (props2.indeterminate === null)
-          emit("change", value);
-      });
-      useExpose({
-        toggle,
-        props: props2,
-        checked
-      });
-      useCustomFieldValue(() => props2.modelValue);
-      return () => vue.createVNode(stdin_default$1o, vue.mergeProps({
-        "bem": bem$$,
-        "role": "checkbox",
-        "parent": parent,
-        "checked": checked.value,
-        "onToggle": toggle
-      }, props2), pick(slots, ["default", "icon"]));
-    }
-  });
-  const Checkbox = withInstall(stdin_default$19);
-  const CheckboxGroup = withInstall(stdin_default$1a);
+  const CellGroup = withInstall(stdin_default$19);
   const [name$$, bem$_] = createNamespace("circle");
   let uid = 0;
   const format = (rate) => Math.min(Math.max(+rate, 0), 100);
@@ -10766,6 +10792,16 @@
       useEventListener("touchmove", onTouchmove, {
         target: rootRef
       });
+      const renderHeader = () => {
+        if (slots.header) {
+          return slots.header();
+        }
+        return vue.createVNode("div", {
+          "class": bem$I("header")
+        }, [vue.createVNode("div", {
+          "class": bem$I("header-bar")
+        }, null)]);
+      };
       return () => {
         var _a;
         return vue.createVNode("div", {
@@ -10777,11 +10813,7 @@
           "onTouchstartPassive": onTouchstart,
           "onTouchend": onTouchend,
           "onTouchcancel": onTouchend
-        }, [vue.createVNode("div", {
-          "class": bem$I("header")
-        }, [vue.createVNode("div", {
-          "class": bem$I("header-bar")
-        }, null)]), vue.createVNode("div", {
+        }, [renderHeader(), vue.createVNode("div", {
           "class": bem$I("content"),
           "ref": contentRef
         }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
@@ -15937,6 +15969,7 @@
         "readonly": props2.disableInput,
         "inputmode": props2.integer ? "numeric" : "decimal",
         "placeholder": props2.placeholder,
+        "autocomplete": "off",
         "aria-valuemax": props2.max,
         "aria-valuemin": props2.min,
         "aria-valuenow": current2.value,
@@ -18214,7 +18247,7 @@
       });
     }
   };
-  const version = "4.9.0";
+  const version = "4.9.1";
   function install(app) {
     const components = [
       ActionBar,