vant 4.9.6 → 4.9.8

package/lib/date-picker/DatePicker.js

@@ -55,11 +55,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     const currentValues = (0, import_vue.ref)(props.modelValue);
     const updatedByExternalSources = (0, import_vue.ref)(false);
     const pickerRef = (0, import_vue.ref)();
-    const genYearOptions = () => {
-      const minYear = props.minDate.getFullYear();
-      const maxYear = props.maxDate.getFullYear();
-      return (0, import_utils2.genOptions)(minYear, maxYear, "year", props.formatter, props.filter);
-    };
+    const computedValues = (0, import_vue.computed)(() => updatedByExternalSources.value ? props.modelValue : currentValues.value);
     const isMinYear = (year) => year === props.minDate.getFullYear();
     const isMaxYear = (year) => year === props.maxDate.getFullYear();
     const isMinMonth = (month) => month === props.minDate.getMonth() + 1;
@@ -70,7 +66,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         columnsType
       } = props;
       const index = columnsType.indexOf(type);
-      const value = updatedByExternalSources.value ? props.modelValue[index] : currentValues.value[index];
+      const value = computedValues.value[index];
       if (value) {
         return +value;
       }
@@ -83,18 +79,23 @@ var stdin_default = (0, import_vue.defineComponent)({
           return minDate.getDate();
       }
     };
