vant 3.2.2 → 3.2.6

package/es/number-keyboard/index.css

@@ -1 +1 @@
-:root{--van-number-keyboard-background-color:var(--van-gray-2);--van-number-keyboard-key-height:48px;--van-number-keyboard-key-font-size:28px;--van-number-keyboard-key-active-color:var(--van-gray-3);--van-number-keyboard-key-background-color:var(--van-white);--van-number-keyboard-delete-font-size:var(--van-font-size-lg);--van-number-keyboard-title-color:var(--van-gray-7);--van-number-keyboard-title-height:34px;--van-number-keyboard-title-font-size:var(--van-font-size-lg);--van-number-keyboard-close-padding:0 var(--van-padding-md);--van-number-keyboard-close-color:var(--van-text-link-color);--van-number-keyboard-close-font-size:var(--van-font-size-md);--van-number-keyboard-button-text-color:var(--van-white);--van-number-keyboard-button-background-color:var(--van-primary-color);--van-number-keyboard-z-index:100}.van-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--van-number-keyboard-z-index);width:100%;padding-bottom:22px;background-color:var(--van-number-keyboard-background-color);-webkit-user-select:none;user-select:none}.van-number-keyboard--with-title{border-radius:20px 20px 0 0}.van-number-keyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--van-number-keyboard-title-height);padding-top:6px;color:var(--van-number-keyboard-title-color);font-size:var(--van-number-keyboard-title-font-size)}.van-number-keyboard__title{display:inline-block;font-weight:400}.van-number-keyboard__title-left{position:absolute;left:0}.van-number-keyboard__body{display:flex;padding:6px 0 0 6px}.van-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.van-number-keyboard__close{position:absolute;right:0;height:100%;padding:var(--van-number-keyboard-close-padding);color:var(--van-number-keyboard-close-color);font-size:var(--van-number-keyboard-close-font-size);background-color:transparent;border:none;cursor:pointer}.van-number-keyboard__close:active{opacity:var(--van-active-opacity)}.van-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.van-number-keyboard--unfit{padding-bottom:0}.van-key{display:flex;align-items:center;justify-content:center;height:var(--van-number-keyboard-key-height);font-size:var(--van-number-keyboard-key-font-size);line-height:1.5;background-color:var(--van-number-keyboard-key-background-color);border-radius:var(--van-border-radius-lg);cursor:pointer}.van-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.van-key--blue,.van-key--delete{font-size:var(--van-number-keyboard-delete-font-size)}.van-key--active{background-color:var(--van-number-keyboard-key-active-color)}.van-key--blue{color:var(--van-number-keyboard-button-text-color);background-color:var(--van-number-keyboard-button-background-color)}.van-key--blue.van-key--active{opacity:var(--van-active-opacity)}.van-key__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.van-key__wrapper--wider{flex-basis:66%}.van-key__delete-icon{width:32px;height:22px}.van-key__collapse-icon{width:30px;height:24px}.van-key__loading-icon{color:var(--van-number-keyboard-button-text-color)}
+:root{--van-number-keyboard-background-color:var(--van-gray-2);--van-number-keyboard-key-height:48px;--van-number-keyboard-key-font-size:28px;--van-number-keyboard-key-active-color:var(--van-gray-3);--van-number-keyboard-key-background-color:var(--van-white);--van-number-keyboard-delete-font-size:var(--van-font-size-lg);--van-number-keyboard-title-color:var(--van-gray-7);--van-number-keyboard-title-height:34px;--van-number-keyboard-title-font-size:var(--van-font-size-lg);--van-number-keyboard-close-padding:0 var(--van-padding-md);--van-number-keyboard-close-color:var(--van-text-link-color);--van-number-keyboard-close-font-size:var(--van-font-size-md);--van-number-keyboard-button-text-color:var(--van-white);--van-number-keyboard-button-background-color:var(--van-primary-color);--van-number-keyboard-z-index:100}.van-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--van-number-keyboard-z-index);width:100%;padding-bottom:22px;background:var(--van-number-keyboard-background-color);-webkit-user-select:none;user-select:none}.van-number-keyboard--with-title{border-radius:20px 20px 0 0}.van-number-keyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--van-number-keyboard-title-height);padding-top:6px;color:var(--van-number-keyboard-title-color);font-size:var(--van-number-keyboard-title-font-size)}.van-number-keyboard__title{display:inline-block;font-weight:400}.van-number-keyboard__title-left{position:absolute;left:0}.van-number-keyboard__body{display:flex;padding:6px 0 0 6px}.van-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.van-number-keyboard__close{position:absolute;right:0;height:100%;padding:var(--van-number-keyboard-close-padding);color:var(--van-number-keyboard-close-color);font-size:var(--van-number-keyboard-close-font-size);background-color:transparent;border:none;cursor:pointer}.van-number-keyboard__close:active{opacity:var(--van-active-opacity)}.van-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.van-number-keyboard--unfit{padding-bottom:0}.van-key{display:flex;align-items:center;justify-content:center;height:var(--van-number-keyboard-key-height);font-size:var(--van-number-keyboard-key-font-size);line-height:1.5;background:var(--van-number-keyboard-key-background-color);border-radius:var(--van-border-radius-lg);cursor:pointer}.van-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.van-key--blue,.van-key--delete{font-size:var(--van-number-keyboard-delete-font-size)}.van-key--active{background-color:var(--van-number-keyboard-key-active-color)}.van-key--blue{color:var(--van-number-keyboard-button-text-color);background:var(--van-number-keyboard-button-background-color)}.van-key--blue.van-key--active{opacity:var(--van-active-opacity)}.van-key__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.van-key__wrapper--wider{flex-basis:66%}.van-key__delete-icon{width:32px;height:22px}.van-key__collapse-icon{width:30px;height:24px}.van-key__loading-icon{color:var(--van-number-keyboard-button-text-color)}

