vant 3.2.3 → 3.2.7

package/lib/pagination/index.css

@@ -1 +1 @@
-:root{--van-pagination-height:40px;--van-pagination-font-size:var(--van-font-size-md);--van-pagination-item-width:36px;--van-pagination-item-default-color:var(--van-primary-color);--van-pagination-item-disabled-color:var(--van-gray-7);--van-pagination-item-disabled-background-color:var(--van-background-color);--van-pagination-background-color:var(--van-white);--van-pagination-desc-color:var(--van-gray-7);--van-pagination-disabled-opacity:var(--van-disabled-opacity)}.van-pagination{display:flex;font-size:var(--van-pagination-font-size)}.van-pagination__item,.van-pagination__page-desc{display:flex;align-items:center;justify-content:center}.van-pagination__item{flex:1;box-sizing:border-box;min-width:var(--van-pagination-item-width);height:var(--van-pagination-height);color:var(--van-pagination-item-default-color);background-color:var(--van-pagination-background-color);cursor:pointer;-webkit-user-select:none;user-select:none}.van-pagination__item:active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item::after{border-width:var(--van-border-width-base) 0 var(--van-border-width-base) var(--van-border-width-base)}.van-pagination__item:last-child::after{border-right-width:var(--van-border-width-base)}.van-pagination__item--active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__next,.van-pagination__prev{padding:0 var(--van-padding-base);cursor:pointer}.van-pagination__item--disabled,.van-pagination__item--disabled:active{color:var(--van-pagination-item-disabled-color);background-color:var(--van-pagination-item-disabled-background-color);cursor:not-allowed;opacity:var(--van-pagination-disabled-opacity)}.van-pagination__page{flex-grow:0}.van-pagination__page-desc{flex:1;height:var(--van-pagination-height);color:var(--van-pagination-desc-color)}.van-pagination--simple .van-pagination__next::after,.van-pagination--simple .van-pagination__prev::after{border-width:var(--van-border-width-base)}
+:root{--van-pagination-height:40px;--van-pagination-font-size:var(--van-font-size-md);--van-pagination-item-width:36px;--van-pagination-item-default-color:var(--van-primary-color);--van-pagination-item-disabled-color:var(--van-gray-7);--van-pagination-item-disabled-background-color:var(--van-background-color);--van-pagination-background-color:var(--van-background-color-light);--van-pagination-desc-color:var(--van-gray-7);--van-pagination-disabled-opacity:var(--van-disabled-opacity)}.van-pagination{display:flex;font-size:var(--van-pagination-font-size)}.van-pagination__item,.van-pagination__page-desc{display:flex;align-items:center;justify-content:center}.van-pagination__item{flex:1;box-sizing:border-box;min-width:var(--van-pagination-item-width);height:var(--van-pagination-height);color:var(--van-pagination-item-default-color);background:var(--van-pagination-background-color);cursor:pointer;-webkit-user-select:none;user-select:none}.van-pagination__item:active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item::after{border-width:var(--van-border-width-base) 0 var(--van-border-width-base) var(--van-border-width-base)}.van-pagination__item:last-child::after{border-right-width:var(--van-border-width-base)}.van-pagination__item--active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__next,.van-pagination__prev{padding:0 var(--van-padding-base);cursor:pointer}.van-pagination__item--disabled,.van-pagination__item--disabled:active{color:var(--van-pagination-item-disabled-color);background-color:var(--van-pagination-item-disabled-background-color);cursor:not-allowed;opacity:var(--van-pagination-disabled-opacity)}.van-pagination__page{flex-grow:0}.van-pagination__page-desc{flex:1;height:var(--van-pagination-height);color:var(--van-pagination-desc-color)}.van-pagination--simple .van-pagination__next::after,.van-pagination--simple .van-pagination__prev::after{border-width:var(--van-border-width-base)}

package/lib/pagination/index.d.ts

