vant 3.2.6 → 3.3.1

package/lib/address-edit/AddressEditDetail.js

@@ -19,19 +19,20 @@ var _default = (0, _vue.defineComponent)({
   name,
   props: {
     show: Boolean,
+    rows: _utils.numericProp,
     value: String,
+    rules: Array,
     focused: Boolean,
-    detailRows: _utils.numericProp,
+    maxlength: _utils.numericProp,
     searchResult: Array,
-    errorMessage: String,
-    detailMaxlength: _utils.numericProp,
     showSearchResult: Boolean
   },
   emits: ['blur', 'focus', 'input', 'select-search'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var field = (0, _vue.ref)();
 
     var showSearchResult = () => props.focused && props.searchResult && props.showSearchResult;
@@ -84,14 +85,14 @@ var _default = (0, _vue.defineComponent)({
           "clearable": true,
           "ref": field,
           "class": bem(),
-          "rows": props.detailRows,
+          "rows": props.rows,
           "type": "textarea",
+          "rules": props.rules,
           "label": t('label'),
           "border": !showSearchResult(),
-          "maxlength": props.detailMaxlength,
+          "maxlength": props.maxlength,
           "modelValue": props.value,
           "placeholder": t('placeholder'),
-          "errorMessage": props.errorMessage,
           "onBlur": onBlur,
           "onFocus": onFocus,
           "onUpdate:modelValue": onInput

package/lib/address-list/AddressList.d.ts

@@ -1,4 +1,24 @@
+import { ExtractPropTypes } from 'vue';
 import { AddressListAddress } from './AddressListItem';
+declare const addressListProps: {
+    list: {
+        type: import("vue").PropType<AddressListAddress[]>;
+        default: () => never[];
+    };
+    modelValue: (NumberConstructor | StringConstructor)[];
+    switchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    disabledText: StringConstructor;
+    disabledList: {
+        type: import("vue").PropType<AddressListAddress[]>;
+        default: () => never[];
+    };
+    addButtonText: StringConstructor;
+    defaultTagText: StringConstructor;
+};
+export declare type AddressListProps = ExtractPropTypes<typeof addressListProps>;
 declare const _default: import("vue").DefineComponent<{
     list: {
         type: import("vue").PropType<AddressListAddress[]>;

package/lib/address-list/AddressList.js

@@ -18,24 +18,27 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // Utils
 // Components
 var [name, bem, t] = (0, _utils.createNamespace)('address-list');
+var addressListProps = {
+  list: (0, _utils.makeArrayProp)(),
+  modelValue: _utils.numericProp,
+  switchable: _utils.truthProp,
+  disabledText: String,
+  disabledList: (0, _utils.makeArrayProp)(),
+  addButtonText: String,
+  defaultTagText: String
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    list: (0, _utils.makeArrayProp)(),
-    modelValue: _utils.numericProp,
-    switchable: _utils.truthProp,
-    disabledText: String,
-    disabledList: (0, _utils.makeArrayProp)(),
-    addButtonText: String,
-    defaultTagText: String
-  },
+  props: addressListProps,
   emits: ['add', 'edit', 'select', 'click-item', 'edit-disabled', 'select-disabled', 'update:modelValue'],
 
-  setup(props, {
-    slots,
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      slots,
+      emit
+    } = _ref;
+
     var renderItem = (item, index, disabled) => {
       var onEdit = () => emit(disabled ? 'edit-disabled' : 'edit', item, index);
 

package/lib/address-list/AddressListItem.js

@@ -29,10 +29,12 @@ var _default = (0, _vue.defineComponent)({
   },
   emits: ['edit', 'click', 'select'],
 
-  setup(props, {
-    slots,
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      slots,
+      emit
+    } = _ref;
+
     var onClick = () => {
       if (props.switchable) {
         emit('select');

package/lib/address-list/index.css

@@ -1 +1 @@
-:root{--van-address-list-padding:var(--van-padding-sm) var(--van-padding-sm) 80px;--van-address-list-disabled-text-color:var(--van-gray-6);--van-address-list-disabled-text-padding:calc(var(--van-padding-base) * 5) 0 var(--van-padding-md);--van-address-list-disabled-text-font-size:var(--van-font-size-md);--van-address-list-disabled-text-line-height:var(--van-line-height-md);--van-address-list-add-button-z-index:999;--van-address-list-item-padding:var(--van-padding-sm);--van-address-list-item-text-color:var(--van-text-color);--van-address-list-item-disabled-text-color:var(--van-gray-5);--van-address-list-item-font-size:13px;--van-address-list-item-line-height:var(--van-line-height-sm);--van-address-list-item-radio-icon-color:var(--van-danger-color);--van-address-list-edit-icon-size:20px}.van-address-list{box-sizing:border-box;height:100%;padding:var(--van-address-list-padding)}.van-address-list__bottom{position:fixed;bottom:0;left:0;z-index:var(--van-address-list-add-button-z-index);box-sizing:border-box;width:100%;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md);background-color:var(--van-white)}.van-address-list__add{height:40px;margin:5px 0}.van-address-list__disabled-text{padding:var(--van-address-list-disabled-text-padding);color:var(--van-address-list-disabled-text-color);font-size:var(--van-address-list-disabled-text-font-size);line-height:var(--van-address-list-disabled-text-line-height)}.van-address-item{padding:var(--van-address-list-item-padding);background-color:var(--van-white);border-radius:var(--van-border-radius-lg)}.van-address-item:not(:last-child){margin-bottom:var(--van-padding-sm)}.van-address-item__value{padding-right:44px}.van-address-item__name{display:flex;align-items:center;margin-bottom:var(--van-padding-xs);font-size:var(--van-font-size-lg);line-height:var(--van-line-height-lg)}.van-address-item__tag{flex:none;margin-left:var(--van-padding-xs);padding-top:0;padding-bottom:0;line-height:1.4em}.van-address-item__address{color:var(--van-address-list-item-text-color);font-size:var(--van-address-list-item-font-size);line-height:var(--van-address-list-item-line-height)}.van-address-item--disabled .van-address-item__address,.van-address-item--disabled .van-address-item__name{color:var(--van-address-list-item-disabled-text-color)}.van-address-item__edit{position:absolute;top:50%;right:var(--van-padding-md);color:var(--van-gray-6);font-size:var(--van-address-list-edit-icon-size);transform:translate(0,-50%)}.van-address-item .van-cell{padding:0}.van-address-item .van-radio__label{margin-left:var(--van-padding-sm)}.van-address-item .van-radio__icon--checked .van-icon{background-color:var(--van-address-list-item-radio-icon-color);border-color:var(--van-address-list-item-radio-icon-color)}
+:root{--van-address-list-padding:var(--van-padding-sm) var(--van-padding-sm) 80px;--van-address-list-disabled-text-color:var(--van-text-color-2);--van-address-list-disabled-text-padding:calc(var(--van-padding-base) * 5) 0 var(--van-padding-md);--van-address-list-disabled-text-font-size:var(--van-font-size-md);--van-address-list-disabled-text-line-height:var(--van-line-height-md);--van-address-list-add-button-z-index:999;--van-address-list-item-padding:var(--van-padding-sm);--van-address-list-item-text-color:var(--van-text-color);--van-address-list-item-disabled-text-color:var(--van-text-color-3);--van-address-list-item-font-size:13px;--van-address-list-item-line-height:var(--van-line-height-sm);--van-address-list-item-radio-icon-color:var(--van-danger-color);--van-address-list-edit-icon-size:20px}.van-address-list{box-sizing:border-box;height:100%;padding:var(--van-address-list-padding)}.van-address-list__bottom{position:fixed;bottom:0;left:0;z-index:var(--van-address-list-add-button-z-index);box-sizing:border-box;width:100%;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md);background-color:var(--van-background-color-light)}.van-address-list__add{height:40px;margin:5px 0}.van-address-list__disabled-text{padding:var(--van-address-list-disabled-text-padding);color:var(--van-address-list-disabled-text-color);font-size:var(--van-address-list-disabled-text-font-size);line-height:var(--van-address-list-disabled-text-line-height)}.van-address-item{padding:var(--van-address-list-item-padding);background-color:var(--van-background-color-light);border-radius:var(--van-border-radius-lg)}.van-address-item:not(:last-child){margin-bottom:var(--van-padding-sm)}.van-address-item__value{padding-right:44px}.van-address-item__name{display:flex;align-items:center;margin-bottom:var(--van-padding-xs);font-size:var(--van-font-size-lg);line-height:var(--van-line-height-lg)}.van-address-item__tag{flex:none;margin-left:var(--van-padding-xs);padding-top:0;padding-bottom:0;line-height:1.4em}.van-address-item__address{color:var(--van-address-list-item-text-color);font-size:var(--van-address-list-item-font-size);line-height:var(--van-address-list-item-line-height)}.van-address-item--disabled .van-address-item__address,.van-address-item--disabled .van-address-item__name{color:var(--van-address-list-item-disabled-text-color)}.van-address-item__edit{position:absolute;top:50%;right:var(--van-padding-md);color:var(--van-gray-6);font-size:var(--van-address-list-edit-icon-size);transform:translate(0,-50%)}.van-address-item .van-cell{padding:0}.van-address-item .van-radio__label{margin-left:var(--van-padding-sm)}.van-address-item .van-radio__icon--checked .van-icon{background-color:var(--van-address-list-item-radio-icon-color);border-color:var(--van-address-list-item-radio-icon-color)}

package/lib/address-list/index.d.ts

@@ -46,4 +46,5 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
     disabledList: import("./AddressListItem").AddressListAddress[];
 }>>;
 export default AddressList;
+export type { AddressListProps } from './AddressList';
 export type { AddressListAddress } from './AddressListItem';

package/lib/address-list/index.less

@@ -30,7 +30,7 @@
     width: 100%;
     padding-left: var(--van-padding-md);
     padding-right: var(--van-padding-md);
-    background-color: var(--van-white);
+    background-color: var(--van-background-color-light);
   }
 
   &__add {
@@ -48,7 +48,7 @@
 
 .van-address-item {
   padding: var(--van-address-list-item-padding);
-  background-color: var(--van-white);
+  background-color: var(--van-background-color-light);
   border-radius: var(--van-border-radius-lg);
 
   &:not(:last-child) {

package/lib/address-list/var.less

@@ -1,7 +1,7 @@
 @import '../style/var.less';
 
 @address-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px;
-@address-list-disabled-text-color: var(--van-gray-6);
+@address-list-disabled-text-color: var(--van-text-color-2);
 @address-list-disabled-text-padding: calc(var(--van-padding-base) * 5) 0
   var(--van-padding-md);
 @address-list-disabled-text-font-size: var(--van-font-size-md);
@@ -9,7 +9,7 @@
 @address-list-add-button-z-index: 999;
 @address-list-item-padding: var(--van-padding-sm);
 @address-list-item-text-color: var(--van-text-color);
-@address-list-item-disabled-text-color: var(--van-gray-5);
+@address-list-item-disabled-text-color: var(--van-text-color-3);
 @address-list-item-font-size: 13px;
 @address-list-item-line-height: var(--van-line-height-sm);
 @address-list-item-radio-icon-color: var(--van-danger-color);

package/lib/area/Area.d.ts

@@ -1,6 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import type { AreaList } from './types';
-declare const props: {
+declare const areaProps: {
     title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -42,7 +42,7 @@ declare const props: {
         default: (code: string) => boolean;
     };
 };
-export declare type AreaProps = ExtractPropTypes<typeof props>;
+export declare type AreaProps = ExtractPropTypes<typeof areaProps>;
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     loading: BooleanConstructor;

package/lib/area/Area.js

@@ -25,7 +25,7 @@ var INHERIT_PROPS = ['title', 'loading', 'readonly', 'itemHeight', 'swipeDuratio
 
 var isOverseaCode = code => code[0] === '9';
 
-var props = (0, _utils.extend)({}, _Picker.pickerProps, {
+var areaProps = (0, _utils.extend)({}, _Picker.pickerSharedProps, {
   value: String,
   columnsNum: (0, _utils.makeNumericProp)(3),
   columnsPlaceholder: (0, _utils.makeArrayProp)(),
@@ -41,13 +41,14 @@ var props = (0, _utils.extend)({}, _Picker.pickerProps, {
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props,
+  props: areaProps,
   emits: ['change', 'confirm', 'cancel'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var pickerRef = (0, _vue.ref)();
     var state = (0, _vue.reactive)({
       code: props.value,
@@ -245,7 +246,11 @@ var _default = (0, _vue.defineComponent)({
       return area;
     };
 
-    var reset = (newCode = '') => {
+    var reset = function (newCode) {
+      if (newCode === void 0) {
+        newCode = '';
+      }
+
       state.code = newCode;
       setValues();
     };
@@ -265,7 +270,13 @@ var _default = (0, _vue.defineComponent)({
       emit('confirm', parseValues(values), index);
     };
 
-    var onCancel = (...args) => emit('cancel', ...args);
+    var onCancel = function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      return emit('cancel', ...args);
+    };
 
     (0, _vue.onMounted)(setValues);
     (0, _vue.watch)(() => props.value, value => {

package/lib/area/index.d.ts

@@ -1,4 +1,3 @@
-import { AreaProps } from './Area';
 export declare const Area: import("../utils").WithInstall<import("vue").DefineComponent<{
     title: StringConstructor;
     loading: BooleanConstructor;
@@ -91,5 +90,5 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
     isOverseaCode: (code: string) => boolean;
 }>>;
 export default Area;
-export type { AreaProps };
+export type { AreaProps } from './Area';
 export type { AreaList, AreaInstance, AreaColumnOption } from './types';

package/lib/badge/Badge.d.ts

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

package/lib/badge/Badge.js

@@ -8,22 +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: _utils.numericProp,
-    tag: (0, _utils.makeStringProp)('div'),
-    color: String,
-    offset: Array,
-    content: _utils.numericProp,
-    showZero: _utils.truthProp
-  },
-
-  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: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}
+: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

@@ -27,11 +27,12 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
 } & {
     max?: string | number | undefined;
     color?: string | undefined;
-    content?: string | number | undefined;
     offset?: [string | number, string | number] | undefined;
+    content?: string | number | undefined;
 }>, {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
     showZero: boolean;
 }>>;
 export default Badge;
+export type { BadgeProps } from './Badge';

package/lib/badge/index.less

@@ -25,7 +25,7 @@
   line-height: 1.2;
   text-align: center;
   background: var(--van-badge-background-color);
-  border: var(--van-badge-border-width) solid var(--van-white);
+  border: var(--van-badge-border-width) solid var(--van-background-color-light);
   border-radius: var(--van-border-radius-max);
 
   &--fixed {

package/lib/button/Button.d.ts

@@ -1,9 +1,47 @@
-import { PropType, ButtonHTMLAttributes } 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';
-export declare type ButtonNativeType = NonNullable<ButtonHTMLAttributes['type']>;
-export declare type ButtonIconPosition = 'left' | 'right';
+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;
+    round: BooleanConstructor;
+    square: BooleanConstructor;
+    loading: BooleanConstructor;
+    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;

package/lib/button/Button.js

@@ -16,36 +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, {
-    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')
-  }),
+  props: buttonProps,
   emits: ['click'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var route = (0, _useRoute.useRoute)();
 
     var renderLoadingIcon = () => {
@@ -125,7 +127,7 @@ var _default = (0, _vue.defineComponent)({
 
     var onClick = event => {
       if (props.loading) {
-        event.preventDefault();
+        (0, _utils.preventDefault)(event);
       } else if (!props.disabled) {
         emit('click', event);
         route();

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

@@ -10,12 +10,12 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     text: StringConstructor;
     icon: StringConstructor;
     type: {
-        type: import("vue").PropType<import("./Button").ButtonType>;
-        default: import("./Button").ButtonType;
+        type: import("vue").PropType<import("./types").ButtonType>;
+        default: import("./types").ButtonType;
     };
     size: {
-        type: import("vue").PropType<import("./Button").ButtonSize>;
-        default: import("./Button").ButtonSize;
+        type: import("vue").PropType<import("./types").ButtonSize>;
+        default: import("./types").ButtonSize;
     };
     color: StringConstructor;
     block: BooleanConstructor;
@@ -27,15 +27,15 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     disabled: BooleanConstructor;
     iconPrefix: StringConstructor;
     nativeType: {
-        type: import("vue").PropType<import("./Button").ButtonNativeType>;
-        default: import("./Button").ButtonNativeType;
+        type: import("vue").PropType<import("./types").ButtonNativeType>;
+        default: import("./types").ButtonNativeType;
     };
     loadingSize: (NumberConstructor | StringConstructor)[];
     loadingText: StringConstructor;
     loadingType: import("vue").PropType<import("..").LoadingType>;
     iconPosition: {
-        type: import("vue").PropType<import("./Button").ButtonIconPosition>;
-        default: import("./Button").ButtonIconPosition;
+        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;
@@ -62,18 +62,18 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     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: import("./Button").ButtonNativeType;
-    iconPosition: import("./Button").ButtonIconPosition;
+    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: import("./Button").ButtonNativeType;
-    iconPosition: import("./Button").ButtonIconPosition;
+    nativeType: import("./types").ButtonNativeType;
+    iconPosition: import("./types").ButtonIconPosition;
 }>>;
 export default Button;
-export type { ButtonType, ButtonSize, ButtonNativeType, ButtonIconPosition, } 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);