package/es/number-keyboard/index.d.ts

@@ -1,8 +1,20 @@
 export declare const NumberKeyboard: import("../utils").WithInstall<import("vue").DefineComponent<{
     show: BooleanConstructor;
     title: StringConstructor;
+    theme: {
+        type: import("vue").PropType<import("./NumberKeyboard").NumberKeyboardTheme>;
+        default: import("./NumberKeyboard").NumberKeyboardTheme;
+    };
     zIndex: (NumberConstructor | StringConstructor)[];
     teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    maxlength: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     transition: {
         type: BooleanConstructor;
         default: true;
@@ -27,27 +39,18 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
         type: BooleanConstructor;
         default: true;
     };
-    theme: {
-        type: import("vue").PropType<import("./NumberKeyboard").NumberKeyboardTheme>;
-        default: string;
-    };
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
     extraKey: {
         type: import("vue").PropType<string | string[]>;
         default: string;
     };
-    maxlength: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "blur" | "update:modelValue" | "hide" | "show" | "close" | "delete")[], "input" | "blur" | "update:modelValue" | "hide" | "show" | "close" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     title?: unknown;
+    theme?: unknown;
     zIndex?: unknown;
     teleport?: unknown;
+    maxlength?: unknown;
+    modelValue?: unknown;
     transition?: unknown;
     blurOnClose?: unknown;
     showDeleteKey?: unknown;
@@ -57,10 +60,7 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
     closeButtonLoading?: unknown;
     hideOnClickOutside?: unknown;
     safeAreaInsetBottom?: unknown;
-    theme?: unknown;
-    modelValue?: unknown;
     extraKey?: unknown;
-    maxlength?: unknown;
 } & {
     maxlength: string | number;
     modelValue: string;

package/es/number-keyboard/index.less

@@ -25,7 +25,7 @@
   z-index: var(--van-number-keyboard-z-index);
   width: 100%;
   padding-bottom: 22px;
-  background-color: var(--van-number-keyboard-background-color);
+  background: var(--van-number-keyboard-background-color);
   user-select: none;
 
   &--with-title {
@@ -99,7 +99,7 @@
   height: var(--van-number-keyboard-key-height);
   font-size: var(--van-number-keyboard-key-font-size);
   line-height: 1.5;
-  background-color: var(--van-number-keyboard-key-background-color);
+  background: var(--van-number-keyboard-key-background-color);
   border-radius: var(--van-border-radius-lg);
   cursor: pointer;
 
@@ -125,7 +125,7 @@
 
   &--blue {
     color: var(--van-number-keyboard-button-text-color);
-    background-color: var(--van-number-keyboard-button-background-color);
+    background: var(--van-number-keyboard-button-background-color);
 
     &.van-key--active {
       opacity: var(--van-active-opacity);

package/es/overlay/Overlay.d.ts

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     duration?: string | number | undefined;
     className?: unknown;
     customStyle?: CSSProperties | undefined;
-}> & {}, {
+}>, {
     show: boolean;
     lockScroll: boolean;
 }>;

package/es/overlay/Overlay.js

@@ -1,14 +1,14 @@
-import { withDirectives as _withDirectives, createVNode as _createVNode, vShow as _vShow } from "vue";
+import { resolveDirective as _resolveDirective, withDirectives as _withDirectives, createVNode as _createVNode, vShow as _vShow } from "vue";
 import { Transition, defineComponent } from 'vue';
-import { noop, isDef, extend, truthProp, unknownProp, preventDefault, createNamespace, getZIndexStyle } from '../utils';
+import { noop, isDef, extend, truthProp, numericProp, unknownProp, preventDefault, createNamespace, getZIndexStyle } from '../utils';
 import { useLazyRender } from '../composables/use-lazy-render';
 var [name, bem] = createNamespace('overlay');
 export default defineComponent({
   name,
   props: {
     show: Boolean,
-    zIndex: [Number, String],
-    duration: [Number, String],
+    zIndex: numericProp,
+    duration: numericProp,
     className: unknownProp,
     lockScroll: truthProp,
     customStyle: Object
@@ -37,9 +37,10 @@ export default defineComponent({
       }, [slots.default == null ? void 0 : slots.default()]), [[_vShow, props.show]]);
     });
     return () => _createVNode(Transition, {
-      "name": "van-fade"
+      "name": "van-fade",
+      "appear": true
     }, {
-      default: () => [renderOverlay()]
+      default: renderOverlay
     });
   }
 

package/es/overlay/index.css

@@ -1 +1 @@
-:root{--van-overlay-z-index:1;--van-overlay-background-color:rgba(0, 0, 0, 0.7)}.van-overlay{position:fixed;top:0;left:0;z-index:var(--van-overlay-z-index);width:100%;height:100%;background-color:var(--van-overlay-background-color)}
+:root{--van-overlay-z-index:1;--van-overlay-background-color:rgba(0, 0, 0, 0.7)}.van-overlay{position:fixed;top:0;left:0;z-index:var(--van-overlay-z-index);width:100%;height:100%;background:var(--van-overlay-background-color)}

package/es/overlay/index.d.ts

@@ -23,7 +23,7 @@ export declare const Overlay: import("../utils").WithInstall<import("vue").Defin
     duration?: string | number | undefined;
     className?: unknown;
     customStyle?: import("vue").CSSProperties | undefined;
-}> & {}, {
+}>, {
     show: boolean;
     lockScroll: boolean;
 }>>;

package/es/overlay/index.less

@@ -12,5 +12,5 @@
   z-index: var(--van-overlay-z-index);
   width: 100%;
   height: 100%;
-  background-color: var(--van-overlay-background-color);
+  background: var(--van-overlay-background-color);
 }

