vant 4.9.6 → 4.9.8

package/lib/vant.cjs.js

@@ -3056,7 +3056,8 @@ const TabTitle = vue.defineComponent({
       "tabindex": props2.disabled ? void 0 : props2.isActive ? 0 : -1,
       "aria-selected": props2.isActive,
       "aria-disabled": props2.disabled || void 0,
-      "aria-controls": props2.controls
+      "aria-controls": props2.controls,
+      "data-allow-mismatch": "attribute"
     }, [renderText()]);
   }
 });
@@ -3249,7 +3250,8 @@ var stdin_default$1B = vue.defineComponent({
           }),
           "tabindex": active.value ? 0 : -1,
           "aria-hidden": !active.value,
-          "aria-labelledby": label
+          "aria-labelledby": label,
+          "data-allow-mismatch": "attribute"
         }, {
           default: () => {
             var _a2;
@@ -3266,7 +3268,8 @@ var stdin_default$1B = vue.defineComponent({
         "role": "tabpanel",
         "class": bem$1m("panel"),
         "tabindex": show ? 0 : -1,
-        "aria-labelledby": label
+        "aria-labelledby": label,
+        "data-allow-mismatch": "attribute"
       }, [Content]), [[vue.vShow, show]]);
     };
   }
@@ -4280,7 +4283,7 @@ var stdin_default$1v = vue.defineComponent({
       if (props2.type === "number" || props2.type === "digit") {
         const isNumber = props2.type === "number";
         value = formatNumber(value, isNumber, isNumber);
-        if (trigger === "onBlur" && value !== "") {
+        if (trigger === "onBlur" && value !== "" && (props2.min !== void 0 || props2.max !== void 0)) {
           const adjustedValue = clamp(+value, (_a = props2.min) != null ? _a : -Infinity, (_b = props2.max) != null ? _b : Infinity);
           value = adjustedValue.toString();
         }
@@ -4435,6 +4438,7 @@ var stdin_default$1v = vue.defineComponent({
         enterkeyhint: props2.enterkeyhint,
         spellcheck: props2.spellcheck,
         "aria-labelledby": props2.label ? `${id}-label` : void 0,
+        "data-allow-mismatch": "attribute",
         onBlur,
         onFocus,
         onInput,
@@ -4509,6 +4513,7 @@ var stdin_default$1v = vue.defineComponent({
         return vue.createVNode("label", {
           "id": `${id}-label`,
           "for": slots.input ? void 0 : getInputId(),
+          "data-allow-mismatch": "attribute",
           "onClick": (event) => {
             preventDefault(event);
             focus();
@@ -6492,6 +6497,9 @@ var stdin_default$1g = vue.defineComponent({
         }, [slots["bottom-info"] ? slots["bottom-info"](props2.item) : bottomInfo]);
       }
     };
+    const renderText = () => {
+      return slots.text ? slots.text(props2.item) : props2.item.text;
+    };
     const renderContent = () => {
       const {
         item,
@@ -6499,10 +6507,9 @@ var stdin_default$1g = vue.defineComponent({
         rowHeight
       } = props2;
       const {
-        type,
-        text
+        type
       } = item;
-      const Nodes = [renderTopInfo(), text, renderBottomInfo()];
+      const Nodes = [renderTopInfo(), renderText(), renderBottomInfo()];
       if (type === "selected") {
         return vue.createVNode("div", {
           "class": bem$13("selected-day"),
@@ -6719,7 +6726,7 @@ var stdin_default$1f = vue.defineComponent({
       "rowHeight": rowHeight.value,
       "onClick": (item2) => emit("click", item2),
       "onClickDisabledDate": (item2) => emit("clickDisabledDate", item2)
-    }, pick(slots, ["top-info", "bottom-info"]));
+    }, pick(slots, ["top-info", "bottom-info", "text"]));
     const renderDays = () => vue.createVNode("div", {
       "ref": daysRef,
       "role": "grid",
@@ -7193,7 +7200,7 @@ var stdin_default$1d = vue.defineComponent({
       }, pick(props2, ["type", "color", "showMark", "formatter", "rowHeight", "showSubtitle", "allowSameDay"]), {
         "onClick": onClickDay,
         "onClickDisabledDate": (item) => emit("clickDisabledDate", item)
-      }), pick(slots, ["top-info", "bottom-info", "month-title"]));
+      }), pick(slots, ["top-info", "bottom-info", "month-title", "text"]));
     };
     const renderFooterButton = () => {
       if (slots.footer) {
@@ -8875,22 +8882,26 @@ var stdin_default$Z = vue.defineComponent({
       "fx": "50%",
       "fy": "54%",
       "r": "297%",
-      "gradientTransform": "matrix(-.16 0 0 -.33 .58 .72)"
+      "gradientTransform": "matrix(-.16 0 0 -.33 .58 .72)",
+      "data-allow-mismatch": "attribute"
     }, [renderStop("#EBEDF0", 0), renderStop("#F2F3F5", 100, 0.3)])]), vue.createVNode("ellipse", {
       "fill": getUrlById(id),
       "opacity": ".8",
       "cx": "80",
       "cy": "140",
       "rx": "46",
-      "ry": "8"
+      "ry": "8",
+      "data-allow-mismatch": "attribute"
     }, null)];
     const renderBuilding = () => [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
       "id": getId("a"),
       "x1": "64%",
       "y1": "100%",
-      "x2": "64%"
+      "x2": "64%",
+      "data-allow-mismatch": "attribute"
     }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)])]), vue.createVNode("g", {
-      "opacity": ".8"
+      "opacity": ".8",
+      "data-allow-mismatch": "children"
     }, [vue.createVNode("path", {
       "d": "M36 131V53H16v20H2v58h34z",
       "fill": getUrlById("a")
@@ -8903,9 +8914,11 @@ var stdin_default$Z = vue.defineComponent({
       "x1": "64%",
       "y1": "97%",
       "x2": "64%",
-      "y2": "0%"
+      "y2": "0%",
+      "data-allow-mismatch": "attribute"
     }, [renderStop("#F2F3F5", 0, 0.3), renderStop("#F2F3F5", 100)])]), vue.createVNode("g", {
-      "opacity": ".8"
+      "opacity": ".8",
+      "data-allow-mismatch": "children"
     }, [vue.createVNode("path", {
       "d": "M87 6c3 0 7 3 8 6a8 8 0 1 1-1 16H80a7 7 0 0 1-8-6c0-4 3-7 6-7 0-5 4-9 9-9Z",
       "fill": getUrlById("b")
@@ -8915,7 +8928,9 @@ var stdin_default$Z = vue.defineComponent({
     }, null)])];
     const renderNetwork = () => vue.createVNode("svg", {
       "viewBox": "0 0 160 160"
-    }, [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
+    }, [vue.createVNode("defs", {
+      "data-allow-mismatch": "children"
+    }, [vue.createVNode("linearGradient", {
       "id": getId(1),
       "x1": "64%",
       "y1": "100%",
@@ -8942,14 +8957,17 @@ var stdin_default$Z = vue.defineComponent({
       "fill": "none"
     }, [renderBuilding(), vue.createVNode("path", {
       "fill": getUrlById(4),
-      "d": "M0 139h160v21H0z"
+      "d": "M0 139h160v21H0z",
+      "data-allow-mismatch": "attribute"
     }, null), vue.createVNode("path", {
       "d": "M80 54a7 7 0 0 1 3 13v27l-2 2h-2a2 2 0 0 1-2-2V67a7 7 0 0 1 3-13z",
-      "fill": getUrlById(2)
+      "fill": getUrlById(2),
+      "data-allow-mismatch": "attribute"
     }, null), vue.createVNode("g", {
       "opacity": ".6",
       "stroke-linecap": "round",
-      "stroke-width": "7"
+      "stroke-width": "7",
+      "data-allow-mismatch": "children"
     }, [vue.createVNode("path", {
       "d": "M64 47a19 19 0 0 0-5 13c0 5 2 10 5 13",
       "stroke": getUrlById(3)
@@ -8986,7 +9004,9 @@ var stdin_default$Z = vue.defineComponent({
     }, null)])])]);
     const renderMaterial = () => vue.createVNode("svg", {
       "viewBox": "0 0 160 160"
-    }, [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
+    }, [vue.createVNode("defs", {
+      "data-allow-mismatch": "children"
+    }, [vue.createVNode("linearGradient", {
       "x1": "50%",
       "x2": "50%",
       "y2": "100%",
@@ -9019,7 +9039,8 @@ var stdin_default$Z = vue.defineComponent({
       "fill": getUrlById(5),
       "width": "64",
       "height": "66",
-      "rx": "2"
+      "rx": "2",
+      "data-allow-mismatch": "attribute"
     }, null), vue.createVNode("rect", {
       "fill": "#FFF",
       "x": "6",
@@ -9029,7 +9050,8 @@ var stdin_default$Z = vue.defineComponent({
       "rx": "1"
     }, null), vue.createVNode("g", {
       "transform": "translate(15 17)",
-      "fill": getUrlById(6)
+      "fill": getUrlById(6),
+      "data-allow-mismatch": "attribute"
     }, [vue.createVNode("rect", {
       "width": "34",
       "height": "6",
@@ -9046,7 +9068,8 @@ var stdin_default$Z = vue.defineComponent({
       "y": "61",
       "width": "88",
       "height": "28",
-      "rx": "1"
+      "rx": "1",
+      "data-allow-mismatch": "attribute"
     }, null), vue.createVNode("rect", {
       "fill": "#F7F8FA",
       "x": "29",
@@ -9061,14 +9084,18 @@ var stdin_default$Z = vue.defineComponent({
       "x1": "50%",
       "x2": "50%",
       "y2": "100%",
-      "id": getId(8)
+      "id": getId(8),
+      "data-allow-mismatch": "attribute"
     }, [renderStops("#EAEDF1", "#DCDEE0")])]), renderBuilding(), renderCloud(), renderShadow("c"), vue.createVNode("path", {
       "d": "m59 60 21 21 21-21h3l9 9v3L92 93l21 21v3l-9 9h-3l-21-21-21 21h-3l-9-9v-3l21-21-21-21v-3l9-9h3Z",
-      "fill": getUrlById(8)
+      "fill": getUrlById(8),
+      "data-allow-mismatch": "attribute"
     }, null)]);
     const renderSearch = () => vue.createVNode("svg", {
       "viewBox": "0 0 160 160"
-    }, [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
+    }, [vue.createVNode("defs", {
+      "data-allow-mismatch": "children"
+    }, [vue.createVNode("linearGradient", {
       "x1": "50%",
       "y1": "100%",
       "x2": "50%",
@@ -9090,7 +9117,8 @@ var stdin_default$Z = vue.defineComponent({
       "id": getId(12)
     }, [renderStops("#FFF", "#F7F8FA")])]), renderBuilding(), renderCloud(), renderShadow("d"), vue.createVNode("g", {
       "transform": "rotate(-45 113 -4)",
-      "fill": "none"
+      "fill": "none",
+      "data-allow-mismatch": "children"
     }, [vue.createVNode("rect", {
       "fill": getUrlById(9),
       "x": "24",
@@ -9360,11 +9388,7 @@ var stdin_default$X = vue.defineComponent({
     const currentValues = vue.ref(props2.modelValue);
     const updatedByExternalSources = vue.ref(false);
     const pickerRef = vue.ref();
-    const genYearOptions = () => {
-      const minYear = props2.minDate.getFullYear();
-      const maxYear = props2.maxDate.getFullYear();
-      return genOptions(minYear, maxYear, "year", props2.formatter, props2.filter);
-    };
+    const computedValues = vue.computed(() => updatedByExternalSources.value ? props2.modelValue : currentValues.value);
     const isMinYear = (year) => year === props2.minDate.getFullYear();
     const isMaxYear = (year) => year === props2.maxDate.getFullYear();
     const isMinMonth = (month) => month === props2.minDate.getMonth() + 1;
@@ -9375,7 +9399,7 @@ var stdin_default$X = vue.defineComponent({
         columnsType
       } = props2;
       const index = columnsType.indexOf(type);
-      const value = updatedByExternalSources.value ? props2.modelValue[index] : currentValues.value[index];
+      const value = computedValues.value[index];
       if (value) {
         return +value;
       }
@@ -9388,18 +9412,23 @@ var stdin_default$X = vue.defineComponent({
           return minDate.getDate();
       }
     };
+    const genYearOptions = () => {
+      const minYear = props2.minDate.getFullYear();
+      const maxYear = props2.maxDate.getFullYear();
+      return genOptions(minYear, maxYear, "year", props2.formatter, props2.filter, computedValues.value);
+    };
     const genMonthOptions = () => {
       const year = getValue2("year");
       const minMonth = isMinYear(year) ? props2.minDate.getMonth() + 1 : 1;
       const maxMonth = isMaxYear(year) ? props2.maxDate.getMonth() + 1 : 12;
-      return genOptions(minMonth, maxMonth, "month", props2.formatter, props2.filter);
+      return genOptions(minMonth, maxMonth, "month", props2.formatter, props2.filter, computedValues.value);
     };
     const genDayOptions = () => {
       const year = getValue2("year");
       const month = getValue2("month");
       const minDate = isMinYear(year) && isMinMonth(month) ? props2.minDate.getDate() : 1;
       const maxDate = isMaxYear(year) && isMaxMonth(month) ? props2.maxDate.getDate() : getMonthEndDay(year, month);
-      return genOptions(minDate, maxDate, "day", props2.formatter, props2.filter);
+      return genOptions(minDate, maxDate, "day", props2.formatter, props2.filter, computedValues.value);
     };
     const confirm = () => {
       var _a;
@@ -9849,6 +9878,7 @@ var stdin_default$U = vue.defineComponent({
         "id": `${id}-${index}`,
         "role": "button",
         "tabindex": disabled ? void 0 : 0,
+        "data-allow-mismatch": "attribute",
         "class": [bem$L("item", {
           disabled,
           grow: scrollable.value
@@ -10061,6 +10091,7 @@ var stdin_default$T = vue.defineComponent({
           position: "absolute"
         },
         "aria-labelledby": `${parent.id}-${index.value}`,
+        "data-allow-mismatch": "attribute",
         "closeOnClickOverlay": closeOnClickOverlay,
         "onOpen": onOpen,
         "onClose": onClose,
@@ -13396,7 +13427,8 @@ var stdin_default$v = vue.defineComponent({
       if (slots.label || props2.label) {
         return vue.createVNode("label", {
           "class": bem$m("label"),
-          "for": getInputId()
+          "for": getInputId(),
+          "data-allow-mismatch": "attribute"
         }, [slots.label ? slots.label() : props2.label]);
       }
     };
@@ -15391,8 +15423,7 @@ const timePickerProps = extend({}, sharedProps, {
   columnsType: {
     type: Array,
     default: () => ["hour", "minute"]
-  },
-  filter: Function
+  }
 });
 var stdin_default$8 = vue.defineComponent({
   name: name$3,
@@ -17026,7 +17057,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.9.6";
+const version = "4.9.8";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -3054,7 +3054,8 @@ const TabTitle = defineComponent({
       "tabindex": props2.disabled ? void 0 : props2.isActive ? 0 : -1,
       "aria-selected": props2.isActive,
       "aria-disabled": props2.disabled || void 0,
-      "aria-controls": props2.controls
+      "aria-controls": props2.controls,
+      "data-allow-mismatch": "attribute"
     }, [renderText()]);
   }
 });
@@ -3247,7 +3248,8 @@ var stdin_default$1B = defineComponent({
           }),
           "tabindex": active.value ? 0 : -1,
           "aria-hidden": !active.value,
-          "aria-labelledby": label
+          "aria-labelledby": label,
+          "data-allow-mismatch": "attribute"
         }, {
           default: () => {
             var _a2;
@@ -3264,7 +3266,8 @@ var stdin_default$1B = defineComponent({
         "role": "tabpanel",
         "class": bem$1m("panel"),
         "tabindex": show ? 0 : -1,
-        "aria-labelledby": label
+        "aria-labelledby": label,
+        "data-allow-mismatch": "attribute"
       }, [Content]), [[vShow, show]]);
     };
   }
@@ -4278,7 +4281,7 @@ var stdin_default$1v = defineComponent({
       if (props2.type === "number" || props2.type === "digit") {
         const isNumber = props2.type === "number";
         value = formatNumber(value, isNumber, isNumber);
-        if (trigger === "onBlur" && value !== "") {
+        if (trigger === "onBlur" && value !== "" && (props2.min !== void 0 || props2.max !== void 0)) {
           const adjustedValue = clamp(+value, (_a = props2.min) != null ? _a : -Infinity, (_b = props2.max) != null ? _b : Infinity);
           value = adjustedValue.toString();
         }
@@ -4433,6 +4436,7 @@ var stdin_default$1v = defineComponent({
         enterkeyhint: props2.enterkeyhint,
         spellcheck: props2.spellcheck,
         "aria-labelledby": props2.label ? `${id}-label` : void 0,
+        "data-allow-mismatch": "attribute",
         onBlur,
         onFocus,
         onInput,
@@ -4507,6 +4511,7 @@ var stdin_default$1v = defineComponent({
         return createVNode("label", {
           "id": `${id}-label`,
           "for": slots.input ? void 0 : getInputId(),
+          "data-allow-mismatch": "attribute",
           "onClick": (event) => {
             preventDefault(event);
             focus();
@@ -6490,6 +6495,9 @@ var stdin_default$1g = defineComponent({
         }, [slots["bottom-info"] ? slots["bottom-info"](props2.item) : bottomInfo]);
       }
     };
+    const renderText = () => {
+      return slots.text ? slots.text(props2.item) : props2.item.text;
+    };
     const renderContent = () => {
       const {
         item,
@@ -6497,10 +6505,9 @@ var stdin_default$1g = defineComponent({
         rowHeight
       } = props2;
       const {
-        type,
-        text
+        type
       } = item;
-      const Nodes = [renderTopInfo(), text, renderBottomInfo()];
+      const Nodes = [renderTopInfo(), renderText(), renderBottomInfo()];
       if (type === "selected") {
         return createVNode("div", {
           "class": bem$13("selected-day"),
@@ -6717,7 +6724,7 @@ var stdin_default$1f = defineComponent({
       "rowHeight": rowHeight.value,
       "onClick": (item2) => emit("click", item2),
       "onClickDisabledDate": (item2) => emit("clickDisabledDate", item2)
-    }, pick(slots, ["top-info", "bottom-info"]));
+    }, pick(slots, ["top-info", "bottom-info", "text"]));
     const renderDays = () => createVNode("div", {
       "ref": daysRef,
       "role": "grid",
@@ -7191,7 +7198,7 @@ var stdin_default$1d = defineComponent({
       }, pick(props2, ["type", "color", "showMark", "formatter", "rowHeight", "showSubtitle", "allowSameDay"]), {
         "onClick": onClickDay,
         "onClickDisabledDate": (item) => emit("clickDisabledDate", item)
-      }), pick(slots, ["top-info", "bottom-info", "month-title"]));
+      }), pick(slots, ["top-info", "bottom-info", "month-title", "text"]));
     };
     const renderFooterButton = () => {
       if (slots.footer) {
@@ -8873,22 +8880,26 @@ var stdin_default$Z = defineComponent({
       "fx": "50%",
       "fy": "54%",
       "r": "297%",
-      "gradientTransform": "matrix(-.16 0 0 -.33 .58 .72)"
+      "gradientTransform": "matrix(-.16 0 0 -.33 .58 .72)",
+      "data-allow-mismatch": "attribute"
     }, [renderStop("#EBEDF0", 0), renderStop("#F2F3F5", 100, 0.3)])]), createVNode("ellipse", {
       "fill": getUrlById(id),
       "opacity": ".8",
       "cx": "80",
       "cy": "140",
       "rx": "46",
-      "ry": "8"
+      "ry": "8",
+      "data-allow-mismatch": "attribute"
     }, null)];
     const renderBuilding = () => [createVNode("defs", null, [createVNode("linearGradient", {
       "id": getId("a"),
       "x1": "64%",
       "y1": "100%",
-      "x2": "64%"
+      "x2": "64%",
+      "data-allow-mismatch": "attribute"
     }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)])]), createVNode("g", {
-      "opacity": ".8"
+      "opacity": ".8",
+      "data-allow-mismatch": "children"
     }, [createVNode("path", {
       "d": "M36 131V53H16v20H2v58h34z",
       "fill": getUrlById("a")
@@ -8901,9 +8912,11 @@ var stdin_default$Z = defineComponent({
       "x1": "64%",
       "y1": "97%",
       "x2": "64%",
-      "y2": "0%"
+      "y2": "0%",
+      "data-allow-mismatch": "attribute"
     }, [renderStop("#F2F3F5", 0, 0.3), renderStop("#F2F3F5", 100)])]), createVNode("g", {
-      "opacity": ".8"
+      "opacity": ".8",
+      "data-allow-mismatch": "children"
     }, [createVNode("path", {
       "d": "M87 6c3 0 7 3 8 6a8 8 0 1 1-1 16H80a7 7 0 0 1-8-6c0-4 3-7 6-7 0-5 4-9 9-9Z",
       "fill": getUrlById("b")
@@ -8913,7 +8926,9 @@ var stdin_default$Z = defineComponent({
     }, null)])];
     const renderNetwork = () => createVNode("svg", {
       "viewBox": "0 0 160 160"
-    }, [createVNode("defs", null, [createVNode("linearGradient", {
+    }, [createVNode("defs", {
+      "data-allow-mismatch": "children"
+    }, [createVNode("linearGradient", {
       "id": getId(1),
       "x1": "64%",
       "y1": "100%",
@@ -8940,14 +8955,17 @@ var stdin_default$Z = defineComponent({
       "fill": "none"
     }, [renderBuilding(), createVNode("path", {
       "fill": getUrlById(4),
-      "d": "M0 139h160v21H0z"
+      "d": "M0 139h160v21H0z",
+      "data-allow-mismatch": "attribute"
     }, null), createVNode("path", {
       "d": "M80 54a7 7 0 0 1 3 13v27l-2 2h-2a2 2 0 0 1-2-2V67a7 7 0 0 1 3-13z",
-      "fill": getUrlById(2)
+      "fill": getUrlById(2),
+      "data-allow-mismatch": "attribute"
     }, null), createVNode("g", {
       "opacity": ".6",
       "stroke-linecap": "round",
-      "stroke-width": "7"
+      "stroke-width": "7",
+      "data-allow-mismatch": "children"
     }, [createVNode("path", {
       "d": "M64 47a19 19 0 0 0-5 13c0 5 2 10 5 13",
       "stroke": getUrlById(3)
@@ -8984,7 +9002,9 @@ var stdin_default$Z = defineComponent({
     }, null)])])]);
     const renderMaterial = () => createVNode("svg", {
       "viewBox": "0 0 160 160"
-    }, [createVNode("defs", null, [createVNode("linearGradient", {
+    }, [createVNode("defs", {
+      "data-allow-mismatch": "children"
+    }, [createVNode("linearGradient", {
       "x1": "50%",
       "x2": "50%",
       "y2": "100%",
@@ -9017,7 +9037,8 @@ var stdin_default$Z = defineComponent({
       "fill": getUrlById(5),
       "width": "64",
       "height": "66",
-      "rx": "2"
+      "rx": "2",
+      "data-allow-mismatch": "attribute"
     }, null), createVNode("rect", {
       "fill": "#FFF",
       "x": "6",
@@ -9027,7 +9048,8 @@ var stdin_default$Z = defineComponent({
       "rx": "1"
     }, null), createVNode("g", {
       "transform": "translate(15 17)",
-      "fill": getUrlById(6)
+      "fill": getUrlById(6),
+      "data-allow-mismatch": "attribute"
     }, [createVNode("rect", {
       "width": "34",
       "height": "6",
@@ -9044,7 +9066,8 @@ var stdin_default$Z = defineComponent({
       "y": "61",
       "width": "88",
       "height": "28",
-      "rx": "1"
+      "rx": "1",
+      "data-allow-mismatch": "attribute"
     }, null), createVNode("rect", {
       "fill": "#F7F8FA",
       "x": "29",
@@ -9059,14 +9082,18 @@ var stdin_default$Z = defineComponent({
       "x1": "50%",
       "x2": "50%",
       "y2": "100%",
-      "id": getId(8)
+      "id": getId(8),
+      "data-allow-mismatch": "attribute"
     }, [renderStops("#EAEDF1", "#DCDEE0")])]), renderBuilding(), renderCloud(), renderShadow("c"), createVNode("path", {
       "d": "m59 60 21 21 21-21h3l9 9v3L92 93l21 21v3l-9 9h-3l-21-21-21 21h-3l-9-9v-3l21-21-21-21v-3l9-9h3Z",
-      "fill": getUrlById(8)
+      "fill": getUrlById(8),
+      "data-allow-mismatch": "attribute"
     }, null)]);
     const renderSearch = () => createVNode("svg", {
       "viewBox": "0 0 160 160"
-    }, [createVNode("defs", null, [createVNode("linearGradient", {
+    }, [createVNode("defs", {
+      "data-allow-mismatch": "children"
+    }, [createVNode("linearGradient", {
       "x1": "50%",
       "y1": "100%",
       "x2": "50%",
@@ -9088,7 +9115,8 @@ var stdin_default$Z = defineComponent({
       "id": getId(12)
     }, [renderStops("#FFF", "#F7F8FA")])]), renderBuilding(), renderCloud(), renderShadow("d"), createVNode("g", {
       "transform": "rotate(-45 113 -4)",
-      "fill": "none"
+      "fill": "none",
+      "data-allow-mismatch": "children"
     }, [createVNode("rect", {
       "fill": getUrlById(9),
       "x": "24",
@@ -9358,11 +9386,7 @@ var stdin_default$X = defineComponent({
     const currentValues = ref(props2.modelValue);
     const updatedByExternalSources = ref(false);
     const pickerRef = ref();
-    const genYearOptions = () => {
-      const minYear = props2.minDate.getFullYear();
-      const maxYear = props2.maxDate.getFullYear();
-      return genOptions(minYear, maxYear, "year", props2.formatter, props2.filter);
-    };
+    const computedValues = computed(() => updatedByExternalSources.value ? props2.modelValue : currentValues.value);
     const isMinYear = (year) => year === props2.minDate.getFullYear();
     const isMaxYear = (year) => year === props2.maxDate.getFullYear();
     const isMinMonth = (month) => month === props2.minDate.getMonth() + 1;
@@ -9373,7 +9397,7 @@ var stdin_default$X = defineComponent({
         columnsType
       } = props2;
       const index = columnsType.indexOf(type);
-      const value = updatedByExternalSources.value ? props2.modelValue[index] : currentValues.value[index];
+      const value = computedValues.value[index];
       if (value) {
         return +value;
       }
@@ -9386,18 +9410,23 @@ var stdin_default$X = defineComponent({
           return minDate.getDate();
       }
     };
+    const genYearOptions = () => {
+      const minYear = props2.minDate.getFullYear();
+      const maxYear = props2.maxDate.getFullYear();
+      return genOptions(minYear, maxYear, "year", props2.formatter, props2.filter, computedValues.value);
+    };
     const genMonthOptions = () => {
       const year = getValue2("year");
       const minMonth = isMinYear(year) ? props2.minDate.getMonth() + 1 : 1;
       const maxMonth = isMaxYear(year) ? props2.maxDate.getMonth() + 1 : 12;
-      return genOptions(minMonth, maxMonth, "month", props2.formatter, props2.filter);
+      return genOptions(minMonth, maxMonth, "month", props2.formatter, props2.filter, computedValues.value);
     };
     const genDayOptions = () => {
       const year = getValue2("year");
       const month = getValue2("month");
       const minDate = isMinYear(year) && isMinMonth(month) ? props2.minDate.getDate() : 1;
       const maxDate = isMaxYear(year) && isMaxMonth(month) ? props2.maxDate.getDate() : getMonthEndDay(year, month);
-      return genOptions(minDate, maxDate, "day", props2.formatter, props2.filter);
+      return genOptions(minDate, maxDate, "day", props2.formatter, props2.filter, computedValues.value);
     };
     const confirm = () => {
       var _a;
@@ -9847,6 +9876,7 @@ var stdin_default$U = defineComponent({
         "id": `${id}-${index}`,
         "role": "button",
         "tabindex": disabled ? void 0 : 0,
+        "data-allow-mismatch": "attribute",
         "class": [bem$L("item", {
           disabled,
           grow: scrollable.value
@@ -10059,6 +10089,7 @@ var stdin_default$T = defineComponent({
           position: "absolute"
         },
         "aria-labelledby": `${parent.id}-${index.value}`,
+        "data-allow-mismatch": "attribute",
         "closeOnClickOverlay": closeOnClickOverlay,
         "onOpen": onOpen,
         "onClose": onClose,
@@ -13394,7 +13425,8 @@ var stdin_default$v = defineComponent({
       if (slots.label || props2.label) {
         return createVNode("label", {
           "class": bem$m("label"),
-          "for": getInputId()
+          "for": getInputId(),
+          "data-allow-mismatch": "attribute"
         }, [slots.label ? slots.label() : props2.label]);
       }
     };
@@ -15389,8 +15421,7 @@ const timePickerProps = extend({}, sharedProps, {
   columnsType: {
     type: Array,
     default: () => ["hour", "minute"]
-  },
-  filter: Function
+  }
 });
 var stdin_default$8 = defineComponent({
   name: name$3,
@@ -17024,7 +17055,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.9.6";
+const version = "4.9.8";
 function install(app) {
   const components = [
     ActionBar,