vant 3.2.0 → 3.2.4

package/lib/popup/index.d.ts

@@ -1,4 +1,4 @@
-declare const Popup: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Popup: import("../utils").WithInstall<import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -112,5 +112,4 @@ declare const Popup: import("../utils").WithInstall<import("vue").DefineComponen
     closeIconPosition: import("./Popup").PopupCloseIconPosition;
 }>>;
 export default Popup;
-export { Popup };
 export type { PopupPosition, PopupCloseIconPosition } from './Popup';

package/lib/popup/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Popup = exports.default = void 0;
+exports.default = exports.Popup = void 0;
 
 var _utils = require("../utils");
 

package/lib/progress/Progress.d.ts

@@ -13,6 +13,7 @@ declare const props: {
     strokeWidth: (NumberConstructor | StringConstructor)[];
     percentage: {
         type: (NumberConstructor | StringConstructor)[];
+        default: number;
         validator: (value: number | string) => boolean;
     };
 };
@@ -31,6 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     strokeWidth: (NumberConstructor | StringConstructor)[];
     percentage: {
         type: (NumberConstructor | StringConstructor)[];
+        default: number;
         validator: (value: string | number) => boolean;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
@@ -46,6 +48,7 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     inactive: boolean;
     showPivot: boolean;
+    percentage: string | number;
 } & {
     color?: string | undefined;
     textColor?: string | undefined;
@@ -53,9 +56,9 @@ declare const _default: import("vue").DefineComponent<{
     pivotText?: string | undefined;
     pivotColor?: string | undefined;
     trackColor?: string | undefined;
-    percentage?: string | number | undefined;
-}> & {}, {
+}>, {
     inactive: boolean;
     showPivot: boolean;
+    percentage: string | number;
 }>;
 export default _default;

package/lib/progress/Progress.js

@@ -7,8 +7,6 @@ var _vue = require("vue");
 
 var _utils = require("../utils");
 
-var _useExpose = require("../composables/use-expose");
-
 var [name, bem] = (0, _utils.createNamespace)('progress');
 var props = {
   color: String,
@@ -21,6 +19,7 @@ var props = {
   strokeWidth: [Number, String],
   percentage: {
     type: [Number, String],
+    default: 0,
     validator: value => value >= 0 && value <= 100
   }
 };
@@ -30,26 +29,9 @@ var _default = (0, _vue.defineComponent)({
   props,
 
   setup(props) {
-    var root = (0, _vue.ref)();
-    var pivotRef = (0, _vue.ref)();
-    var state = (0, _vue.reactive)({
-      rootWidth: 0,
-      pivotWidth: 0
-    });
     var background = (0, _vue.computed)(() => props.inactive ? '#cacaca' : props.color);
 
-    var resize = () => {
-      (0, _vue.nextTick)(() => {
-        state.rootWidth = root.value ? root.value.offsetWidth : 0;
-        state.pivotWidth = pivotRef.value ? pivotRef.value.offsetWidth : 0;
-      });
-    };
-
     var renderPivot = () => {
-      var {
-        rootWidth,
-        pivotWidth
-      } = state;
       var {
         textColor,
         pivotText,
@@ -57,28 +39,21 @@ var _default = (0, _vue.defineComponent)({
         percentage
       } = props;
       var text = pivotText != null ? pivotText : percentage + "%";
-      var show = props.showPivot && text;
 
-      if (show) {
-        var left = (rootWidth - pivotWidth) * +percentage / 100;
+      if (props.showPivot && text) {
         var style = {
           color: textColor,
-          left: left + "px",
+          left: +percentage + "%",
+          transform: "translate(-" + +percentage + "%,-50%)",
           background: pivotColor || background.value
         };
         return (0, _vue.createVNode)("span", {
-          "ref": pivotRef,
           "style": style,
           "class": bem('pivot')
         }, [text]);
       }
     };
 
-    (0, _vue.watch)(() => [props.showPivot, props.pivotText], resize);
-    (0, _vue.onMounted)(resize);
-    (0, _useExpose.useExpose)({
-      resize
-    });
     return () => {
       var {
         trackColor,
@@ -91,16 +66,15 @@ var _default = (0, _vue.defineComponent)({
       };
       var portionStyle = {
         background: background.value,
-        width: state.rootWidth * +percentage / 100 + 'px'
+        transform: "scaleX(" + +percentage / 100 + ")"
       };
       return (0, _vue.createVNode)("div", {
-        "ref": root,
         "class": bem(),
         "style": rootStyle
       }, [(0, _vue.createVNode)("span", {
         "class": bem('portion'),
         "style": portionStyle
-      }, [renderPivot()])]);
+      }, null), renderPivot()]);
     };
   }
 

package/lib/progress/index.css

@@ -1 +1 @@
-:root{--van-progress-height:4px;--van-progress-color:var(--van-primary-color);--van-progress-background-color:var(--van-gray-3);--van-progress-pivot-padding:0 5px;--van-progress-pivot-text-color:var(--van-white);--van-progress-pivot-font-size:var(--van-font-size-xs);--van-progress-pivot-line-height:1.6;--van-progress-pivot-background-color:var(--van-primary-color)}.van-progress{position:relative;height:var(--van-progress-height);background:var(--van-progress-background-color);border-radius:var(--van-progress-height)}.van-progress__portion{position:absolute;left:0;height:100%;background:var(--van-progress-color);border-radius:inherit}.van-progress__pivot{position:absolute;top:50%;box-sizing:border-box;min-width:3.6em;padding:var(--van-progress-pivot-padding);color:var(--van-progress-pivot-text-color);font-size:var(--van-progress-pivot-font-size);line-height:var(--van-progress-pivot-line-height);text-align:center;word-break:keep-all;background-color:var(--van-progress-pivot-background-color);border-radius:1em;transform:translate(0,-50%)}
+:root{--van-progress-height:4px;--van-progress-color:var(--van-primary-color);--van-progress-background-color:var(--van-gray-3);--van-progress-pivot-padding:0 5px;--van-progress-pivot-text-color:var(--van-white);--van-progress-pivot-font-size:var(--van-font-size-xs);--van-progress-pivot-line-height:1.6;--van-progress-pivot-background-color:var(--van-primary-color)}.van-progress{position:relative;height:var(--van-progress-height);background:var(--van-progress-background-color);border-radius:var(--van-progress-height)}.van-progress__portion{position:absolute;left:0;width:100%;height:100%;background:var(--van-progress-color);border-radius:inherit;transform-origin:0;transition:all var(--van-animation-duration-base) var(--van-animation-timing-function-enter)}.van-progress__pivot{position:absolute;top:50%;box-sizing:border-box;min-width:3.6em;padding:var(--van-progress-pivot-padding);color:var(--van-progress-pivot-text-color);font-size:var(--van-progress-pivot-font-size);line-height:var(--van-progress-pivot-line-height);text-align:center;word-break:keep-all;background-color:var(--van-progress-pivot-background-color);border-radius:1em;transition:all var(--van-animation-duration-base) var(--van-animation-timing-function-enter)}

package/lib/progress/index.d.ts

@@ -1,4 +1,5 @@
-declare const Progress: import("../utils").WithInstall<import("vue").DefineComponent<{
+import { ProgressProps } from './Progress';
+export declare const Progress: import("../utils").WithInstall<import("vue").DefineComponent<{
     color: StringConstructor;
     inactive: BooleanConstructor;
     pivotText: StringConstructor;
@@ -12,6 +13,7 @@ declare const Progress: import("../utils").WithInstall<import("vue").DefineCompo
     strokeWidth: (NumberConstructor | StringConstructor)[];
     percentage: {
         type: (NumberConstructor | StringConstructor)[];
+        default: number;
         validator: (value: string | number) => boolean;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
@@ -27,6 +29,7 @@ declare const Progress: import("../utils").WithInstall<import("vue").DefineCompo
 } & {
     inactive: boolean;
     showPivot: boolean;
+    percentage: string | number;
 } & {
     color?: string | undefined;
     textColor?: string | undefined;
@@ -34,11 +37,11 @@ declare const Progress: import("../utils").WithInstall<import("vue").DefineCompo
     pivotText?: string | undefined;
     pivotColor?: string | undefined;
     trackColor?: string | undefined;
-    percentage?: string | number | undefined;
-}> & {}, {
+}>, {
     inactive: boolean;
     showPivot: boolean;
+    percentage: string | number;
 }>>;
 export default Progress;
-export { Progress };
+export type { ProgressProps };
 export type { ProgressInstance } from './types';

package/lib/progress/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Progress = exports.default = void 0;
+exports.default = exports.Progress = void 0;
 
 var _utils = require("../utils");
 

package/lib/progress/index.less

@@ -20,9 +20,13 @@
   &__portion {
     position: absolute;
     left: 0;
+    width: 100%;
     height: 100%;
     background: var(--van-progress-color);
     border-radius: inherit;
+    transform-origin: 0;
+    transition: all var(--van-animation-duration-base)
+      var(--van-animation-timing-function-enter);
   }
 
   &__pivot {
@@ -38,6 +42,7 @@
     word-break: keep-all;
     background-color: var(--van-progress-pivot-background-color);
     border-radius: 1em;
-    transform: translate(0, -50%);
+    transition: all var(--van-animation-duration-base)
+      var(--van-animation-timing-function-enter);
   }
 }

package/lib/pull-refresh/index.d.ts

@@ -1,4 +1,4 @@
-declare const PullRefresh: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const PullRefresh: import("../utils").WithInstall<import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     successText: StringConstructor;
     pullingText: StringConstructor;
@@ -55,4 +55,3 @@ declare const PullRefresh: import("../utils").WithInstall<import("vue").DefineCo
     headHeight: string | number;
 }>>;
 export default PullRefresh;
-export { PullRefresh };

package/lib/pull-refresh/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.PullRefresh = exports.default = void 0;
+exports.default = exports.PullRefresh = void 0;
 
 var _utils = require("../utils");
 

package/lib/radio/Radio.d.ts

@@ -21,8 +21,8 @@ declare const _default: import("vue").DefineComponent<{
     shape?: unknown;
 } & {
     disabled: boolean;
-    labelDisabled: boolean;
     shape: import("../checkbox/Checker").CheckerShape;
+    labelDisabled: boolean;
 } & {
     name?: unknown;
     modelValue?: unknown;
@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    labelDisabled: boolean;
     shape: import("../checkbox/Checker").CheckerShape;
+    labelDisabled: boolean;
 }>;
 export default _default;

package/lib/radio/index.d.ts

@@ -1,4 +1,4 @@
-declare const Radio: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Radio: import("../utils").WithInstall<import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
@@ -21,8 +21,8 @@ declare const Radio: import("../utils").WithInstall<import("vue").DefineComponen
     shape?: unknown;
 } & {
     disabled: boolean;
-    labelDisabled: boolean;
     shape: import("../checkbox/Checker").CheckerShape;
+    labelDisabled: boolean;
 } & {
     name?: unknown;
     modelValue?: unknown;
@@ -33,8 +33,7 @@ declare const Radio: import("../utils").WithInstall<import("vue").DefineComponen
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    labelDisabled: boolean;
     shape: import("../checkbox/Checker").CheckerShape;
+    labelDisabled: boolean;
 }>>;
 export default Radio;
-export { Radio };

package/lib/radio/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Radio = exports.default = void 0;
+exports.default = exports.Radio = void 0;
 
 var _utils = require("../utils");
 

package/lib/radio-group/index.d.ts

@@ -1,4 +1,4 @@
-declare const RadioGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const RadioGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: import("vue").PropType<import("../checkbox/Checker").CheckerDirection>;
@@ -24,4 +24,3 @@ declare const RadioGroup: import("../utils").WithInstall<import("vue").DefineCom
     disabled: boolean;
 }>>;
 export default RadioGroup;
-export { RadioGroup };

package/lib/radio-group/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.RadioGroup = exports.default = void 0;
+exports.default = exports.RadioGroup = void 0;
 
 var _utils = require("../utils");
 

package/lib/rate/Rate.d.ts

@@ -44,8 +44,8 @@ declare const _default: import("vue").DefineComponent<{
     voidIcon?: unknown;
     count?: unknown;
 } & {
-    icon: string;
     disabled: boolean;
+    icon: string;
     readonly: boolean;
     modelValue: number;
     touchable: boolean;
@@ -63,8 +63,8 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    icon: string;
     disabled: boolean;
+    icon: string;
     readonly: boolean;
     modelValue: number;
     touchable: boolean;

package/lib/rate/Rate.js

@@ -89,7 +89,7 @@ var _default = (0, _vue.defineComponent)({
 
     var untouchable = () => props.readonly || props.disabled || !props.touchable;
 
-    var list = (0, _vue.computed)(() => Array(props.count).fill('').map((_, i) => getRateStatus(props.modelValue, i + 1, props.allowHalf, props.readonly)));
+    var list = (0, _vue.computed)(() => Array(+props.count).fill('').map((_, i) => getRateStatus(props.modelValue, i + 1, props.allowHalf, props.readonly)));
     var ranges;
 
     var updateRanges = () => {

package/lib/rate/index.d.ts

@@ -1,4 +1,4 @@
-declare const Rate: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Rate: import("../utils").WithInstall<import("vue").DefineComponent<{
     size: (NumberConstructor | StringConstructor)[];
     color: StringConstructor;
     gutter: (NumberConstructor | StringConstructor)[];
@@ -44,8 +44,8 @@ declare const Rate: import("../utils").WithInstall<import("vue").DefineComponent
     voidIcon?: unknown;
     count?: unknown;
 } & {
-    icon: string;
     disabled: boolean;
+    icon: string;
     readonly: boolean;
     modelValue: number;
     touchable: boolean;
@@ -63,8 +63,8 @@ declare const Rate: import("../utils").WithInstall<import("vue").DefineComponent
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    icon: string;
     disabled: boolean;
+    icon: string;
     readonly: boolean;
     modelValue: number;
     touchable: boolean;
@@ -73,4 +73,3 @@ declare const Rate: import("../utils").WithInstall<import("vue").DefineComponent
     voidIcon: string;
 }>>;
 export default Rate;
-export { Rate };

package/lib/rate/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Rate = exports.default = void 0;
+exports.default = exports.Rate = void 0;
 
 var _utils = require("../utils");
 

package/lib/row/Row.d.ts

@@ -35,9 +35,9 @@ declare const _default: import("vue").DefineComponent<{
     wrap: boolean;
     gutter: string | number;
 } & {
-    justify?: RowJustify | undefined;
     align?: RowAlign | undefined;
-}> & {}, {
+    justify?: RowJustify | undefined;
+}>, {
     tag: keyof HTMLElementTagNameMap;
     wrap: boolean;
     gutter: string | number;

package/lib/row/index.d.ts

@@ -1,4 +1,4 @@
-declare const Row: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Row: import("../utils").WithInstall<import("vue").DefineComponent<{
     wrap: {
         type: BooleanConstructor;
         default: true;
@@ -24,13 +24,12 @@ declare const Row: import("../utils").WithInstall<import("vue").DefineComponent<
     wrap: boolean;
     gutter: string | number;
 } & {
-    justify?: import("./Row").RowJustify | undefined;
     align?: import("./Row").RowAlign | undefined;
-}> & {}, {
+    justify?: import("./Row").RowJustify | undefined;
+}>, {
     tag: keyof HTMLElementTagNameMap;
     wrap: boolean;
     gutter: string | number;
 }>>;
 export default Row;
-export { Row };
 export type { RowAlign, RowJustify } from './Row';

package/lib/row/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Row = exports.default = void 0;
+exports.default = exports.Row = void 0;
 
 var _utils = require("../utils");
 

package/lib/search/Search.d.ts

@@ -1,6 +1,8 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import type { SearchShape } from './types';
 declare const props: {
+    id: StringConstructor;
+    name: StringConstructor;
     formatter: PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
@@ -9,6 +11,7 @@ declare const props: {
     maxlength: (NumberConstructor | StringConstructor)[];
     inputAlign: PropType<import("../field").FieldTextAlign>;
     placeholder: StringConstructor;
+    autocomplete: StringConstructor;
     errorMessage: StringConstructor;
     error: {
         type: BooleanConstructor;
@@ -58,6 +61,8 @@ declare const props: {
 };
 export declare type SearchProps = ExtractPropTypes<typeof props>;
 declare const _default: import("vue").DefineComponent<{
+    id: StringConstructor;
+    name: StringConstructor;
     formatter: PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
@@ -66,6 +71,7 @@ declare const _default: import("vue").DefineComponent<{
     maxlength: (NumberConstructor | StringConstructor)[];
     inputAlign: PropType<import("../field").FieldTextAlign>;
     placeholder: StringConstructor;
+    autocomplete: StringConstructor;
     errorMessage: StringConstructor;
     error: {
         type: BooleanConstructor;
@@ -113,6 +119,8 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "cancel")[], "search" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    id?: unknown;
+    name?: unknown;
     formatter?: unknown;
     leftIcon?: unknown;
     rightIcon?: unknown;
@@ -121,6 +129,7 @@ declare const _default: import("vue").DefineComponent<{
     maxlength?: unknown;
     inputAlign?: unknown;
     placeholder?: unknown;
+    autocomplete?: unknown;
     errorMessage?: unknown;
     error?: unknown;
     disabled?: unknown;
@@ -135,20 +144,23 @@ declare const _default: import("vue").DefineComponent<{
     showAction?: unknown;
     shape?: unknown;
 } & {
-    leftIcon: string;
     autofocus: boolean;
+    disabled: boolean;
+    shape: SearchShape;
+    leftIcon: string;
     clearable: boolean;
     error: boolean;
-    disabled: boolean;
     readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("../field").FieldClearTrigger;
     formatTrigger: import("../field").FieldFormatTrigger;
-    shape: SearchShape;
     showAction: boolean;
 } & {
+    name?: string | undefined;
     label?: string | undefined;
+    autocomplete?: string | undefined;
+    id?: string | undefined;
     formatter?: ((value: string) => string) | undefined;
     rightIcon?: string | undefined;
     maxlength?: string | number | undefined;
@@ -162,17 +174,17 @@ declare const _default: import("vue").DefineComponent<{
     onCancel?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
 }, {
-    leftIcon: string;
     autofocus: boolean;
+    disabled: boolean;
+    shape: SearchShape;
+    leftIcon: string;
     clearable: boolean;
     error: boolean;
-    disabled: boolean;
     readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("../field").FieldClearTrigger;
     formatTrigger: import("../field").FieldFormatTrigger;
-    shape: SearchShape;
     showAction: boolean;
 }>;
 export default _default;

package/lib/search/Search.js

@@ -63,8 +63,9 @@ var _default = (0, _vue.defineComponent)({
 
     var renderLabel = () => {
       if (slots.label || props.label) {
-        return (0, _vue.createVNode)("div", {
-          "class": bem('label')
+        return (0, _vue.createVNode)("label", {
+          "class": bem('label'),
+          "for": props.id
         }, [slots.label ? slots.label() : props.label]);
       }
     };

package/lib/search/index.d.ts

@@ -1,4 +1,7 @@
-declare const Search: import("../utils").WithInstall<import("vue").DefineComponent<{
+import { SearchProps } from './Search';
+export declare const Search: import("../utils").WithInstall<import("vue").DefineComponent<{
+    id: StringConstructor;
+    name: StringConstructor;
     formatter: import("vue").PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
@@ -7,6 +10,7 @@ declare const Search: import("../utils").WithInstall<import("vue").DefineCompone
     maxlength: (NumberConstructor | StringConstructor)[];
     inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
     placeholder: StringConstructor;
+    autocomplete: StringConstructor;
     errorMessage: StringConstructor;
     error: {
         type: BooleanConstructor;
@@ -54,6 +58,8 @@ declare const Search: import("../utils").WithInstall<import("vue").DefineCompone
         default: string;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "cancel")[], "search" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    id?: unknown;
+    name?: unknown;
     formatter?: unknown;
     leftIcon?: unknown;
     rightIcon?: unknown;
@@ -62,6 +68,7 @@ declare const Search: import("../utils").WithInstall<import("vue").DefineCompone
     maxlength?: unknown;
     inputAlign?: unknown;
     placeholder?: unknown;
+    autocomplete?: unknown;
     errorMessage?: unknown;
     error?: unknown;
     disabled?: unknown;
@@ -76,20 +83,23 @@ declare const Search: import("../utils").WithInstall<import("vue").DefineCompone
     showAction?: unknown;
     shape?: unknown;
 } & {
-    leftIcon: string;
     autofocus: boolean;
+    disabled: boolean;
+    shape: import("./types").SearchShape;
+    leftIcon: string;
     clearable: boolean;
     error: boolean;
-    disabled: boolean;
     readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("..").FieldClearTrigger;
     formatTrigger: import("..").FieldFormatTrigger;
-    shape: import("./types").SearchShape;
     showAction: boolean;
 } & {
+    name?: string | undefined;
     label?: string | undefined;
+    autocomplete?: string | undefined;
+    id?: string | undefined;
     formatter?: ((value: string) => string) | undefined;
     rightIcon?: string | undefined;
     maxlength?: string | number | undefined;
@@ -103,19 +113,19 @@ declare const Search: import("../utils").WithInstall<import("vue").DefineCompone
     onCancel?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
 }, {
-    leftIcon: string;
     autofocus: boolean;
+    disabled: boolean;
+    shape: import("./types").SearchShape;
+    leftIcon: string;
     clearable: boolean;
     error: boolean;
-    disabled: boolean;
     readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("..").FieldClearTrigger;
     formatTrigger: import("..").FieldFormatTrigger;
-    shape: import("./types").SearchShape;
     showAction: boolean;
 }>>;
 export default Search;
-export { Search };
+export type { SearchProps };
 export type { SearchShape, SearchInstance } from './types';

package/lib/search/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Search = exports.default = void 0;
+exports.default = exports.Search = void 0;
 
 var _utils = require("../utils");
 

package/lib/share-sheet/ShareSheet.d.ts

@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ShareSheetOptions>;
         default: () => never[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show")[], "select" | "cancel" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "cancel")[], "select" | "update:show" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
     overlay?: unknown;