package/es/pagination/Pagination.d.ts

@@ -1,51 +1,50 @@
-import { PropType } from 'vue';
 export declare type PaginationMode = 'simple' | 'multi';
 declare const _default: import("vue").DefineComponent<{
+    mode: {
+        type: import("vue").PropType<PaginationMode>;
+        default: PaginationMode;
+    };
     prevText: StringConstructor;
     nextText: StringConstructor;
-    forceEllipses: BooleanConstructor;
-    mode: {
-        type: PropType<PaginationMode>;
-        default: string;
+    pageCount: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
     };
     modelValue: {
         type: NumberConstructor;
         default: number;
     };
-    pageCount: {
-        type: (NumberConstructor | StringConstructor)[];
-        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: 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;
@@ -55,10 +54,10 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     modelValue: number;
     mode: PaginationMode;
-    forceEllipses: boolean;
     pageCount: string | number;
     totalItems: string | number;
-    itemsPerPage: string | number;
     showPageSize: string | number;
+    itemsPerPage: string | number;
+    forceEllipses: boolean;
 }>;
 export default _default;

package/es/pagination/Pagination.js

@@ -1,46 +1,26 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, watch, defineComponent } from 'vue';
-import { BORDER, createNamespace } from '../utils';
+import { BORDER, makeStringProp, makeNumberProp, makeNumericProp, createNamespace } from '../utils';
 var [name, bem, t] = createNamespace('pagination');
 
-function makePage(number, text, active) {
-  return {
-    number,
-    text,
-    active
-  };
-}
+var makePage = (number, text, active) => ({
+  number,
+  text,
+  active
+});
 
 export default defineComponent({
   name,
   props: {
+    mode: makeStringProp('multi'),
     prevText: String,
     nextText: String,
-    forceEllipses: Boolean,
-    mode: {
-      type: String,
-      default: 'multi'
-    },
-    modelValue: {
-      type: Number,
-      default: 0
-    },
-    pageCount: {
-      type: [Number, String],
-      default: 0
-    },
-    totalItems: {
-      type: [Number, String],
-      default: 0
-    },
-    itemsPerPage: {
-      type: [Number, String],
-      default: 10
-    },
-    showPageSize: {
-      type: [Number, String],
-      default: 5
-    }
+    pageCount: makeNumericProp(0),
+    modelValue: makeNumberProp(0),
+    totalItems: makeNumericProp(0),
+    showPageSize: makeNumericProp(5),
+    itemsPerPage: makeNumericProp(10),
+    forceEllipses: Boolean
   },
   emits: ['change', 'update:modelValue'],
 

package/es/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-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: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/es/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';

package/es/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/es/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/es/password-input/PasswordInput.js

@@ -1,23 +1,17 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue';
-import { addUnit, truthProp, BORDER_LEFT, BORDER_SURROUND, createNamespace } from '../utils';
+import { addUnit, truthProp, numericProp, BORDER_LEFT, makeStringProp, BORDER_SURROUND, createNamespace, makeNumericProp } from '../utils';
 var [name, bem] = createNamespace('password-input');
 export default defineComponent({
   name,
   props: {
     info: String,
     mask: truthProp,
-    gutter: [Number, String],
+    value: makeStringProp(''),
+    gutter: numericProp,
+    length: makeNumericProp(6),
     focused: Boolean,
-    errorInfo: String,
-    value: {
-      type: String,
-      default: ''
-    },
-    length: {
-      type: [Number, String],
-      default: 6
-    }
+    errorInfo: String
   },
   emits: ['focus'],
 

package/es/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-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: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/es/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/es/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;