vant 3.2.3 → 3.2.7

package/lib/badge/Badge.d.ts

@@ -1,7 +1,11 @@
-import { PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+import { PropType, ExtractPropTypes } from 'vue';
+declare const badgeProps: {
     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,42 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+};
+export declare type BadgeProps = ExtractPropTypes<typeof badgeProps>;
+declare const _default: import("vue").DefineComponent<{
+    dot: BooleanConstructor;
+    max: (NumberConstructor | StringConstructor)[];
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
-        default: string;
+        default: keyof HTMLElementTagNameMap;
+    };
+    color: StringConstructor;
+    offset: PropType<[string | number, string | number]>;
+    content: (NumberConstructor | StringConstructor)[];
+    showZero: {
+        type: BooleanConstructor;
+        default: true;
     };
 }, () => 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;
-    content?: string | number | undefined;
     offset?: [string | number, string | number] | undefined;
+    content?: string | number | undefined;
 }>, {
     dot: boolean;
-    showZero: boolean;
     tag: keyof HTMLElementTagNameMap;
+    showZero: boolean;
 }>;
 export default _default;

package/lib/badge/Badge.js

@@ -8,25 +8,25 @@ var _vue = require("vue");
 var _utils = require("../utils");
 
 var [name, bem] = (0, _utils.createNamespace)('badge');
+var badgeProps = {
+  dot: Boolean,
+  max: _utils.numericProp,
+  tag: (0, _utils.makeStringProp)('div'),
+  color: String,
+  offset: Array,
+  content: _utils.numericProp,
+  showZero: _utils.truthProp
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    dot: Boolean,
-    max: [Number, String],
-    color: String,
-    offset: Array,
-    content: [Number, String],
-    showZero: _utils.truthProp,
-    tag: {
-      type: String,
-      default: 'div'
-    }
-  },
-
-  setup(props, {
-    slots
-  }) {
+  props: badgeProps,
+
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
+
     var hasContent = () => {
       if (slots.content) {
         return true;

package/lib/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-background-color-light);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/lib/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,27 @@ 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;
-    content?: string | number | undefined;
     offset?: [string | number, string | number] | undefined;
+    content?: string | number | undefined;
 }>, {
     dot: boolean;
-    showZero: boolean;
     tag: keyof HTMLElementTagNameMap;
+    showZero: boolean;
 }>>;
 export default Badge;
+export type { BadgeProps } from './Badge';

package/lib/badge/index.less

@@ -24,8 +24,8 @@
   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);
