vant 4.9.5 → 4.9.7

package/lib/dropdown-item/index.d.ts

@@ -1,44 +1,44 @@
 import { DropdownItemProps } from './DropdownItem';
-export declare const DropdownItem: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const DropdownItem: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: import("vue").PropType<import("./types").DropdownItemOption[]>;
         default: () => never[];
     };
     disabled: BooleanConstructor;
-    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    teleport: import("vue").PropType<import("vue").TeleportProps["to"]>;
     lazyRender: {
         type: BooleanConstructor;
         default: true;
     };
     modelValue: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
-}, (() => import("vue/jsx-runtime").JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "update:modelValue" | "change" | "close" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "update:modelValue" | "change" | "close" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: import("vue").PropType<import("./types").DropdownItemOption[]>;
         default: () => never[];
     };
     disabled: BooleanConstructor;
-    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    teleport: import("vue").PropType<import("vue").TeleportProps["to"]>;
     lazyRender: {
         type: BooleanConstructor;
         default: true;
     };
     modelValue: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     lazyRender: boolean;
     options: import("./types").DropdownItemOption[];
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default DropdownItem;
 export { dropdownItemProps } from './DropdownItem';
 export type { DropdownItemProps };

package/lib/dropdown-menu/DropdownMenu.d.ts

@@ -28,7 +28,7 @@ export declare const dropdownMenuProps: {
 };
 export type DropdownMenuProps = ExtractPropTypes<typeof dropdownMenuProps>;
 export declare const DROPDOWN_KEY: InjectionKey<DropdownMenuProvide>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     overlay: {
         type: BooleanConstructor;
         default: true;
@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     swipeThreshold: (NumberConstructor | StringConstructor)[];
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     overlay: {
         type: BooleanConstructor;
         default: true;
@@ -78,12 +78,12 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     swipeThreshold: (NumberConstructor | StringConstructor)[];
-}>>, {
+}>> & Readonly<{}>, {
     overlay: boolean;
     duration: string | number;
     closeOnClickOverlay: boolean;
     direction: DropdownMenuDirection;
     autoLocate: boolean;
     closeOnClickOutside: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/dropdown-menu/DropdownMenu.js

@@ -23,7 +23,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use_id = require("../composables/use-id");
 var import_use_expose = require("../composables/use-expose");
@@ -41,24 +40,24 @@ const dropdownMenuProps = {
   swipeThreshold: import_utils.numericProp
 };
 const DROPDOWN_KEY = Symbol(name);
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: dropdownMenuProps,
   setup(props, {
     slots
   }) {
     const id = (0, import_use_id.useId)();
-    const root = (0, import_vue2.ref)();
-    const barRef = (0, import_vue2.ref)();
-    const offset = (0, import_vue2.ref)(0);
+    const root = (0, import_vue.ref)();
+    const barRef = (0, import_vue.ref)();
+    const offset = (0, import_vue.ref)(0);
     const {
       children,
       linkChildren
     } = (0, import_use.useChildren)(DROPDOWN_KEY);
     const scrollParent = (0, import_use.useScrollParent)(root);
-    const opened = (0, import_vue2.computed)(() => children.some((item) => item.state.showWrapper));
-    const scrollable = (0, import_vue2.computed)(() => props.swipeThreshold && children.length > +props.swipeThreshold);
-    const barStyle = (0, import_vue2.computed)(() => {
+    const opened = (0, import_vue.computed)(() => children.some((item) => item.state.showWrapper));
+    const scrollable = (0, import_vue.computed)(() => props.swipeThreshold && children.length > +props.swipeThreshold);
+    const barStyle = (0, import_vue.computed)(() => {
       if (opened.value && (0, import_utils.isDef)(props.zIndex)) {
         return {
           zIndex: +props.zIndex + 1
@@ -113,6 +112,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "id": `${id}-${index}`,
         "role": "button",
         "tabindex": disabled ? void 0 : 0,
+        "data-allow-mismatch": "attribute",
         "class": [bem("item", {
           disabled,
           grow: scrollable.value

package/lib/dropdown-menu/index.d.ts

@@ -1,5 +1,5 @@
 import { DropdownMenuProps } from './DropdownMenu';
-export declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     overlay: {
         type: BooleanConstructor;
         default: true;
@@ -24,7 +24,7 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         default: true;
     };
     swipeThreshold: (NumberConstructor | StringConstructor)[];
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     overlay: {
         type: BooleanConstructor;
         default: true;
@@ -49,14 +49,14 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         default: true;
     };
     swipeThreshold: (NumberConstructor | StringConstructor)[];
-}>>, {
+}>> & Readonly<{}>, {
     overlay: boolean;
     duration: string | number;
     closeOnClickOverlay: boolean;
     direction: import("./types").DropdownMenuDirection;
     autoLocate: boolean;
     closeOnClickOutside: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default DropdownMenu;
 export { dropdownMenuProps } from './DropdownMenu';
 export type { DropdownMenuProps };

package/lib/empty/Empty.d.ts

@@ -9,21 +9,21 @@ export declare const emptyProps: {
     description: StringConstructor;
 };
 export type EmptyProps = ExtractPropTypes<typeof emptyProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     image: {
         type: PropType<string>;
         default: string;
     };
     imageSize: PropType<Numeric | [Numeric, Numeric]>;
     description: StringConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     image: {
         type: PropType<string>;
         default: string;
     };
     imageSize: PropType<Numeric | [Numeric, Numeric]>;
     description: StringConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     image: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/empty/Empty.js

@@ -22,7 +22,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_use_id = require("../composables/use-id");
 var import_utils = require("../utils");
 const [name, bem] = (0, import_utils.createNamespace)("empty");
@@ -31,7 +30,7 @@ const emptyProps = {
   imageSize: [Number, String, Array],
   description: String
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: emptyProps,
   setup(props, {
@@ -68,22 +67,26 @@ var stdin_default = (0, import_vue2.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")
@@ -96,9 +99,11 @@ var stdin_default = (0, import_vue2.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")
@@ -108,7 +113,9 @@ var stdin_default = (0, import_vue2.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%",
@@ -135,14 +142,17 @@ var stdin_default = (0, import_vue2.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)
@@ -179,7 +189,9 @@ var stdin_default = (0, import_vue2.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%",
@@ -212,7 +224,8 @@ var stdin_default = (0, import_vue2.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",
@@ -222,7 +235,8 @@ var stdin_default = (0, import_vue2.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",
@@ -239,7 +253,8 @@ var stdin_default = (0, import_vue2.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",
@@ -254,14 +269,18 @@ var stdin_default = (0, import_vue2.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%",
@@ -283,7 +302,8 @@ var stdin_default = (0, import_vue2.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/empty/index.d.ts

@@ -1,20 +1,20 @@
-export declare const Empty: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Empty: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     image: {
         type: import("vue").PropType<string>;
         default: string;
     };
     imageSize: import("vue").PropType<import("../utils").Numeric | [import("../utils").Numeric, import("../utils").Numeric]>;
     description: StringConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     image: {
         type: import("vue").PropType<string>;
         default: string;
     };
     imageSize: import("vue").PropType<import("../utils").Numeric | [import("../utils").Numeric, import("../utils").Numeric]>;
     description: StringConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     image: string;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Empty;
 export { emptyProps } from './Empty';
 export type { EmptyProps } from './Empty';

package/lib/field/Field.d.ts

@@ -150,7 +150,7 @@ export declare const fieldProps: {
     };
 };
 export type FieldProps = ExtractPropTypes<typeof fieldProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
@@ -247,7 +247,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
@@ -344,7 +344,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
-}>> & {
+}>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onKeypress?: ((...args: any[]) => any) | undefined;
@@ -355,7 +355,7 @@ declare const _default: import("vue").DefineComponent<{
     onClickLeftIcon?: ((...args: any[]) => any) | undefined;
     onClickRightIcon?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     type: FieldType;
     tag: keyof HTMLElementTagNameMap;
     center: boolean;
@@ -375,5 +375,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/field/Field.js

@@ -23,7 +23,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_utils2 = require("./utils");
 var import_Cell = require("../cell/Cell");
@@ -87,7 +86,7 @@ const fieldProps = (0, import_utils.extend)({}, import_Cell.cellSharedProps, fie
     default: null
   }
 });
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: fieldProps,
   emits: ["blur", "focus", "clear", "keypress", "clickInput", "endValidate", "startValidate", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
@@ -96,14 +95,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
     slots
   }) {
     const id = (0, import_use_id.useId)();
-    const state = (0, import_vue2.reactive)({
+    const state = (0, import_vue.reactive)({
       status: "unvalidated",
       focused: false,
       validateMessage: ""
     });
-    const inputRef = (0, import_vue2.ref)();
-    const clearIconRef = (0, import_vue2.ref)();
-    const customValue = (0, import_vue2.ref)();
+    const inputRef = (0, import_vue.ref)();
+    const clearIconRef = (0, import_vue.ref)();
+    const customValue = (0, import_vue.ref)();
     const {
       parent: form
     } = (0, import_use.useParent)(import_utils.FORM_KEY);
@@ -119,7 +118,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return form.props[key];
       }
     };
-    const showClear = (0, import_vue2.computed)(() => {
+    const showClear = (0, import_vue.computed)(() => {
       const readonly = getProp("readonly");
       if (props.clearable && !readonly) {
         const hasValue = getModelValue() !== "";
@@ -128,13 +127,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return false;
     });
-    const formValue = (0, import_vue2.computed)(() => {
+    const formValue = (0, import_vue.computed)(() => {
       if (customValue.value && slots.input) {
         return customValue.value();
       }
       return props.modelValue;
     });
-    const showRequiredMark = (0, import_vue2.computed)(() => {
+    const showRequiredMark = (0, import_vue.computed)(() => {
       var _a;
       const required = getProp("required");
       if (required === "auto") {
@@ -318,7 +317,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const onFocus = (event) => {
       state.focused = true;
       emit("focus", event);
-      (0, import_vue2.nextTick)(adjustTextareaSize);
+      (0, import_vue.nextTick)(adjustTextareaSize);
       if (getProp("readonly")) {
         blur();
       }
@@ -331,7 +330,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return;
       }
       validateWithTrigger("onBlur");
-      (0, import_vue2.nextTick)(adjustTextareaSize);
+      (0, import_vue.nextTick)(adjustTextareaSize);
       (0, import_utils.resetScroll)();
     };
     const onClickInput = (event) => emit("clickInput", event);
@@ -342,7 +341,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       emit("update:modelValue", "");
       emit("clear", event);
     };
-    const showError = (0, import_vue2.computed)(() => {
+    const showError = (0, import_vue.computed)(() => {
       if (typeof props.error === "boolean") {
         return props.error;
       }
@@ -350,7 +349,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return true;
       }
     });
-    const labelStyle = (0, import_vue2.computed)(() => {
+    const labelStyle = (0, import_vue.computed)(() => {
       const labelWidth = getProp("labelWidth");
       const labelAlign = getProp("labelAlign");
       if (labelWidth && labelAlign !== "top") {
@@ -402,6 +401,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         enterkeyhint: props.enterkeyhint,
         spellcheck: props.spellcheck,
         "aria-labelledby": props.label ? `${id}-label` : void 0,
+        "data-allow-mismatch": "attribute",
         onBlur,
         onFocus,
         onInput,
@@ -476,6 +476,7 @@ var stdin_default = (0, import_vue2.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();
@@ -503,23 +504,23 @@ var stdin_default = (0, import_vue2.defineComponent)({
       resetValidation,
       getValidationStatus
     });
-    (0, import_vue2.provide)(import_use.CUSTOM_FIELD_INJECTION_KEY, {
+    (0, import_vue.provide)(import_use.CUSTOM_FIELD_INJECTION_KEY, {
       customValue,
       resetValidation,
       validateWithTrigger
     });
-    (0, import_vue2.watch)(() => props.modelValue, () => {
+    (0, import_vue.watch)(() => props.modelValue, () => {
       updateValue(getModelValue());
       resetValidation();
       validateWithTrigger("onChange");
-      (0, import_vue2.nextTick)(adjustTextareaSize);
+      (0, import_vue.nextTick)(adjustTextareaSize);
     });
-    (0, import_vue2.onMounted)(() => {
+    (0, import_vue.onMounted)(() => {
       updateValue(getModelValue(), props.formatTrigger);
-      (0, import_vue2.nextTick)(adjustTextareaSize);
+      (0, import_vue.nextTick)(adjustTextareaSize);
     });
     (0, import_use.useEventListener)("touchstart", onClear, {
-      target: (0, import_vue2.computed)(() => {
+      target: (0, import_vue.computed)(() => {
         var _a;
         return (_a = clearIconRef.value) == null ? void 0 : _a.$el;
       })

package/lib/field/index.d.ts

@@ -1,5 +1,5 @@
 import { FieldProps } from './Field';
-export declare const Field: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Field: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
@@ -96,7 +96,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: null;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
@@ -193,7 +193,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: null;
     };
-}>> & {
+}>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onKeypress?: ((...args: any[]) => any) | undefined;
@@ -204,7 +204,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     onClickLeftIcon?: ((...args: any[]) => any) | undefined;
     onClickRightIcon?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     type: import("./types").FieldType;
     tag: keyof HTMLElementTagNameMap;
     center: boolean;
@@ -224,7 +224,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Field;
 export { fieldProps } from './Field';
 export type { FieldProps };