+    const genYearOptions = () => {
+      const minYear = props.minDate.getFullYear();
+      const maxYear = props.maxDate.getFullYear();
+      return (0, import_utils2.genOptions)(minYear, maxYear, "year", props.formatter, props.filter, computedValues.value);
+    };
     const genMonthOptions = () => {
       const year = getValue("year");
       const minMonth = isMinYear(year) ? props.minDate.getMonth() + 1 : 1;
       const maxMonth = isMaxYear(year) ? props.maxDate.getMonth() + 1 : 12;
-      return (0, import_utils2.genOptions)(minMonth, maxMonth, "month", props.formatter, props.filter);
+      return (0, import_utils2.genOptions)(minMonth, maxMonth, "month", props.formatter, props.filter, computedValues.value);
     };
     const genDayOptions = () => {
       const year = getValue("year");
       const month = getValue("month");
       const minDate = isMinYear(year) && isMinMonth(month) ? props.minDate.getDate() : 1;
       const maxDate = isMaxYear(year) && isMaxMonth(month) ? props.maxDate.getDate() : (0, import_utils2.getMonthEndDay)(year, month);
-      return (0, import_utils2.genOptions)(minDate, maxDate, "day", props.formatter, props.filter);
+      return (0, import_utils2.genOptions)(minDate, maxDate, "day", props.formatter, props.filter, computedValues.value);
     };
     const confirm = () => {
       var _a;

package/lib/date-picker/index.d.ts

@@ -28,7 +28,7 @@ export declare const DatePicker: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values?: string[]) => import("..").PickerOption[]>;
+    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values: string[]) => import("..").PickerOption[]>;
     formatter: {
         type: import("vue").PropType<(type: string, option: import("..").PickerOption) => import("..").PickerOption>;
         default: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
@@ -77,7 +77,7 @@ export declare const DatePicker: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values?: string[]) => import("..").PickerOption[]>;
+    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values: string[]) => import("..").PickerOption[]>;
     formatter: {
         type: import("vue").PropType<(type: string, option: import("..").PickerOption) => import("..").PickerOption>;
         default: (type: string, option: import("..").PickerOption) => import("..").PickerOption;

package/lib/date-picker/utils.d.ts

@@ -1,9 +1,7 @@
-import { type RequiredParams } from '../utils';
 import { pickerSharedProps } from '../picker/Picker';
 import type { PropType } from 'vue';
 import type { PickerOption } from '../picker';
-type Filter = (columnType: string, options: PickerOption[], values?: string[]) => PickerOption[];
-export type TimeFilter = RequiredParams<Filter>;
+type Filter = (columnType: string, options: PickerOption[], values: string[]) => PickerOption[];
 type Formatter = (type: string, option: PickerOption) => PickerOption;
 export declare const sharedProps: {
     loading: BooleanConstructor;
@@ -43,6 +41,6 @@ export declare const sharedProps: {
 export declare const pickerInheritKeys: Array<keyof typeof pickerSharedProps>;
 export declare function times<T>(n: number, iteratee: (index: number) => T): T[];
 export declare const getMonthEndDay: (year: number, month: number) => number;
-export declare const genOptions: <T extends string>(min: number, max: number, type: T, formatter: Formatter, filter?: Filter | TimeFilter, values?: string[]) => PickerOption[];
+export declare const genOptions: <T extends string>(min: number, max: number, type: T, formatter: Formatter, filter: Filter | undefined, values: string[]) => PickerOption[];
 export declare const formatValueRange: (values: string[], columns: PickerOption[][]) => string[];
 export {};

package/lib/dropdown-item/DropdownItem.js

@@ -188,6 +188,7 @@ var stdin_default = (0, import_vue.defineComponent)({
           position: "absolute"
         },
         "aria-labelledby": `${parent.id}-${index.value}`,
+        "data-allow-mismatch": "attribute",
         "closeOnClickOverlay": closeOnClickOverlay,
         "onOpen": onOpen,
         "onClose": onClose,

package/lib/dropdown-menu/DropdownMenu.js

@@ -112,6 +112,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         "id": `${id}-${index}`,
         "role": "button",
         "tabindex": disabled ? void 0 : 0,
+        "data-allow-mismatch": "attribute",
         "class": [bem("item", {
           disabled,
           grow: scrollable.value

package/lib/empty/Empty.js

@@ -67,22 +67,26 @@ var stdin_default = (0, import_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)])]), (0, import_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 = () => [(0, import_vue.createVNode)("defs", null, [(0, import_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)])]), (0, import_vue.createVNode)("g", {
-      "opacity": ".8"
+      "opacity": ".8",
+      "data-allow-mismatch": "children"
     }, [(0, import_vue.createVNode)("path", {
       "d": "M36 131V53H16v20H2v58h34z",
       "fill": getUrlById("a")
@@ -95,9 +99,11 @@ var stdin_default = (0, import_vue.defineComponent)({
       "x1": "64%",
       "y1": "97%",
       "x2": "64%",
-      "y2": "0%"
+      "y2": "0%",
+      "data-allow-mismatch": "attribute"
     }, [renderStop("#F2F3F5", 0, 0.3), renderStop("#F2F3F5", 100)])]), (0, import_vue.createVNode)("g", {
-      "opacity": ".8"
+      "opacity": ".8",
+      "data-allow-mismatch": "children"
     }, [(0, import_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")
@@ -107,7 +113,9 @@ var stdin_default = (0, import_vue.defineComponent)({
     }, null)])];
     const renderNetwork = () => (0, import_vue.createVNode)("svg", {
       "viewBox": "0 0 160 160"
-    }, [(0, import_vue.createVNode)("defs", null, [(0, import_vue.createVNode)("linearGradient", {
+    }, [(0, import_vue.createVNode)("defs", {
+      "data-allow-mismatch": "children"
+    }, [(0, import_vue.createVNode)("linearGradient", {
       "id": getId(1),
       "x1": "64%",
       "y1": "100%",
@@ -134,14 +142,17 @@ var stdin_default = (0, import_vue.defineComponent)({
       "fill": "none"
     }, [renderBuilding(), (0, import_vue.createVNode)("path", {
       "fill": getUrlById(4),
-      "d": "M0 139h160v21H0z"
+      "d": "M0 139h160v21H0z",
+      "data-allow-mismatch": "attribute"
     }, null), (0, import_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), (0, import_vue.createVNode)("g", {
       "opacity": ".6",
       "stroke-linecap": "round",
-      "stroke-width": "7"
+      "stroke-width": "7",
+      "data-allow-mismatch": "children"
     }, [(0, import_vue.createVNode)("path", {
       "d": "M64 47a19 19 0 0 0-5 13c0 5 2 10 5 13",
       "stroke": getUrlById(3)
@@ -178,7 +189,9 @@ var stdin_default = (0, import_vue.defineComponent)({
     }, null)])])]);
     const renderMaterial = () => (0, import_vue.createVNode)("svg", {
       "viewBox": "0 0 160 160"
-    }, [(0, import_vue.createVNode)("defs", null, [(0, import_vue.createVNode)("linearGradient", {
+    }, [(0, import_vue.createVNode)("defs", {
+      "data-allow-mismatch": "children"
+    }, [(0, import_vue.createVNode)("linearGradient", {
       "x1": "50%",
       "x2": "50%",
       "y2": "100%",
@@ -211,7 +224,8 @@ var stdin_default = (0, import_vue.defineComponent)({
       "fill": getUrlById(5),
       "width": "64",
       "height": "66",
-      "rx": "2"
+      "rx": "2",
+      "data-allow-mismatch": "attribute"
     }, null), (0, import_vue.createVNode)("rect", {
       "fill": "#FFF",
       "x": "6",
@@ -221,7 +235,8 @@ var stdin_default = (0, import_vue.defineComponent)({
       "rx": "1"
     }, null), (0, import_vue.createVNode)("g", {
       "transform": "translate(15 17)",
-      "fill": getUrlById(6)
+      "fill": getUrlById(6),
+      "data-allow-mismatch": "attribute"
     }, [(0, import_vue.createVNode)("rect", {
       "width": "34",
       "height": "6",
@@ -238,7 +253,8 @@ var stdin_default = (0, import_vue.defineComponent)({
       "y": "61",
       "width": "88",
       "height": "28",
-      "rx": "1"
+      "rx": "1",
+      "data-allow-mismatch": "attribute"
     }, null), (0, import_vue.createVNode)("rect", {
       "fill": "#F7F8FA",
       "x": "29",
@@ -253,14 +269,18 @@ var stdin_default = (0, import_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"), (0, import_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 = () => (0, import_vue.createVNode)("svg", {
       "viewBox": "0 0 160 160"
-    }, [(0, import_vue.createVNode)("defs", null, [(0, import_vue.createVNode)("linearGradient", {
+    }, [(0, import_vue.createVNode)("defs", {
+      "data-allow-mismatch": "children"
+    }, [(0, import_vue.createVNode)("linearGradient", {
       "x1": "50%",
       "y1": "100%",
       "x2": "50%",
@@ -282,7 +302,8 @@ var stdin_default = (0, import_vue.defineComponent)({
       "id": getId(12)
     }, [renderStops("#FFF", "#F7F8FA")])]), renderBuilding(), renderCloud(), renderShadow("d"), (0, import_vue.createVNode)("g", {
       "transform": "rotate(-45 113 -4)",
-      "fill": "none"
+      "fill": "none",
+      "data-allow-mismatch": "children"
     }, [(0, import_vue.createVNode)("rect", {
       "fill": getUrlById(9),
       "x": "24",

package/lib/field/Field.js

@@ -246,7 +246,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       if (props.type === "number" || props.type === "digit") {
         const isNumber = props.type === "number";
         value = (0, import_utils.formatNumber)(value, isNumber, isNumber);
-        if (trigger === "onBlur" && value !== "") {
+        if (trigger === "onBlur" && value !== "" && (props.min !== void 0 || props.max !== void 0)) {
           const adjustedValue = (0, import_utils.clamp)(+value, (_a = props.min) != null ? _a : -Infinity, (_b = props.max) != null ? _b : Infinity);
           value = adjustedValue.toString();
         }
@@ -401,6 +401,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         enterkeyhint: props.enterkeyhint,
         spellcheck: props.spellcheck,
         "aria-labelledby": props.label ? `${id}-label` : void 0,
+        "data-allow-mismatch": "attribute",
         onBlur,
         onFocus,
         onInput,
@@ -475,6 +476,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         return (0, import_vue.createVNode)("label", {
           "id": `${id}-label`,
           "for": slots.input ? void 0 : getInputId(),
+          "data-allow-mismatch": "attribute",
           "onClick": (event) => {
             (0, import_utils.preventDefault)(event);
             focus();

package/lib/index.d.ts

@@ -106,4 +106,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.9.6";
+export const version: "4.9.8";

package/lib/index.js

@@ -226,7 +226,7 @@ __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./watermark"), module.exports);
-const version = "4.9.6";
+const version = "4.9.8";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/search/Search.js

@@ -66,7 +66,8 @@ var stdin_default = (0, import_vue.defineComponent)({
       if (slots.label || props.label) {
         return (0, import_vue.createVNode)("label", {
           "class": bem("label"),
-          "for": getInputId()
+          "for": getInputId(),
+          "data-allow-mismatch": "attribute"
         }, [slots.label ? slots.label() : props.label]);
       }
     };

package/lib/tab/Tab.js

@@ -147,7 +147,8 @@ var stdin_default = (0, import_vue.defineComponent)({
           }),
           "tabindex": active.value ? 0 : -1,
           "aria-hidden": !active.value,
-          "aria-labelledby": label
+          "aria-labelledby": label,
+          "data-allow-mismatch": "attribute"
         }, {
           default: () => {
             var _a2;
@@ -164,7 +165,8 @@ var stdin_default = (0, import_vue.defineComponent)({
         "role": "tabpanel",
         "class": bem("panel"),
         "tabindex": show ? 0 : -1,
-        "aria-labelledby": label
+        "aria-labelledby": label,
+        "data-allow-mismatch": "attribute"
       }, [Content]), [[import_vue.vShow, show]]);
     };
   }

package/lib/tab/TabTitle.js

@@ -102,7 +102,8 @@ const TabTitle = (0, import_vue.defineComponent)({
       "tabindex": props.disabled ? void 0 : props.isActive ? 0 : -1,
       "aria-selected": props.isActive,
       "aria-disabled": props.disabled || void 0,
-      "aria-controls": props.controls
+      "aria-controls": props.controls,
+      "data-allow-mismatch": "attribute"
     }, [renderText()]);
   }
 });

package/lib/time-picker/TimePicker.d.ts

@@ -1,5 +1,4 @@
 import { type ExtractPropTypes, type PropType, type ComponentPublicInstance } from 'vue';
-import { type TimeFilter } from '../date-picker/utils';
 export type TimePickerColumnType = 'hour' | 'minute' | 'second';
 export declare const timePickerProps: {
     loading: BooleanConstructor;
@@ -30,7 +29,7 @@ export declare const timePickerProps: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values?: string[]) => import("../picker").PickerOption[]>;
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values: string[]) => import("../picker").PickerOption[]>;
     formatter: {
         type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
         default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
@@ -72,7 +71,6 @@ export declare const timePickerProps: {
         type: PropType<TimePickerColumnType[]>;
         default: () => string[];
     };
-    filter: PropType<TimeFilter>;
 };
 export type TimePickerProps = ExtractPropTypes<typeof timePickerProps>;
 export type TimePickerExpose = {
@@ -109,7 +107,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<string[]>;
         default: () => never[];
     };
-    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values?: string[]) => import("../picker").PickerOption[]>;
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values: string[]) => import("../picker").PickerOption[]>;
     formatter: {
         type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
         default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
@@ -151,7 +149,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<TimePickerColumnType[]>;
         default: () => string[];
     };
-    filter: PropType<TimeFilter>;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -181,7 +178,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<string[]>;
         default: () => never[];
     };
-    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values?: string[]) => import("../picker").PickerOption[]>;
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values: string[]) => import("../picker").PickerOption[]>;
     formatter: {
         type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
         default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
@@ -223,7 +220,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<TimePickerColumnType[]>;
         default: () => string[];
     };
-    filter: PropType<TimeFilter>;
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

package/lib/time-picker/TimePicker.js

@@ -47,8 +47,7 @@ const timePickerProps = (0, import_utils2.extend)({}, import_utils.sharedProps,
   columnsType: {
     type: Array,
     default: () => ["hour", "minute"]
-  },
-  filter: Function
+  }
 });
 var stdin_default = (0, import_vue.defineComponent)({
   name,

package/lib/time-picker/index.d.ts

@@ -28,7 +28,7 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values?: string[]) => import("..").PickerOption[]>;
+    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values: string[]) => import("..").PickerOption[]>;
     formatter: {
         type: import("vue").PropType<(type: string, option: import("..").PickerOption) => import("..").PickerOption>;
         default: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
@@ -70,7 +70,6 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<import("./TimePicker").TimePickerColumnType[]>;
         default: () => string[];
     };
-    filter: import("vue").PropType<import("../date-picker/utils").TimeFilter>;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -100,7 +99,7 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values?: string[]) => import("..").PickerOption[]>;
+    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values: string[]) => import("..").PickerOption[]>;
     formatter: {
         type: import("vue").PropType<(type: string, option: import("..").PickerOption) => import("..").PickerOption>;
         default: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
@@ -142,7 +141,6 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<import("./TimePicker").TimePickerColumnType[]>;
         default: () => string[];
     };
-    filter: import("vue").PropType<import("../date-picker/utils").TimeFilter>;
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;