@@ -1,49 +1,49 @@
 export declare const Pagination: import("../utils").WithInstall<import("vue").DefineComponent<{
-    prevText: StringConstructor;
-    nextText: StringConstructor;
-    forceEllipses: BooleanConstructor;
     mode: {
         type: import("vue").PropType<import("./Pagination").PaginationMode>;
-        default: string;
-    };
-    modelValue: {
-        type: NumberConstructor;
-        default: number;
+        default: import("./Pagination").PaginationMode;
     };
+    prevText: StringConstructor;
+    nextText: StringConstructor;
     pageCount: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
     totalItems: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    itemsPerPage: {
+    showPageSize: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    showPageSize: {
+    itemsPerPage: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    forceEllipses: BooleanConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    mode?: unknown;
     prevText?: unknown;
     nextText?: unknown;
-    forceEllipses?: unknown;
-    mode?: unknown;
-    modelValue?: unknown;
     pageCount?: unknown;
+    modelValue?: unknown;
     totalItems?: unknown;
-    itemsPerPage?: unknown;
     showPageSize?: unknown;
+    itemsPerPage?: unknown;
+    forceEllipses?: unknown;
 } & {
     modelValue: number;
     mode: import("./Pagination").PaginationMode;
-    forceEllipses: boolean;
     pageCount: string | number;
     totalItems: string | number;
-    itemsPerPage: string | number;
     showPageSize: string | number;
+    itemsPerPage: string | number;
+    forceEllipses: boolean;
 } & {
     prevText?: string | undefined;
     nextText?: string | undefined;
@@ -53,11 +53,11 @@ export declare const Pagination: import("../utils").WithInstall<import("vue").De
 }, {
     modelValue: number;
     mode: import("./Pagination").PaginationMode;
-    forceEllipses: boolean;
     pageCount: string | number;
     totalItems: string | number;
-    itemsPerPage: string | number;
     showPageSize: string | number;
+    itemsPerPage: string | number;
+    forceEllipses: boolean;
 }>>;
 export default Pagination;
-export type { PaginationMode } from './Pagination';
+export type { PaginationMode, PaginationProps } from './Pagination';

package/lib/pagination/index.less

@@ -29,7 +29,7 @@
     min-width: var(--van-pagination-item-width);
     height: var(--van-pagination-height);
     color: var(--van-pagination-item-default-color);
-    background-color: var(--van-pagination-background-color);
+    background: var(--van-pagination-background-color);
     cursor: pointer;
     user-select: none;
 

package/lib/pagination/var.less

@@ -6,6 +6,6 @@
 @pagination-item-default-color: var(--van-primary-color);
 @pagination-item-disabled-color: var(--van-gray-7);
 @pagination-item-disabled-background-color: var(--van-background-color);
-@pagination-background-color: var(--van-white);
+@pagination-background-color: var(--van-background-color-light);
 @pagination-desc-color: var(--van-gray-7);
 @pagination-disabled-opacity: var(--van-disabled-opacity);

package/lib/password-input/PasswordInput.d.ts

@@ -4,25 +4,25 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    gutter: (NumberConstructor | StringConstructor)[];
-    focused: BooleanConstructor;
-    errorInfo: StringConstructor;
     value: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    gutter: (NumberConstructor | StringConstructor)[];
     length: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    focused: BooleanConstructor;
+    errorInfo: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "focus"[], "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     info?: unknown;
     mask?: unknown;
+    value?: unknown;
     gutter?: unknown;
+    length?: unknown;
     focused?: unknown;
     errorInfo?: unknown;
-    value?: unknown;
-    length?: unknown;
 } & {
     length: string | number;
     mask: boolean;

package/lib/password-input/PasswordInput.js

@@ -14,23 +14,19 @@ var _default = (0, _vue.defineComponent)({
   props: {
     info: String,
     mask: _utils.truthProp,
-    gutter: [Number, String],
+    value: (0, _utils.makeStringProp)(''),
+    gutter: _utils.numericProp,
+    length: (0, _utils.makeNumericProp)(6),
     focused: Boolean,
-    errorInfo: String,
-    value: {
-      type: String,
-      default: ''
-    },
-    length: {
-      type: [Number, String],
-      default: 6
-    }
+    errorInfo: String
   },
   emits: ['focus'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
+
     var onTouchStart = event => {
       event.stopPropagation();
       emit('focus', event);

package/lib/password-input/index.css

@@ -1 +1 @@
-:root{--van-password-input-height:50px;--van-password-input-margin:0 var(--van-padding-md);--van-password-input-font-size:20px;--van-password-input-border-radius:6px;--van-password-input-background-color:var(--van-white);--van-password-input-info-color:var(--van-gray-6);--van-password-input-info-font-size:var(--van-font-size-md);--van-password-input-error-info-color:var(--van-danger-color);--van-password-input-dot-size:10px;--van-password-input-dot-color:var(--van-black);--van-password-input-text-color:var(--van-text-color);--van-password-input-cursor-color:var(--van-text-color);--van-password-input-cursor-width:1px;--van-password-input-cursor-height:40%;--van-password-input-cursor-animation-duration:1s}.van-password-input{position:relative;margin:var(--van-password-input-margin);-webkit-user-select:none;user-select:none}.van-password-input__error-info,.van-password-input__info{margin-top:var(--van-padding-md);font-size:var(--van-password-input-info-font-size);text-align:center}.van-password-input__info{color:var(--van-password-input-info-color)}.van-password-input__error-info{color:var(--van-password-input-error-info-color)}.van-password-input__security{display:flex;width:100%;height:var(--van-password-input-height);cursor:pointer}.van-password-input__security::after{border-radius:var(--van-password-input-border-radius)}.van-password-input__security li{position:relative;display:flex;flex:1;align-items:center;justify-content:center;height:100%;color:var(--van-password-input-text-color);font-size:var(--van-password-input-font-size);line-height:1.2;background-color:var(--van-password-input-background-color)}.van-password-input__security i{position:absolute;top:50%;left:50%;width:var(--van-password-input-dot-size);height:var(--van-password-input-dot-size);background-color:var(--van-password-input-dot-color);border-radius:100%;transform:translate(-50%,-50%);visibility:hidden}.van-password-input__cursor{position:absolute;top:50%;left:50%;width:var(--van-password-input-cursor-width);height:var(--van-password-input-cursor-height);background-color:var(--van-password-input-cursor-color);transform:translate(-50%,-50%);animation:var(--van-password-input-cursor-animation-duration) van-cursor-flicker infinite}@keyframes van-cursor-flicker{from{opacity:0}50%{opacity:1}100%{opacity:0}}
+:root{--van-password-input-height:50px;--van-password-input-margin:0 var(--van-padding-md);--van-password-input-font-size:20px;--van-password-input-border-radius:6px;--van-password-input-background-color:var(--van-background-color-light);--van-password-input-info-color:var(--van-text-color-2);--van-password-input-info-font-size:var(--van-font-size-md);--van-password-input-error-info-color:var(--van-danger-color);--van-password-input-dot-size:10px;--van-password-input-dot-color:var(--van-text-color);--van-password-input-text-color:var(--van-text-color);--van-password-input-cursor-color:var(--van-text-color);--van-password-input-cursor-width:1px;--van-password-input-cursor-height:40%;--van-password-input-cursor-animation-duration:1s}.van-password-input{position:relative;margin:var(--van-password-input-margin);-webkit-user-select:none;user-select:none}.van-password-input__error-info,.van-password-input__info{margin-top:var(--van-padding-md);font-size:var(--van-password-input-info-font-size);text-align:center}.van-password-input__info{color:var(--van-password-input-info-color)}.van-password-input__error-info{color:var(--van-password-input-error-info-color)}.van-password-input__security{display:flex;width:100%;height:var(--van-password-input-height);cursor:pointer}.van-password-input__security::after{border-radius:var(--van-password-input-border-radius)}.van-password-input__security li{position:relative;display:flex;flex:1;align-items:center;justify-content:center;height:100%;color:var(--van-password-input-text-color);font-size:var(--van-password-input-font-size);line-height:1.2;background:var(--van-password-input-background-color)}.van-password-input__security i{position:absolute;top:50%;left:50%;width:var(--van-password-input-dot-size);height:var(--van-password-input-dot-size);background:var(--van-password-input-dot-color);border-radius:100%;transform:translate(-50%,-50%);visibility:hidden}.van-password-input__cursor{position:absolute;top:50%;left:50%;width:var(--van-password-input-cursor-width);height:var(--van-password-input-cursor-height);background:var(--van-password-input-cursor-color);transform:translate(-50%,-50%);animation:var(--van-password-input-cursor-animation-duration) van-cursor-flicker infinite}@keyframes van-cursor-flicker{from{opacity:0}50%{opacity:1}100%{opacity:0}}

package/lib/password-input/index.d.ts

@@ -4,25 +4,25 @@ export declare const PasswordInput: import("../utils").WithInstall<import("vue")
         type: BooleanConstructor;
         default: true;
     };
-    gutter: (NumberConstructor | StringConstructor)[];
-    focused: BooleanConstructor;
-    errorInfo: StringConstructor;
     value: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    gutter: (NumberConstructor | StringConstructor)[];
     length: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    focused: BooleanConstructor;
+    errorInfo: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "focus"[], "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     info?: unknown;
     mask?: unknown;
+    value?: unknown;
     gutter?: unknown;
+    length?: unknown;
     focused?: unknown;
     errorInfo?: unknown;
-    value?: unknown;
-    length?: unknown;
 } & {
     length: string | number;
     mask: boolean;

package/lib/password-input/index.less

@@ -58,7 +58,7 @@
       color: var(--van-password-input-text-color);
       font-size: var(--van-password-input-font-size);
       line-height: 1.2;
-      background-color: var(--van-password-input-background-color);
+      background: var(--van-password-input-background-color);
     }
 
     i {
@@ -67,7 +67,7 @@
       left: 50%;
       width: var(--van-password-input-dot-size);
       height: var(--van-password-input-dot-size);
-      background-color: var(--van-password-input-dot-color);
+      background: var(--van-password-input-dot-color);
       border-radius: 100%;
       transform: translate(-50%, -50%);
       visibility: hidden;
@@ -80,7 +80,7 @@
     left: 50%;
     width: var(--van-password-input-cursor-width);
     height: var(--van-password-input-cursor-height);
-    background-color: var(--van-password-input-cursor-color);
+    background: var(--van-password-input-cursor-color);
     transform: translate(-50%, -50%);
     animation: var(--van-password-input-cursor-animation-duration)
       van-cursor-flicker infinite;

package/lib/password-input/var.less

@@ -4,12 +4,12 @@
 @password-input-margin: 0 var(--van-padding-md);
 @password-input-font-size: 20px;
 @password-input-border-radius: 6px;
-@password-input-background-color: var(--van-white);
-@password-input-info-color: var(--van-gray-6);
+@password-input-background-color: var(--van-background-color-light);
+@password-input-info-color: var(--van-text-color-2);
 @password-input-info-font-size: var(--van-font-size-md);
 @password-input-error-info-color: var(--van-danger-color);
 @password-input-dot-size: 10px;
-@password-input-dot-color: var(--van-black);
+@password-input-dot-color: var(--van-text-color);
 @password-input-text-color: var(--van-text-color);
 @password-input-cursor-color: var(--van-text-color);
 @password-input-cursor-width: 1px;

package/lib/picker/Picker.d.ts

@@ -1,28 +1,67 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import type { PickerColumn, PickerOption, PickerFieldNames, PickerToolbarPosition } from './types';
-export declare const pickerProps: {
+export declare const pickerSharedProps: {
     title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
+    itemHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     showToolbar: {
         type: BooleanConstructor;
         default: true;
     };
+    swipeDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    visibleItemCount: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
+};
+declare const pickerProps: {
+    title: StringConstructor;
+    loading: BooleanConstructor;
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
     itemHeight: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     visibleItemCount: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    swipeDuration: {
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+} & {
+    columns: {
+        type: PropType<(PickerOption | PickerColumn)[]>;
+        default: () => never[];
+    };
+    valueKey: StringConstructor;
+    defaultIndex: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    toolbarPosition: {
+        type: PropType<PickerToolbarPosition>;
+        default: PickerToolbarPosition;
+    };
+    columnsFieldNames: PropType<PickerFieldNames>;
 };
 export declare type PickerProps = ExtractPropTypes<typeof pickerProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -30,13 +69,15 @@ declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
+    itemHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     showToolbar: {
         type: BooleanConstructor;
         default: true;
     };
-    cancelButtonText: StringConstructor;
-    confirmButtonText: StringConstructor;
-    itemHeight: {
+    swipeDuration: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
@@ -44,51 +85,49 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    swipeDuration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
 } & {
-    valueKey: StringConstructor;
-    columnsFieldNames: PropType<PickerFieldNames>;
     columns: {
-        type: PropType<PickerOption[] | PickerColumn[]>;
+        type: PropType<(PickerOption | PickerColumn)[]>;
         default: () => never[];
     };
+    valueKey: StringConstructor;
     defaultIndex: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     toolbarPosition: {
         type: PropType<PickerToolbarPosition>;
-        default: string;
+        default: PickerToolbarPosition;
     };
+    columnsFieldNames: PropType<PickerFieldNames>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "cancel" | "confirm")[], "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     title?: unknown;
     loading?: unknown;
     readonly?: unknown;
     allowHtml?: unknown;
+    itemHeight?: unknown;
     showToolbar?: unknown;
+    swipeDuration?: unknown;
+    visibleItemCount?: unknown;
     cancelButtonText?: unknown;
     confirmButtonText?: unknown;
-    itemHeight?: unknown;
-    visibleItemCount?: unknown;
-    swipeDuration?: unknown;
-    valueKey?: unknown;
-    columnsFieldNames?: unknown;
     columns?: unknown;
+    valueKey?: unknown;
     defaultIndex?: unknown;
     toolbarPosition?: unknown;
+    columnsFieldNames?: unknown;
 } & {
     readonly: boolean;
     loading: boolean;
     defaultIndex: string | number;
     allowHtml: boolean;
-    showToolbar: boolean;
     itemHeight: string | number;
-    visibleItemCount: string | number;
+    showToolbar: boolean;
     swipeDuration: string | number;
-    columns: PickerOption[] | PickerColumn[];
+    visibleItemCount: string | number;
+    columns: (PickerOption | PickerColumn)[];
     toolbarPosition: PickerToolbarPosition;
 } & {
     title?: string | undefined;
@@ -105,11 +144,11 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     defaultIndex: string | number;
     allowHtml: boolean;
-    showToolbar: boolean;
     itemHeight: string | number;
-    visibleItemCount: string | number;
+    showToolbar: boolean;
     swipeDuration: string | number;
-    columns: PickerOption[] | PickerColumn[];
+    visibleItemCount: string | number;
+    columns: (PickerOption | PickerColumn)[];
     toolbarPosition: PickerToolbarPosition;
 }>;
 export default _default;

package/lib/picker/Picker.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.pickerProps = void 0;
+exports.pickerSharedProps = exports.default = void 0;
 
 var _vue = require("vue");
 
@@ -23,55 +23,40 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 // Composables
 // Components
 var [name, bem, t] = (0, _utils.createNamespace)('picker');
-var pickerProps = {
+var pickerSharedProps = {
   title: String,
   loading: Boolean,
   readonly: Boolean,
   allowHtml: Boolean,
+  itemHeight: (0, _utils.makeNumericProp)(44),
   showToolbar: _utils.truthProp,
+  swipeDuration: (0, _utils.makeNumericProp)(1000),
+  visibleItemCount: (0, _utils.makeNumericProp)(6),
   cancelButtonText: String,
-  confirmButtonText: String,
-  itemHeight: {
-    type: [Number, String],
-    default: 44
-  },
-  visibleItemCount: {
-    type: [Number, String],
-    default: 6
-  },
-  swipeDuration: {
-    type: [Number, String],
-    default: 1000
-  }
+  confirmButtonText: String
 };
-exports.pickerProps = pickerProps;
+exports.pickerSharedProps = pickerSharedProps;
+var pickerProps = (0, _utils.extend)({}, pickerSharedProps, {
+  columns: (0, _utils.makeArrayProp)(),
+  // @deprecated
+  // should be removed in next major version
+  valueKey: String,
+  defaultIndex: (0, _utils.makeNumericProp)(0),
+  toolbarPosition: (0, _utils.makeStringProp)('top'),
+  columnsFieldNames: Object
+});
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: (0, _utils.extend)({}, pickerProps, {
-    // @deprecated
-    // should be removed in next major version
-    valueKey: String,
-    columnsFieldNames: Object,
-    columns: {
-      type: Array,
-      default: () => []
-    },
-    defaultIndex: {
-      type: [Number, String],
-      default: 0
-    },
-    toolbarPosition: {
-      type: String,
-      default: 'top'
-    }
-  }),
+  props: pickerProps,
   emits: ['confirm', 'cancel', 'change'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
     if (process.env.NODE_ENV !== 'production') {
       if (slots.default) {
         console.warn('[Vant] Picker: "default" slot is deprecated, please use "toolbar" slot instead.');
@@ -308,7 +293,7 @@ var _default = (0, _vue.defineComponent)({
       var text = props.cancelButtonText || t('cancel');
       return (0, _vue.createVNode)("button", {
         "type": "button",
-        "class": bem('cancel'),
+        "class": [bem('cancel'), _utils.HAPTICS_FEEDBACK],
         "onClick": cancel
       }, [slots.cancel ? slots.cancel() : text]);
     };
@@ -317,7 +302,7 @@ var _default = (0, _vue.defineComponent)({
       var text = props.confirmButtonText || t('confirm');
       return (0, _vue.createVNode)("button", {
         "type": "button",
-        "class": bem('confirm'),
+        "class": [bem('confirm'), _utils.HAPTICS_FEEDBACK],
         "onClick": confirm
       }, [slots.confirm ? slots.confirm() : text]);
     };

package/lib/picker/PickerColumn.d.ts

@@ -1,51 +1,50 @@
-import { PropType } from 'vue';
 import type { PickerOption } from './types';
 export declare const PICKER_KEY: unique symbol;
 declare const _default: import("vue").DefineComponent<{
-    readonly: BooleanConstructor;
-    allowHtml: BooleanConstructor;
-    className: PropType<unknown>;
     textKey: {
         type: StringConstructor;
         required: true;
     };
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
+    className: import("vue").PropType<unknown>;
     itemHeight: {
         type: NumberConstructor;
         required: true;
     };
+    defaultIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
     swipeDuration: {
         type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
+    initialOptions: {
+        type: import("vue").PropType<PickerOption[]>;
+        default: () => never[];
+    };
     visibleItemCount: {
         type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
-    defaultIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    initialOptions: {
-        type: PropType<PickerOption[]>;
-        default: () => never[];
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    textKey?: unknown;
     readonly?: unknown;
     allowHtml?: unknown;
     className?: unknown;
-    textKey?: unknown;
     itemHeight?: unknown;
-    swipeDuration?: unknown;
-    visibleItemCount?: unknown;
     defaultIndex?: unknown;
+    swipeDuration?: unknown;
     initialOptions?: unknown;
+    visibleItemCount?: unknown;
 } & {
     readonly: boolean;
     defaultIndex: number;
     allowHtml: boolean;
     itemHeight: number;
-    visibleItemCount: string | number;
     swipeDuration: string | number;
+    visibleItemCount: string | number;
     textKey: string;
     initialOptions: PickerOption[];
 } & {