vant 3.2.2 → 3.2.6

package/es/badge/Badge.d.ts

@@ -2,6 +2,10 @@ import { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     dot: BooleanConstructor;
     max: (NumberConstructor | StringConstructor)[];
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     color: StringConstructor;
     offset: PropType<[string | number, string | number]>;
     content: (NumberConstructor | StringConstructor)[];
@@ -9,30 +13,26 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    tag: {
-        type: PropType<keyof HTMLElementTagNameMap>;
-        default: string;
-    };
 }, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     dot?: unknown;
     max?: unknown;
+    tag?: unknown;
     color?: unknown;
     offset?: unknown;
     content?: unknown;
     showZero?: unknown;
-    tag?: unknown;
 } & {
     dot: boolean;
-    showZero: boolean;
     tag: keyof HTMLElementTagNameMap;
+    showZero: boolean;
 } & {
     max?: string | number | undefined;
     color?: string | undefined;
-    offset?: [string | number, string | number] | undefined;
     content?: string | number | undefined;
-}> & {}, {
+    offset?: [string | number, string | number] | undefined;
+}>, {
     dot: boolean;
-    showZero: boolean;
     tag: keyof HTMLElementTagNameMap;
+    showZero: boolean;
 }>;
 export default _default;

package/es/badge/Badge.js

