vant 3.2.6 → 3.2.7

package/es/area/Area.js

@@ -3,7 +3,7 @@ import { ref, watch, computed, reactive, nextTick, onMounted, defineComponent }
 
 import { deepClone } from '../utils/deep-clone';
 import { pick, extend, makeArrayProp, makeNumericProp, createNamespace } from '../utils';
-import { pickerProps } from '../picker/Picker'; // Composables
+import { pickerSharedProps } from '../picker/Picker'; // Composables
 
 import { useExpose } from '../composables/use-expose'; // Components
 
@@ -16,7 +16,7 @@ var INHERIT_PROPS = ['title', 'loading', 'readonly', 'itemHeight', 'swipeDuratio
 
 var isOverseaCode = code => code[0] === '9';
 
-var props = extend({}, pickerProps, {
+var areaProps = extend({}, pickerSharedProps, {
   value: String,
   columnsNum: makeNumericProp(3),
   columnsPlaceholder: makeArrayProp(),
@@ -31,13 +31,14 @@ var props = extend({}, pickerProps, {
 });
 export default defineComponent({
   name,
-  props,
+  props: areaProps,
   emits: ['change', 'confirm', 'cancel'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var pickerRef = ref();
     var state = reactive({
       code: props.value,
@@ -235,7 +236,11 @@ export default defineComponent({
       return area;
     };
 
-    var reset = (newCode = '') => {
+    var reset = function (newCode) {
+      if (newCode === void 0) {
+        newCode = '';
+      }
+
       state.code = newCode;
       setValues();
     };
@@ -255,7 +260,13 @@ export default 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);
+    };
 
     onMounted(setValues);
     watch(() => props.value, value => {

package/es/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/es/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/es/badge/Badge.js

@@ -1,22 +1,25 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent, computed } from 'vue';
+import { computed, defineComponent } from 'vue';
 import { isDef, addUnit, isNumeric, truthProp, numericProp, makeStringProp, createNamespace } from '../utils';
 var [name, bem] = createNamespace('badge');
+var badgeProps = {
+  dot: Boolean,
+  max: numericProp,
+  tag: makeStringProp('div'),
+  color: String,
+  offset: Array,
+  content: numericProp,
+  showZero: truthProp
+};
 export default defineComponent({
   name,
-  props: {
-    dot: Boolean,
-    max: numericProp,
-    tag: makeStringProp('div'),
-    color: String,
-    offset: Array,
-    content: numericProp,
-    showZero: truthProp
-  },
-
-  setup(props, {
-    slots
-  }) {
+  props: badgeProps,
+
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
+
     var hasContent = () => {
       if (slots.content) {
         return true;

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: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/es/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/es/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/es/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/es/button/Button.js

@@ -5,37 +5,40 @@ import { extend, numericProp, makeStringProp, createNamespace, BORDER_SURROUND }
 import { useRoute, routeProps } from '../composables/use-route'; // Components
 
 import { Icon } from '../icon';
-import { Loading } from '../loading';
+import { Loading } from '../loading'; // Types
+
 var [name, bem] = createNamespace('button');
+var buttonProps = extend({}, routeProps, {
+  tag: makeStringProp('button'),
+  text: String,
+  icon: String,
+  type: makeStringProp('default'),
+  size: makeStringProp('normal'),
+  color: String,
+  block: Boolean,
+  plain: Boolean,
+  round: Boolean,
+  square: Boolean,
+  loading: Boolean,
+  hairline: Boolean,
+  disabled: Boolean,
+  iconPrefix: String,
+  nativeType: makeStringProp('button'),
+  loadingSize: numericProp,
+  loadingText: String,
+  loadingType: String,
+  iconPosition: makeStringProp('left')
+});
 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,
-    round: Boolean,
-    square: Boolean,
-    loading: Boolean,
-    hairline: Boolean,
-    disabled: Boolean,
-    iconPrefix: String,
-    nativeType: makeStringProp('button'),
-    loadingSize: numericProp,
-    loadingText: String,
-    loadingType: String,
-    iconPosition: makeStringProp('left')
-  }),
+  props: buttonProps,
   emits: ['click'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var route = useRoute();
 
     var renderLoadingIcon = () => {

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: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/es/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/es/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/es/button/types.js

@@ -0,0 +1 @@
+export {};

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

package/es/calendar/Calendar.d.ts

@@ -1,7 +1,7 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import { PopupPosition } from '../popup';
 import type { CalendarType, CalendarDayItem } from './types';
-declare const props: {
+declare const calendarProps: {
     show: BooleanConstructor;
     type: {
         type: PropType<CalendarType>;
@@ -86,7 +86,7 @@ declare const props: {
         validator: (val: number) => boolean;
     };
 };
-export declare type CalendarProps = ExtractPropTypes<typeof props>;
+export declare type CalendarProps = ExtractPropTypes<typeof calendarProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     type: {

package/es/calendar/Calendar.js

@@ -14,7 +14,7 @@ import { Toast } from '../toast';
 import CalendarMonth from './CalendarMonth';
 import CalendarHeader from './CalendarHeader'; // Types
 
-var props = {
+var calendarProps = {
   show: Boolean,
   type: makeStringProp('single'),
   title: String,
@@ -62,14 +62,24 @@ var props = {
 };
 export default defineComponent({
   name,
-  props,
+  props: calendarProps,
   emits: ['select', 'confirm', 'unselect', 'month-show', 'over-range', 'update:show', 'click-subtitle'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
-    var limitDateRange = (date, minDate = props.minDate, maxDate = props.maxDate) => {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
+    var limitDateRange = function (date, minDate, maxDate) {
+      if (minDate === void 0) {
+        minDate = props.minDate;
+      }
+
+      if (maxDate === void 0) {
+        maxDate = props.maxDate;
+      }
+
       if (compareDay(date, minDate) === -1) {
         return minDate;
       }
@@ -81,7 +91,11 @@ export default defineComponent({
       return date;
     };
 
-    var getInitialDate = (defaultDate = props.defaultDate) => {
+    var getInitialDate = function (defaultDate) {
+      if (defaultDate === void 0) {
+        defaultDate = props.defaultDate;
+      }
+
       var {
         type,
         minDate,
@@ -245,7 +259,11 @@ export default defineComponent({
       });
     };
 
-    var reset = (date = getInitialDate()) => {
+    var reset = function (date) {
+      if (date === void 0) {
+        date = getInitialDate();
+      }
+
       currentDate.value = date;
       scrollIntoView();
     };
@@ -443,7 +461,11 @@ export default defineComponent({
 
     watch(() => props.show, init);
     watch(() => [props.type, props.minDate, props.maxDate], () => reset(getInitialDate(currentDate.value)));
-    watch(() => props.defaultDate, (value = null) => {
+    watch(() => props.defaultDate, function (value) {
+      if (value === void 0) {
+        value = null;
+      }
+
       currentDate.value = value;
       scrollIntoView();
     });

package/es/calendar/CalendarDay.js

@@ -14,10 +14,11 @@ export default defineComponent({
   },
   emits: ['click'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var style = computed(() => {
       var {
         item,

package/es/calendar/CalendarHeader.js

@@ -14,10 +14,12 @@ export default defineComponent({
   },
   emits: ['click-subtitle'],
 
-  setup(props, {
-    slots,
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      slots,
+      emit
+    } = _ref;
+
     var renderTitle = () => {
       if (props.showTitle) {
         var text = props.title || t('title');

package/es/calendar/CalendarMonth.d.ts

@@ -1,6 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import type { CalendarType, CalendarDayItem } from './types';
-declare const props: {
+declare const calendarMonthProps: {
     date: {
         type: DateConstructor;
         required: true;
@@ -25,7 +25,7 @@ declare const props: {
     showMonthTitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
 };
-export declare type CalendarMonthProps = ExtractPropTypes<typeof props>;
+export declare type CalendarMonthProps = ExtractPropTypes<typeof calendarMonthProps>;
 declare const _default: import("vue").DefineComponent<{
     date: {
         type: DateConstructor;

package/es/calendar/CalendarMonth.js

@@ -12,7 +12,7 @@ import { useHeight } from '../composables/use-height'; // Components
 import CalendarDay from './CalendarDay'; // Types
 
 var [name] = createNamespace('calendar-month');
-var props = {
+var calendarMonthProps = {
   date: makeRequiredProp(Date),
   type: String,
   color: String,
@@ -30,13 +30,14 @@ var props = {
 };
 export default defineComponent({
   name,
-  props,
+  props: calendarMonthProps,
   emits: ['click', 'update-height'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var [visible, setVisible] = useToggle();
     var daysRef = ref();
     var monthRef = ref();

package/es/calendar/index.css

@@ -1 +1 @@
-:root{--van-calendar-background-color:var(--van-white);--van-calendar-popup-height:80%;--van-calendar-header-box-shadow:0 2px 10px rgba(125, 126, 128, 0.16);--van-calendar-header-title-height:44px;--van-calendar-header-title-font-size:var(--van-font-size-lg);--van-calendar-header-subtitle-font-size:var(--van-font-size-md);--van-calendar-weekdays-height:30px;--van-calendar-weekdays-font-size:var(--van-font-size-sm);--van-calendar-month-title-font-size:var(--van-font-size-md);--van-calendar-month-mark-color:rgba(242, 243, 245, 0.8);--van-calendar-month-mark-font-size:160px;--van-calendar-day-height:64px;--van-calendar-day-font-size:var(--van-font-size-lg);--van-calendar-range-edge-color:var(--van-white);--van-calendar-range-edge-background-color:var(--van-danger-color);--van-calendar-range-middle-color:var(--van-danger-color);--van-calendar-range-middle-background-opacity:0.1;--van-calendar-selected-day-size:54px;--van-calendar-selected-day-color:var(--van-white);--van-calendar-info-font-size:var(--van-font-size-xs);--van-calendar-info-line-height:var(--van-line-height-xs);--van-calendar-selected-day-background-color:var(--van-danger-color);--van-calendar-day-disabled-color:var(--van-gray-5);--van-calendar-confirm-button-height:36px;--van-calendar-confirm-button-margin:7px 0}.van-calendar{display:flex;flex-direction:column;height:100%;background:var(--van-calendar-background-color)}.van-calendar__popup.van-popup--bottom,.van-calendar__popup.van-popup--top{height:var(--van-calendar-popup-height)}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{flex-shrink:0;box-shadow:var(--van-calendar-header-box-shadow)}.van-calendar__header-subtitle,.van-calendar__header-title,.van-calendar__month-title{height:var(--van-calendar-header-title-height);font-weight:var(--van-font-weight-bold);line-height:var(--van-calendar-header-title-height);text-align:center}.van-calendar__header-title{font-size:var(--van-calendar-header-title-font-size)}.van-calendar__header-subtitle{font-size:var(--van-calendar-header-subtitle-font-size)}.van-calendar__month-title{font-size:var(--van-calendar-month-title-font-size)}.van-calendar__weekdays{display:flex}.van-calendar__weekday{flex:1;font-size:var(--van-calendar-weekdays-font-size);line-height:var(--van-calendar-weekdays-height);text-align:center}.van-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:var(--van-calendar-month-mark-color);font-size:var(--van-calendar-month-mark-font-size);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:var(--van-calendar-day-height);font-size:var(--van-calendar-day-font-size);cursor:pointer}.van-calendar__day--end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected,.van-calendar__day--start,.van-calendar__day--start-end{color:var(--van-calendar-range-edge-color);background:var(--van-calendar-range-edge-background-color)}.van-calendar__day--start{border-radius:var(--van-border-radius-md) 0 0 var(--van-border-radius-md)}.van-calendar__day--end{border-radius:0 var(--van-border-radius-md) var(--van-border-radius-md) 0}.van-calendar__day--multiple-selected,.van-calendar__day--start-end{border-radius:var(--van-border-radius-md)}.van-calendar__day--middle{color:var(--van-calendar-range-middle-color)}.van-calendar__day--middle::after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--van-calendar-range-middle-background-opacity);content:''}.van-calendar__day--disabled{color:var(--van-calendar-day-disabled-color);cursor:default}.van-calendar__bottom-info,.van-calendar__top-info{position:absolute;right:0;left:0;font-size:var(--van-calendar-info-font-size);line-height:var(--van-calendar-info-line-height)}@media (max-width:350px){.van-calendar__bottom-info,.van-calendar__top-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:var(--van-calendar-selected-day-size);height:var(--van-calendar-selected-day-size);color:var(--van-calendar-selected-day-color);background:var(--van-calendar-selected-day-background-color);border-radius:var(--van-border-radius-md)}.van-calendar__footer{flex-shrink:0;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md)}.van-calendar__confirm{height:var(--van-calendar-confirm-button-height);margin:var(--van-calendar-confirm-button-margin)}
+:root{--van-calendar-background-color:var(--van-background-color-light);--van-calendar-popup-height:80%;--van-calendar-header-box-shadow:0 2px 10px rgba(125, 126, 128, 0.16);--van-calendar-header-title-height:44px;--van-calendar-header-title-font-size:var(--van-font-size-lg);--van-calendar-header-subtitle-font-size:var(--van-font-size-md);--van-calendar-weekdays-height:30px;--van-calendar-weekdays-font-size:var(--van-font-size-sm);--van-calendar-month-title-font-size:var(--van-font-size-md);--van-calendar-month-mark-color:rgba(242, 243, 245, 0.8);--van-calendar-month-mark-font-size:160px;--van-calendar-day-height:64px;--van-calendar-day-font-size:var(--van-font-size-lg);--van-calendar-range-edge-color:var(--van-white);--van-calendar-range-edge-background-color:var(--van-danger-color);--van-calendar-range-middle-color:var(--van-danger-color);--van-calendar-range-middle-background-opacity:0.1;--van-calendar-selected-day-size:54px;--van-calendar-selected-day-color:var(--van-white);--van-calendar-info-font-size:var(--van-font-size-xs);--van-calendar-info-line-height:var(--van-line-height-xs);--van-calendar-selected-day-background-color:var(--van-danger-color);--van-calendar-day-disabled-color:var(--van-text-color-3);--van-calendar-confirm-button-height:36px;--van-calendar-confirm-button-margin:7px 0}.van-calendar{display:flex;flex-direction:column;height:100%;background:var(--van-calendar-background-color)}.van-calendar__popup.van-popup--bottom,.van-calendar__popup.van-popup--top{height:var(--van-calendar-popup-height)}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{flex-shrink:0;box-shadow:var(--van-calendar-header-box-shadow)}.van-calendar__header-subtitle,.van-calendar__header-title,.van-calendar__month-title{height:var(--van-calendar-header-title-height);font-weight:var(--van-font-weight-bold);line-height:var(--van-calendar-header-title-height);text-align:center}.van-calendar__header-title{font-size:var(--van-calendar-header-title-font-size)}.van-calendar__header-subtitle{font-size:var(--van-calendar-header-subtitle-font-size)}.van-calendar__month-title{font-size:var(--van-calendar-month-title-font-size)}.van-calendar__weekdays{display:flex}.van-calendar__weekday{flex:1;font-size:var(--van-calendar-weekdays-font-size);line-height:var(--van-calendar-weekdays-height);text-align:center}.van-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:var(--van-calendar-month-mark-color);font-size:var(--van-calendar-month-mark-font-size);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:var(--van-calendar-day-height);font-size:var(--van-calendar-day-font-size);cursor:pointer}.van-calendar__day--end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected,.van-calendar__day--start,.van-calendar__day--start-end{color:var(--van-calendar-range-edge-color);background:var(--van-calendar-range-edge-background-color)}.van-calendar__day--start{border-radius:var(--van-border-radius-md) 0 0 var(--van-border-radius-md)}.van-calendar__day--end{border-radius:0 var(--van-border-radius-md) var(--van-border-radius-md) 0}.van-calendar__day--multiple-selected,.van-calendar__day--start-end{border-radius:var(--van-border-radius-md)}.van-calendar__day--middle{color:var(--van-calendar-range-middle-color)}.van-calendar__day--middle::after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--van-calendar-range-middle-background-opacity);content:''}.van-calendar__day--disabled{color:var(--van-calendar-day-disabled-color);cursor:default}.van-calendar__bottom-info,.van-calendar__top-info{position:absolute;right:0;left:0;font-size:var(--van-calendar-info-font-size);line-height:var(--van-calendar-info-line-height)}@media (max-width:350px){.van-calendar__bottom-info,.van-calendar__top-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:var(--van-calendar-selected-day-size);height:var(--van-calendar-selected-day-size);color:var(--van-calendar-selected-day-color);background:var(--van-calendar-selected-day-background-color);border-radius:var(--van-border-radius-md)}.van-calendar__footer{flex-shrink:0;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md)}.van-calendar__confirm{height:var(--van-calendar-confirm-button-height);margin:var(--van-calendar-confirm-button-margin)}

package/es/calendar/index.d.ts

@@ -1,4 +1,3 @@
-import { CalendarProps } from './Calendar';
 export declare const Calendar: import("../utils").WithInstall<import("vue").DefineComponent<{
     show: BooleanConstructor;
     type: {
@@ -175,5 +174,5 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     firstDayOfWeek: string | number;
 }>>;
 export default Calendar;
-export type { CalendarProps };
+export type { CalendarProps } from './Calendar';
 export type { CalendarType, CalendarDayItem, CalendarDayType, CalendarInstance, } from './types';