+  background: var(--van-badge-background-color);
+  border: var(--van-badge-border-width) solid var(--van-background-color-light);
   border-radius: var(--van-border-radius-max);
 
   &--fixed {
@@ -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/lib/button/Button.d.ts

@@ -1,14 +1,25 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 import { LoadingType } from '../loading';
-export declare type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
-export declare type ButtonSize = 'large' | 'normal' | 'small' | 'mini';
-declare const _default: import("vue").DefineComponent<{
+import { ButtonSize, ButtonType, ButtonNativeType, ButtonIconPosition } from './types';
+declare const buttonProps: {
     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 +29,67 @@ 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>;
+    iconPosition: {
+        type: PropType<ButtonIconPosition>;
+        default: ButtonIconPosition;
+    };
+};
+export declare type ButtonProps = ExtractPropTypes<typeof buttonProps>;
+declare const _default: import("vue").DefineComponent<{
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
-        default: string;
+        default: keyof HTMLElementTagNameMap;
     };
+    text: StringConstructor;
+    icon: StringConstructor;
     type: {
         type: PropType<ButtonType>;
-        default: string;
+        default: ButtonType;
     };
     size: {
         type: PropType<ButtonSize>;
-        default: string;
+        default: ButtonSize;
     };
+    color: StringConstructor;
+    block: BooleanConstructor;
+    plain: BooleanConstructor;
+    round: BooleanConstructor;
+    square: BooleanConstructor;
+    loading: BooleanConstructor;
+    hairline: BooleanConstructor;
+    disabled: BooleanConstructor;
+    iconPrefix: StringConstructor;
     nativeType: {
-        type: PropType<"button" | "submit" | "reset" | undefined>;
-        default: string;
+        type: PropType<ButtonNativeType>;
+        default: ButtonNativeType;
     };
+    loadingSize: (NumberConstructor | StringConstructor)[];
+    loadingText: StringConstructor;
+    loadingType: PropType<LoadingType>;
     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,13 +99,10 @@ 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;
@@ -76,8 +116,8 @@ declare const _default: import("vue").DefineComponent<{
     square: boolean;
     plain: boolean;
     hairline: boolean;
-    nativeType: "button" | "submit" | "reset" | undefined;
-    iconPosition: "left" | "right";
+    nativeType: ButtonNativeType;
+    iconPosition: ButtonIconPosition;
 } & {
     text?: string | undefined;
     url?: string | undefined;
@@ -102,7 +142,7 @@ declare const _default: import("vue").DefineComponent<{
     square: boolean;
     plain: boolean;
     hairline: boolean;
-    nativeType: "button" | "submit" | "reset" | undefined;
-    iconPosition: "left" | "right";
+    nativeType: ButtonNativeType;
+    iconPosition: ButtonIconPosition;
 }>;
 export default _default;

package/lib/button/Button.js

@@ -16,51 +16,38 @@ var _loading = require("../loading");
 // Utils
 // Components
 var [name, bem] = (0, _utils.createNamespace)('button');
+var buttonProps = (0, _utils.extend)({}, _useRoute.routeProps, {
+  tag: (0, _utils.makeStringProp)('button'),
+  text: String,
+  icon: String,
+  type: (0, _utils.makeStringProp)('default'),
+  size: (0, _utils.makeStringProp)('normal'),
+  color: String,
+  block: Boolean,
+  plain: Boolean,
+  round: Boolean,
+  square: Boolean,
+  loading: Boolean,
+  hairline: Boolean,
+  disabled: Boolean,
+  iconPrefix: String,
+  nativeType: (0, _utils.makeStringProp)('button'),
+  loadingSize: _utils.numericProp,
+  loadingText: String,
+  loadingType: String,
+  iconPosition: (0, _utils.makeStringProp)('left')
+});
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: (0, _utils.extend)({}, _useRoute.routeProps, {
-    text: String,
-    icon: String,
-    color: String,
-    block: Boolean,
-    plain: Boolean,
-    round: Boolean,
-    square: Boolean,
-    loading: Boolean,
-    hairline: Boolean,
-    disabled: Boolean,
-    iconPrefix: String,
-    loadingSize: [Number, String],
-    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'
-    }
-  }),
+  props: buttonProps,
   emits: ['click'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var route = (0, _useRoute.useRoute)();
 
     var renderLoadingIcon = () => {

package/lib/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: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}
+: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-background-color-light);--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/lib/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("./types").ButtonType>;
+        default: import("./types").ButtonType;
+    };
+    size: {
+        type: import("vue").PropType<import("./types").ButtonSize>;
+        default: import("./types").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("./types").ButtonNativeType>;
+        default: import("./types").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("./types").ButtonIconPosition>;
+        default: import("./types").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;
+    type: import("./types").ButtonType;
     tag: keyof HTMLElementTagNameMap;
     round: boolean;
     disabled: boolean;
-    size: import("./Button").ButtonSize;
+    size: import("./types").ButtonSize;
     loading: boolean;
     block: boolean;
     square: boolean;
     plain: boolean;
     hairline: boolean;
-    nativeType: "button" | "submit" | "reset" | undefined;
-    iconPosition: "left" | "right";
+    nativeType: import("./types").ButtonNativeType;
+    iconPosition: import("./types").ButtonIconPosition;
 } & {
     text?: string | undefined;
     url?: string | undefined;
@@ -88,18 +88,19 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     replace: boolean;
-    type: import("./Button").ButtonType;
+    type: import("./types").ButtonType;
     tag: keyof HTMLElementTagNameMap;
     round: boolean;
     disabled: boolean;
-    size: import("./Button").ButtonSize;
+    size: import("./types").ButtonSize;
     loading: boolean;
     block: boolean;
     square: boolean;
     plain: boolean;
     hairline: boolean;
-    nativeType: "button" | "submit" | "reset" | undefined;
-    iconPosition: "left" | "right";
+    nativeType: import("./types").ButtonNativeType;
+    iconPosition: import("./types").ButtonIconPosition;
 }>>;
 export default Button;
-export type { ButtonType, ButtonSize } from './Button';
+export type { ButtonProps } from './Button';
+export type { ButtonType, ButtonSize, ButtonNativeType, ButtonIconPosition, } from './types';

package/lib/button/types.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonHTMLAttributes } from 'vue';
+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';

package/lib/button/types.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

package/lib/button/var.less

@@ -13,7 +13,7 @@
 @button-default-line-height: 1.2;
 @button-default-font-size: var(--van-font-size-lg);
 @button-default-color: var(--van-text-color);
-@button-default-background-color: var(--van-white);
+@button-default-background-color: var(--van-background-color-light);
 @button-default-border-color: var(--van-border-color);
 @button-primary-color: var(--van-white);
 @button-primary-background-color: var(--van-primary-color);