@@ -1,20 +1,17 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent, computed } from 'vue';
-import { isDef, addUnit, isNumeric, truthProp, createNamespace } from '../utils';
+import { isDef, addUnit, isNumeric, truthProp, numericProp, makeStringProp, createNamespace } from '../utils';
 var [name, bem] = createNamespace('badge');
 export default defineComponent({
   name,
   props: {
     dot: Boolean,
-    max: [Number, String],
+    max: numericProp,
+    tag: makeStringProp('div'),
     color: String,
     offset: Array,
-    content: [Number, String],
-    showZero: truthProp,
-    tag: {
-      type: String,
-      default: 'div'
-    }
+    content: numericProp,
+    showZero: truthProp
   },
 
   setup(props, {

package/es/badge/index.css

@@ -1 +1 @@
-:root{--van-badge-size:16px;--van-badge-color:var(--van-white);--van-badge-padding:0 3px;--van-badge-font-size:var(--van-font-size-sm);--van-badge-font-weight:var(--van-font-weight-bold);--van-badge-border-width:var(--van-border-width-base);--van-badge-background-color:var(--van-danger-color);--van-badge-dot-color:var(--van-danger-color);--van-badge-dot-size:8px;--van-badge-font-family:-apple-system-font,Helvetica Neue,Arial,sans-serif}.van-badge{display:inline-block;box-sizing:border-box;min-width:var(--van-badge-size);padding:var(--van-badge-padding);color:var(--van-badge-color);font-weight:var(--van-badge-font-weight);font-size:var(--van-badge-font-size);font-family:var(--van-badge-font-family);line-height:1.2;text-align:center;background-color:var(--van-badge-background-color);border:var(--van-badge-border-width) solid var(--van-white);border-radius:var(--van-border-radius-max)}.van-badge--fixed{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100%}.van-badge--dot{width:var(--van-badge-dot-size);min-width:0;height:var(--van-badge-dot-size);background-color:var(--van-badge-dot-color);border-radius:100%}.van-badge__wrapper{position:relative;display:inline-block}
+:root{--van-badge-size:16px;--van-badge-color:var(--van-white);--van-badge-padding:0 3px;--van-badge-font-size:var(--van-font-size-sm);--van-badge-font-weight:var(--van-font-weight-bold);--van-badge-border-width:var(--van-border-width-base);--van-badge-background-color:var(--van-danger-color);--van-badge-dot-color:var(--van-danger-color);--van-badge-dot-size:8px;--van-badge-font-family:-apple-system-font,Helvetica Neue,Arial,sans-serif}.van-badge{display:inline-block;box-sizing:border-box;min-width:var(--van-badge-size);padding:var(--van-badge-padding);color:var(--van-badge-color);font-weight:var(--van-badge-font-weight);font-size:var(--van-badge-font-size);font-family:var(--van-badge-font-family);line-height:1.2;text-align:center;background:var(--van-badge-background-color);border:var(--van-badge-border-width) solid var(--van-white);border-radius:var(--van-border-radius-max)}.van-badge--fixed{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100%}.van-badge--dot{width:var(--van-badge-dot-size);min-width:0;height:var(--van-badge-dot-size);background:var(--van-badge-dot-color);border-radius:100%;border:none;padding:0}.van-badge__wrapper{position:relative;display:inline-block}

package/es/badge/index.d.ts

@@ -1,6 +1,10 @@
 export declare const Badge: import("../utils").WithInstall<import("vue").DefineComponent<{
     dot: BooleanConstructor;
     max: (NumberConstructor | StringConstructor)[];
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     color: StringConstructor;
     offset: import("vue").PropType<[string | number, string | number]>;
     content: (NumberConstructor | StringConstructor)[];
@@ -8,30 +12,26 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: true;
     };
-    tag: {
-        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
-        default: string;
-    };
 }, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     dot?: unknown;
     max?: unknown;
+    tag?: unknown;
     color?: unknown;
     offset?: unknown;
     content?: unknown;
     showZero?: unknown;
-    tag?: unknown;
 } & {
     dot: boolean;
-    showZero: boolean;
     tag: keyof HTMLElementTagNameMap;
+    showZero: boolean;
 } & {
     max?: string | number | undefined;
     color?: string | undefined;
-    offset?: [string | number, string | number] | undefined;
     content?: string | number | undefined;
-}> & {}, {
+    offset?: [string | number, string | number] | undefined;
+}>, {
     dot: boolean;
-    showZero: boolean;
     tag: keyof HTMLElementTagNameMap;
+    showZero: boolean;
 }>>;
 export default Badge;

package/es/badge/index.less

@@ -24,7 +24,7 @@
   font-family: var(--van-badge-font-family);
   line-height: 1.2;
   text-align: center;
-  background-color: var(--van-badge-background-color);
+  background: var(--van-badge-background-color);
   border: var(--van-badge-border-width) solid var(--van-white);
   border-radius: var(--van-border-radius-max);
 
@@ -40,8 +40,10 @@
     width: var(--van-badge-dot-size);
     min-width: 0;
     height: var(--van-badge-dot-size);
-    background-color: var(--van-badge-dot-color);
+    background: var(--van-badge-dot-color);
     border-radius: 100%;
+    border: none;
+    padding: 0;
   }
 
   &__wrapper {

package/es/button/Button.d.ts

@@ -1,14 +1,28 @@
-import { PropType } from 'vue';
+import { PropType, ButtonHTMLAttributes } from 'vue';
 import { LoadingType } from '../loading';
 export declare type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
 export declare type ButtonSize = 'large' | 'normal' | 'small' | 'mini';
+export declare type ButtonNativeType = NonNullable<ButtonHTMLAttributes['type']>;
+export declare type ButtonIconPosition = 'left' | 'right';
 declare const _default: import("vue").DefineComponent<{
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
 } & {
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     text: StringConstructor;
     icon: StringConstructor;
+    type: {
+        type: PropType<ButtonType>;
+        default: ButtonType;
+    };
+    size: {
+        type: PropType<ButtonSize>;
+        default: ButtonSize;
+    };
     color: StringConstructor;
     block: BooleanConstructor;
     plain: BooleanConstructor;
@@ -18,35 +32,26 @@ declare const _default: import("vue").DefineComponent<{
     hairline: BooleanConstructor;
     disabled: BooleanConstructor;
     iconPrefix: StringConstructor;
+    nativeType: {
+        type: PropType<ButtonNativeType>;
+        default: ButtonNativeType;
+    };
     loadingSize: (NumberConstructor | StringConstructor)[];
     loadingText: StringConstructor;
     loadingType: PropType<LoadingType>;
-    tag: {
-        type: PropType<keyof HTMLElementTagNameMap>;
-        default: string;
-    };
-    type: {
-        type: PropType<ButtonType>;
-        default: string;
-    };
-    size: {
-        type: PropType<ButtonSize>;
-        default: string;
-    };
-    nativeType: {
-        type: PropType<"button" | "submit" | "reset" | undefined>;
-        default: string;
-    };
     iconPosition: {
-        type: PropType<"left" | "right">;
-        default: string;
+        type: PropType<ButtonIconPosition>;
+        default: ButtonIconPosition;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
     replace?: unknown;
+    tag?: unknown;
     text?: unknown;
     icon?: unknown;
+    type?: unknown;
+    size?: unknown;
     color?: unknown;
     block?: unknown;
     plain?: unknown;
@@ -56,28 +61,25 @@ declare const _default: import("vue").DefineComponent<{
     hairline?: unknown;
     disabled?: unknown;
     iconPrefix?: unknown;
+    nativeType?: unknown;
     loadingSize?: unknown;
     loadingText?: unknown;
     loadingType?: unknown;
-    tag?: unknown;
-    type?: unknown;
-    size?: unknown;
-    nativeType?: unknown;
     iconPosition?: unknown;
 } & {
     replace: boolean;
     type: ButtonType;
     tag: keyof HTMLElementTagNameMap;
     round: boolean;
-    size: ButtonSize;
     disabled: boolean;
+    size: ButtonSize;
     loading: boolean;
     block: boolean;
     square: boolean;
     plain: boolean;
     hairline: boolean;
-    nativeType: "button" | "submit" | "reset" | undefined;
-    iconPosition: "left" | "right";
+    nativeType: ButtonNativeType;
+    iconPosition: ButtonIconPosition;
 } & {
     text?: string | undefined;
     url?: string | undefined;
@@ -95,14 +97,14 @@ declare const _default: import("vue").DefineComponent<{
     type: ButtonType;
     tag: keyof HTMLElementTagNameMap;
     round: boolean;
-    size: ButtonSize;
     disabled: boolean;
+    size: ButtonSize;
     loading: boolean;
     block: boolean;
     square: boolean;
     plain: boolean;
     hairline: boolean;
-    nativeType: "button" | "submit" | "reset" | undefined;
-    iconPosition: "left" | "right";
+    nativeType: ButtonNativeType;
+    iconPosition: ButtonIconPosition;
 }>;
 export default _default;

package/es/button/Button.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue'; // Utils
 
-import { createNamespace, BORDER_SURROUND, extend } from '../utils';
+import { extend, numericProp, makeStringProp, createNamespace, BORDER_SURROUND } from '../utils';
 import { useRoute, routeProps } from '../composables/use-route'; // Components
 
 import { Icon } from '../icon';
@@ -10,8 +10,11 @@ var [name, bem] = createNamespace('button');
 export default defineComponent({
   name,
   props: extend({}, routeProps, {
+    tag: makeStringProp('button'),
     text: String,
     icon: String,
+    type: makeStringProp('default'),
+    size: makeStringProp('normal'),
     color: String,
     block: Boolean,
     plain: Boolean,
@@ -21,29 +24,11 @@ export default defineComponent({
     hairline: Boolean,
     disabled: Boolean,
     iconPrefix: String,
-    loadingSize: [Number, String],
+    nativeType: makeStringProp('button'),
+    loadingSize: numericProp,
     loadingText: String,
     loadingType: String,
-    tag: {
-      type: String,
-      default: 'button'
-    },
-    type: {
-      type: String,
-      default: 'default'
-    },
-    size: {
-      type: String,
-      default: 'normal'
-    },
-    nativeType: {
-      type: String,
-      default: 'button'
-    },
-    iconPosition: {
-      type: String,
-      default: 'left'
-    }
+    iconPosition: makeStringProp('left')
   }),
   emits: ['click'],
 

package/es/button/index.css

@@ -1 +1 @@
-:root{--van-button-mini-height:24px;--van-button-mini-padding:0 var(--van-padding-base);--van-button-mini-font-size:var(--van-font-size-xs);--van-button-small-height:32px;--van-button-small-padding:0 var(--van-padding-xs);--van-button-small-font-size:var(--van-font-size-sm);--van-button-normal-padding:0 15px;--van-button-normal-font-size:var(--van-font-size-md);--van-button-large-height:50px;--van-button-default-height:44px;--van-button-default-line-height:1.2;--van-button-default-font-size:var(--van-font-size-lg);--van-button-default-color:var(--van-text-color);--van-button-default-background-color:var(--van-white);--van-button-default-border-color:var(--van-border-color);--van-button-primary-color:var(--van-white);--van-button-primary-background-color:var(--van-primary-color);--van-button-primary-border-color:var(--van-primary-color);--van-button-success-color:var(--van-white);--van-button-success-background-color:var(--van-success-color);--van-button-success-border-color:var(--van-success-color);--van-button-danger-color:var(--van-white);--van-button-danger-background-color:var(--van-danger-color);--van-button-danger-border-color:var(--van-danger-color);--van-button-warning-color:var(--van-white);--van-button-warning-background-color:var(--van-warning-color);--van-button-warning-border-color:var(--van-warning-color);--van-button-border-width:var(--van-border-width-base);--van-button-border-radius:var(--van-border-radius-sm);--van-button-round-border-radius:var(--van-border-radius-max);--van-button-plain-background-color:var(--van-white);--van-button-disabled-opacity:var(--van-disabled-opacity);--van-button-icon-size:1.2em;--van-button-loading-icon-size:20px}.van-button{position:relative;display:inline-block;box-sizing:border-box;height:var(--van-button-default-height);margin:0;padding:0;font-size:var(--van-button-default-font-size);line-height:var(--van-button-default-line-height);text-align:center;border-radius:var(--van-button-border-radius);cursor:pointer;transition:opacity var(--van-animation-duration-fast);-webkit-appearance:none}.van-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--van-black);border:inherit;border-color:var(--van-black);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:' '}.van-button:active::before{opacity:.1}.van-button--disabled::before,.van-button--loading::before{display:none}.van-button--default{color:var(--van-button-default-color);background-color:var(--van-button-default-background-color);border:var(--van-button-border-width) solid var(--van-button-default-border-color)}.van-button--primary{color:var(--van-button-primary-color);background-color:var(--van-button-primary-background-color);border:var(--van-button-border-width) solid var(--van-button-primary-border-color)}.van-button--success{color:var(--van-button-success-color);background-color:var(--van-button-success-background-color);border:var(--van-button-border-width) solid var(--van-button-success-border-color)}.van-button--danger{color:var(--van-button-danger-color);background-color:var(--van-button-danger-background-color);border:var(--van-button-border-width) solid var(--van-button-danger-border-color)}.van-button--warning{color:var(--van-button-warning-color);background-color:var(--van-button-warning-background-color);border:var(--van-button-border-width) solid var(--van-button-warning-border-color)}.van-button--plain{background-color:var(--van-button-plain-background-color)}.van-button--plain.van-button--primary{color:var(--van-button-primary-background-color)}.van-button--plain.van-button--success{color:var(--van-button-success-background-color)}.van-button--plain.van-button--danger{color:var(--van-button-danger-background-color)}.van-button--plain.van-button--warning{color:var(--van-button-warning-background-color)}.van-button--large{width:100%;height:var(--van-button-large-height)}.van-button--normal{padding:var(--van-button-normal-padding);font-size:var(--van-button-normal-font-size)}.van-button--small{height:var(--van-button-small-height);padding:var(--van-button-small-padding);font-size:var(--van-button-small-font-size)}.van-button__loading{color:inherit;font-size:inherit}.van-button__loading .van-loading__spinner{color:currentColor;width:var(--van-button-loading-icon-size);height:var(--van-button-loading-icon-size)}.van-button--mini{height:var(--van-button-mini-height);padding:var(--van-button-mini-padding);font-size:var(--van-button-mini-font-size)}.van-button--mini+.van-button--mini{margin-left:var(--van-padding-base)}.van-button--block{display:block;width:100%}.van-button--disabled{cursor:not-allowed;opacity:var(--van-button-disabled-opacity)}.van-button--loading{cursor:default}.van-button--round{border-radius:var(--van-button-round-border-radius)}.van-button--square{border-radius:0}.van-button__content{display:flex;align-items:center;justify-content:center;height:100%}.van-button__content::before{content:' '}.van-button__icon{font-size:var(--van-button-icon-size);line-height:inherit}.van-button__icon+.van-button__text,.van-button__loading+.van-button__text,.van-button__text+.van-button__icon,.van-button__text+.van-button__loading{margin-left:var(--van-padding-base)}.van-button--hairline{border-width:0}.van-button--hairline::after{border-color:inherit;border-radius:calc(var(--van-button-border-radius) * 2)}.van-button--hairline.van-button--round::after{border-radius:var(--van-button-round-border-radius)}.van-button--hairline.van-button--square::after{border-radius:0}
+:root{--van-button-mini-height:24px;--van-button-mini-padding:0 var(--van-padding-base);--van-button-mini-font-size:var(--van-font-size-xs);--van-button-small-height:32px;--van-button-small-padding:0 var(--van-padding-xs);--van-button-small-font-size:var(--van-font-size-sm);--van-button-normal-padding:0 15px;--van-button-normal-font-size:var(--van-font-size-md);--van-button-large-height:50px;--van-button-default-height:44px;--van-button-default-line-height:1.2;--van-button-default-font-size:var(--van-font-size-lg);--van-button-default-color:var(--van-text-color);--van-button-default-background-color:var(--van-white);--van-button-default-border-color:var(--van-border-color);--van-button-primary-color:var(--van-white);--van-button-primary-background-color:var(--van-primary-color);--van-button-primary-border-color:var(--van-primary-color);--van-button-success-color:var(--van-white);--van-button-success-background-color:var(--van-success-color);--van-button-success-border-color:var(--van-success-color);--van-button-danger-color:var(--van-white);--van-button-danger-background-color:var(--van-danger-color);--van-button-danger-border-color:var(--van-danger-color);--van-button-warning-color:var(--van-white);--van-button-warning-background-color:var(--van-warning-color);--van-button-warning-border-color:var(--van-warning-color);--van-button-border-width:var(--van-border-width-base);--van-button-border-radius:var(--van-border-radius-sm);--van-button-round-border-radius:var(--van-border-radius-max);--van-button-plain-background-color:var(--van-white);--van-button-disabled-opacity:var(--van-disabled-opacity);--van-button-icon-size:1.2em;--van-button-loading-icon-size:20px}.van-button{position:relative;display:inline-block;box-sizing:border-box;height:var(--van-button-default-height);margin:0;padding:0;font-size:var(--van-button-default-font-size);line-height:var(--van-button-default-line-height);text-align:center;border-radius:var(--van-button-border-radius);cursor:pointer;transition:opacity var(--van-animation-duration-fast);-webkit-appearance:none}.van-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background:var(--van-black);border:inherit;border-color:var(--van-black);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:' '}.van-button:active::before{opacity:.1}.van-button--disabled::before,.van-button--loading::before{display:none}.van-button--default{color:var(--van-button-default-color);background:var(--van-button-default-background-color);border:var(--van-button-border-width) solid var(--van-button-default-border-color)}.van-button--primary{color:var(--van-button-primary-color);background:var(--van-button-primary-background-color);border:var(--van-button-border-width) solid var(--van-button-primary-border-color)}.van-button--success{color:var(--van-button-success-color);background:var(--van-button-success-background-color);border:var(--van-button-border-width) solid var(--van-button-success-border-color)}.van-button--danger{color:var(--van-button-danger-color);background:var(--van-button-danger-background-color);border:var(--van-button-border-width) solid var(--van-button-danger-border-color)}.van-button--warning{color:var(--van-button-warning-color);background:var(--van-button-warning-background-color);border:var(--van-button-border-width) solid var(--van-button-warning-border-color)}.van-button--plain{background:var(--van-button-plain-background-color)}.van-button--plain.van-button--primary{color:var(--van-button-primary-background-color)}.van-button--plain.van-button--success{color:var(--van-button-success-background-color)}.van-button--plain.van-button--danger{color:var(--van-button-danger-background-color)}.van-button--plain.van-button--warning{color:var(--van-button-warning-background-color)}.van-button--large{width:100%;height:var(--van-button-large-height)}.van-button--normal{padding:var(--van-button-normal-padding);font-size:var(--van-button-normal-font-size)}.van-button--small{height:var(--van-button-small-height);padding:var(--van-button-small-padding);font-size:var(--van-button-small-font-size)}.van-button__loading{color:inherit;font-size:inherit}.van-button__loading .van-loading__spinner{color:currentColor;width:var(--van-button-loading-icon-size);height:var(--van-button-loading-icon-size)}.van-button--mini{height:var(--van-button-mini-height);padding:var(--van-button-mini-padding);font-size:var(--van-button-mini-font-size)}.van-button--mini+.van-button--mini{margin-left:var(--van-padding-base)}.van-button--block{display:block;width:100%}.van-button--disabled{cursor:not-allowed;opacity:var(--van-button-disabled-opacity)}.van-button--loading{cursor:default}.van-button--round{border-radius:var(--van-button-round-border-radius)}.van-button--square{border-radius:0}.van-button__content{display:flex;align-items:center;justify-content:center;height:100%}.van-button__content::before{content:' '}.van-button__icon{font-size:var(--van-button-icon-size);line-height:inherit}.van-button__icon+.van-button__text,.van-button__loading+.van-button__text,.van-button__text+.van-button__icon,.van-button__text+.van-button__loading{margin-left:var(--van-padding-base)}.van-button--hairline{border-width:0}.van-button--hairline::after{border-color:inherit;border-radius:calc(var(--van-button-border-radius) * 2)}.van-button--hairline.van-button--round::after{border-radius:var(--van-button-round-border-radius)}.van-button--hairline.van-button--square::after{border-radius:0}

package/es/button/index.d.ts

@@ -3,8 +3,20 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     url: StringConstructor;
     replace: BooleanConstructor;
 } & {
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     text: StringConstructor;
     icon: StringConstructor;
+    type: {
+        type: import("vue").PropType<import("./Button").ButtonType>;
+        default: import("./Button").ButtonType;
+    };
+    size: {
+        type: import("vue").PropType<import("./Button").ButtonSize>;
+        default: import("./Button").ButtonSize;
+    };
     color: StringConstructor;
     block: BooleanConstructor;
     plain: BooleanConstructor;
@@ -14,35 +26,26 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     hairline: BooleanConstructor;
     disabled: BooleanConstructor;
     iconPrefix: StringConstructor;
+    nativeType: {
+        type: import("vue").PropType<import("./Button").ButtonNativeType>;
+        default: import("./Button").ButtonNativeType;
+    };
     loadingSize: (NumberConstructor | StringConstructor)[];
     loadingText: StringConstructor;
     loadingType: import("vue").PropType<import("..").LoadingType>;
-    tag: {
-        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
-        default: string;
-    };
-    type: {
-        type: import("vue").PropType<import("./Button").ButtonType>;
-        default: string;
-    };
-    size: {
-        type: import("vue").PropType<import("./Button").ButtonSize>;
-        default: string;
-    };
-    nativeType: {
-        type: import("vue").PropType<"button" | "submit" | "reset" | undefined>;
-        default: string;
-    };
     iconPosition: {
-        type: import("vue").PropType<"left" | "right">;
-        default: string;
+        type: import("vue").PropType<import("./Button").ButtonIconPosition>;
+        default: import("./Button").ButtonIconPosition;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
     replace?: unknown;
+    tag?: unknown;
     text?: unknown;
     icon?: unknown;
+    type?: unknown;
+    size?: unknown;
     color?: unknown;
     block?: unknown;
     plain?: unknown;
@@ -52,28 +55,25 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     hairline?: unknown;
     disabled?: unknown;
     iconPrefix?: unknown;
+    nativeType?: unknown;
     loadingSize?: unknown;
     loadingText?: unknown;
     loadingType?: unknown;
-    tag?: unknown;
-    type?: unknown;
-    size?: unknown;
-    nativeType?: unknown;
     iconPosition?: unknown;
 } & {
     replace: boolean;
     type: import("./Button").ButtonType;
     tag: keyof HTMLElementTagNameMap;
     round: boolean;
-    size: import("./Button").ButtonSize;
     disabled: boolean;
+    size: import("./Button").ButtonSize;
     loading: boolean;
     block: boolean;
     square: boolean;
     plain: boolean;
     hairline: boolean;
-    nativeType: "button" | "submit" | "reset" | undefined;
-    iconPosition: "left" | "right";
+    nativeType: import("./Button").ButtonNativeType;
+    iconPosition: import("./Button").ButtonIconPosition;
 } & {
     text?: string | undefined;
     url?: string | undefined;
@@ -91,15 +91,15 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     type: import("./Button").ButtonType;
     tag: keyof HTMLElementTagNameMap;
     round: boolean;
-    size: import("./Button").ButtonSize;
     disabled: boolean;
+    size: import("./Button").ButtonSize;
     loading: boolean;
     block: boolean;
     square: boolean;
     plain: boolean;
     hairline: boolean;
-    nativeType: "button" | "submit" | "reset" | undefined;
-    iconPosition: "left" | "right";
+    nativeType: import("./Button").ButtonNativeType;
+    iconPosition: import("./Button").ButtonIconPosition;
 }>>;
 export default Button;
-export type { ButtonType, ButtonSize } from './Button';
+export type { ButtonType, ButtonSize, ButtonNativeType, ButtonIconPosition, } from './Button';

package/es/button/index.less

@@ -58,7 +58,7 @@
     left: 50%;
     width: 100%;
     height: 100%;
-    background-color: var(--van-black);
+    background: var(--van-black);
     border: inherit;
     border-color: var(--van-black);
     border-radius: inherit; /* inherit parent's border radius */
@@ -80,41 +80,41 @@
 
   &--default {
     color: var(--van-button-default-color);
-    background-color: var(--van-button-default-background-color);
+    background: var(--van-button-default-background-color);
     border: var(--van-button-border-width) solid
       var(--van-button-default-border-color);
   }
 
   &--primary {
     color: var(--van-button-primary-color);
-    background-color: var(--van-button-primary-background-color);
+    background: var(--van-button-primary-background-color);
     border: var(--van-button-border-width) solid
       var(--van-button-primary-border-color);
   }
 
   &--success {
     color: var(--van-button-success-color);
-    background-color: var(--van-button-success-background-color);
+    background: var(--van-button-success-background-color);
     border: var(--van-button-border-width) solid
       var(--van-button-success-border-color);
   }
 
   &--danger {
     color: var(--van-button-danger-color);
-    background-color: var(--van-button-danger-background-color);
+    background: var(--van-button-danger-background-color);
     border: var(--van-button-border-width) solid
       var(--van-button-danger-border-color);
   }
 
   &--warning {
     color: var(--van-button-warning-color);
-    background-color: var(--van-button-warning-background-color);
+    background: var(--van-button-warning-background-color);
     border: var(--van-button-border-width) solid
       var(--van-button-warning-border-color);
   }
 
   &--plain {
-    background-color: var(--van-button-plain-background-color);
+    background: var(--van-button-plain-background-color);
 
     &.van-button--primary {
       color: var(--van-button-primary-background-color);