vant 3.2.5 → 3.2.6

package/es/action-bar/index.css

@@ -1 +1 @@
-:root{--van-action-bar-background-color:var(--van-white);--van-action-bar-height:50px}.van-action-bar{position:fixed;right:0;bottom:0;left:0;display:flex;align-items:center;box-sizing:content-box;height:var(--van-action-bar-height);background-color:var(--van-action-bar-background-color)}
+:root{--van-action-bar-background-color:var(--van-white);--van-action-bar-height:50px}.van-action-bar{position:fixed;right:0;bottom:0;left:0;display:flex;align-items:center;box-sizing:content-box;height:var(--van-action-bar-height);background:var(--van-action-bar-background-color)}

package/es/action-bar/index.less

@@ -14,5 +14,5 @@
   align-items: center;
   box-sizing: content-box;
   height: var(--van-action-bar-height);
-  background-color: var(--van-action-bar-background-color);
+  background: var(--van-action-bar-background-color);
 }

package/es/action-bar-icon/ActionBarIcon.js

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 import { defineComponent } from 'vue';
 import { extend, createNamespace, unknownProp, numericProp } from '../utils';
 import { ACTION_BAR_KEY } from '../action-bar/ActionBar'; // Composables
@@ -43,7 +43,7 @@ export default defineComponent({
           "content": badge,
           "class": bem('icon')
         }, {
-          default: () => [slots.icon()]
+          default: slots.icon
         });
       }
 

package/es/action-bar-icon/index.css

@@ -1 +1 @@
-:root{--van-action-bar-icon-width:48px;--van-action-bar-icon-height:100%;--van-action-bar-icon-color:var(--van-text-color);--van-action-bar-icon-size:18px;--van-action-bar-icon-font-size:var(--van-font-size-xs);--van-action-bar-icon-active-color:var(--van-active-color);--van-action-bar-icon-text-color:var(--van-gray-7);--van-action-bar-icon-background-color:var(--van-white)}.van-action-bar-icon{display:flex;flex-direction:column;justify-content:center;min-width:var(--van-action-bar-icon-width);height:var(--van-action-bar-icon-height);color:var(--van-action-bar-icon-text-color);font-size:var(--van-action-bar-icon-font-size);line-height:1;text-align:center;background-color:var(--van-action-bar-icon-background-color);cursor:pointer}.van-action-bar-icon:active{background-color:var(--van-action-bar-icon-active-color)}.van-action-bar-icon__icon{margin:0 auto var(--van-padding-base);color:var(--van-action-bar-icon-color);font-size:var(--van-action-bar-icon-size)}
+:root{--van-action-bar-icon-width:48px;--van-action-bar-icon-height:100%;--van-action-bar-icon-color:var(--van-text-color);--van-action-bar-icon-size:18px;--van-action-bar-icon-font-size:var(--van-font-size-xs);--van-action-bar-icon-active-color:var(--van-active-color);--van-action-bar-icon-text-color:var(--van-gray-7);--van-action-bar-icon-background-color:var(--van-white)}.van-action-bar-icon{display:flex;flex-direction:column;justify-content:center;min-width:var(--van-action-bar-icon-width);height:var(--van-action-bar-icon-height);color:var(--van-action-bar-icon-text-color);font-size:var(--van-action-bar-icon-font-size);line-height:1;text-align:center;background:var(--van-action-bar-icon-background-color);cursor:pointer}.van-action-bar-icon:active{background-color:var(--van-action-bar-icon-active-color)}.van-action-bar-icon__icon{margin:0 auto var(--van-padding-base);color:var(--van-action-bar-icon-color);font-size:var(--van-action-bar-icon-size)}

package/es/action-bar-icon/index.less

@@ -21,7 +21,7 @@
   font-size: var(--van-action-bar-icon-font-size);
   line-height: 1;
   text-align: center;
-  background-color: var(--van-action-bar-icon-background-color);
+  background: var(--van-action-bar-icon-background-color);
   cursor: pointer;
 
   &:active {

package/es/action-sheet/ActionSheet.d.ts

@@ -1,4 +1,3 @@
-import { PropType } from 'vue';
 export declare type ActionSheetAction = {
     name?: string;
     color?: string;
@@ -16,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     duration: (NumberConstructor | StringConstructor)[];
-    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     lockScroll: {
         type: BooleanConstructor;
         default: true;
@@ -25,9 +24,9 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    beforeClose: PropType<import("../utils").Interceptor>;
-    overlayStyle: PropType<import("vue").CSSProperties>;
-    overlayClass: PropType<unknown>;
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
     closeOnClickOverlay: {
         type: BooleanConstructor;
@@ -39,9 +38,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    actions: PropType<ActionSheetAction[]>;
+    actions: {
+        type: import("vue").PropType<ActionSheetAction[]>;
+        default: () => never[];
+    };
     closeIcon: {
-        type: PropType<string>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     closeable: {
@@ -50,7 +52,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     cancelText: StringConstructor;
     description: StringConstructor;
-    closeOnPopstate: BooleanConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeOnClickAction: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
@@ -91,6 +96,7 @@ declare const _default: import("vue").DefineComponent<{
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;
+    actions: ActionSheetAction[];
     closeOnClickAction: boolean;
 } & {
     description?: string | undefined;
@@ -101,7 +107,6 @@ declare const _default: import("vue").DefineComponent<{
     beforeClose?: import("../utils").Interceptor | undefined;
     overlayStyle?: import("vue").CSSProperties | undefined;
     overlayClass?: unknown;
-    actions?: ActionSheetAction[] | undefined;
     cancelText?: string | undefined;
 }> & {
     onSelect?: ((...args: any[]) => any) | undefined;
@@ -119,6 +124,7 @@ declare const _default: import("vue").DefineComponent<{
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;
+    actions: ActionSheetAction[];
     closeOnClickAction: boolean;
 }>;
 export default _default;

package/es/action-sheet/ActionSheet.js

@@ -1,24 +1,25 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { nextTick, defineComponent } from 'vue'; // Utils
 
-import { pick, extend, truthProp, makeStringProp, createNamespace } from '../utils'; // Components
+import { pick, extend, truthProp, makeArrayProp, makeStringProp, createNamespace } from '../utils'; // Components
 
 import { Icon } from '../icon';
 import { Popup } from '../popup';
 import { Loading } from '../loading';
 import { popupSharedProps, popupSharedPropKeys } from '../popup/shared';
 var [name, bem] = createNamespace('action-sheet');
+var popupKeys = [...popupSharedPropKeys, 'round', 'closeOnPopstate', 'safeAreaInsetBottom'];
 export default defineComponent({
   name,
   props: extend({}, popupSharedProps, {
     title: String,
     round: truthProp,
-    actions: Array,
+    actions: makeArrayProp(),
     closeIcon: makeStringProp('cross'),
     closeable: truthProp,
     cancelText: String,
     description: String,
-    closeOnPopstate: Boolean,
+    closeOnPopstate: truthProp,
     closeOnClickAction: Boolean,
     safeAreaInsetBottom: truthProp
   }),
@@ -115,23 +116,14 @@ export default defineComponent({
       }
     };
 
-    var renderOptions = () => {
-      if (props.actions) {
-        return props.actions.map(renderOption);
-      }
-    };
-
     return () => _createVNode(Popup, _mergeProps({
       "class": bem(),
-      "round": props.round,
       "position": "bottom",
-      "safeAreaInsetBottom": props.safeAreaInsetBottom
-    }, pick(props, popupSharedPropKeys), {
-      'onUpdate:show': updateShow
-    }), {
+      "onUpdate:show": updateShow
+    }, pick(props, popupKeys)), {
       default: () => [renderHeader(), renderDescription(), _createVNode("div", {
         "class": bem('content')
-      }, [renderOptions(), slots.default == null ? void 0 : slots.default()]), renderCancel()]
+      }, [props.actions.map(renderOption), slots.default == null ? void 0 : slots.default()]), renderCancel()]
     });
   }
 

package/es/action-sheet/index.css

@@ -1 +1 @@
-:root{--van-action-sheet-max-height:80%;--van-action-sheet-header-height:48px;--van-action-sheet-header-font-size:var(--van-font-size-lg);--van-action-sheet-description-color:var(--van-gray-6);--van-action-sheet-description-font-size:var(--van-font-size-md);--van-action-sheet-description-line-height:var(--van-line-height-md);--van-action-sheet-item-background:var(--van-white);--van-action-sheet-item-font-size:var(--van-font-size-lg);--van-action-sheet-item-line-height:var(--van-line-height-lg);--van-action-sheet-item-text-color:var(--van-text-color);--van-action-sheet-item-disabled-text-color:var(--van-gray-5);--van-action-sheet-subname-color:var(--van-gray-6);--van-action-sheet-subname-font-size:var(--van-font-size-sm);--van-action-sheet-subname-line-height:var(--van-line-height-sm);--van-action-sheet-close-icon-size:22px;--van-action-sheet-close-icon-color:var(--van-gray-5);--van-action-sheet-close-icon-active-color:var(--van-gray-6);--van-action-sheet-close-icon-padding:0 var(--van-padding-md);--van-action-sheet-cancel-text-color:var(--van-gray-7);--van-action-sheet-cancel-padding-top:var(--van-padding-xs);--van-action-sheet-cancel-padding-color:var(--van-background-color);--van-action-sheet-loading-icon-size:22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color)}.van-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__cancel,.van-action-sheet__item{display:block;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background-color:var(--van-action-sheet-item-background);border:none;cursor:pointer}.van-action-sheet__cancel:active,.van-action-sheet__item:active{background-color:var(--van-active-color)}.van-action-sheet__item{line-height:var(--van-action-sheet-item-line-height)}.van-action-sheet__item--disabled,.van-action-sheet__item--loading{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--disabled:active,.van-action-sheet__item--loading:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height)}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background-color:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;font-weight:var(--van-font-weight-bold);font-size:var(--van-action-sheet-header-font-size);line-height:var(--van-action-sheet-header-height);text-align:center}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}.van-action-sheet__close{position:absolute;top:0;right:0;padding:var(--van-action-sheet-close-icon-padding);color:var(--van-action-sheet-close-icon-color);font-size:var(--van-action-sheet-close-icon-size);line-height:inherit}.van-action-sheet__close:active{color:var(--van-action-sheet-close-icon-active-color)}
+:root{--van-action-sheet-max-height:80%;--van-action-sheet-header-height:48px;--van-action-sheet-header-font-size:var(--van-font-size-lg);--van-action-sheet-description-color:var(--van-gray-6);--van-action-sheet-description-font-size:var(--van-font-size-md);--van-action-sheet-description-line-height:var(--van-line-height-md);--van-action-sheet-item-background:var(--van-white);--van-action-sheet-item-font-size:var(--van-font-size-lg);--van-action-sheet-item-line-height:var(--van-line-height-lg);--van-action-sheet-item-text-color:var(--van-text-color);--van-action-sheet-item-disabled-text-color:var(--van-gray-5);--van-action-sheet-subname-color:var(--van-gray-6);--van-action-sheet-subname-font-size:var(--van-font-size-sm);--van-action-sheet-subname-line-height:var(--van-line-height-sm);--van-action-sheet-close-icon-size:22px;--van-action-sheet-close-icon-color:var(--van-gray-5);--van-action-sheet-close-icon-active-color:var(--van-gray-6);--van-action-sheet-close-icon-padding:0 var(--van-padding-md);--van-action-sheet-cancel-text-color:var(--van-gray-7);--van-action-sheet-cancel-padding-top:var(--van-padding-xs);--van-action-sheet-cancel-padding-color:var(--van-background-color);--van-action-sheet-loading-icon-size:22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color)}.van-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__cancel,.van-action-sheet__item{display:block;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:var(--van-action-sheet-item-background);border:none;cursor:pointer}.van-action-sheet__cancel:active,.van-action-sheet__item:active{background-color:var(--van-active-color)}.van-action-sheet__item{line-height:var(--van-action-sheet-item-line-height)}.van-action-sheet__item--disabled,.van-action-sheet__item--loading{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--disabled:active,.van-action-sheet__item--loading:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height)}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;font-weight:var(--van-font-weight-bold);font-size:var(--van-action-sheet-header-font-size);line-height:var(--van-action-sheet-header-height);text-align:center}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}.van-action-sheet__close{position:absolute;top:0;right:0;padding:var(--van-action-sheet-close-icon-padding);color:var(--van-action-sheet-close-icon-color);font-size:var(--van-action-sheet-close-icon-size);line-height:inherit}.van-action-sheet__close:active{color:var(--van-action-sheet-close-icon-active-color)}

package/es/action-sheet/index.d.ts

@@ -29,7 +29,10 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
         type: BooleanConstructor;
         default: true;
     };
-    actions: import("vue").PropType<import("./ActionSheet").ActionSheetAction[]>;
+    actions: {
+        type: import("vue").PropType<import("./ActionSheet").ActionSheetAction[]>;
+        default: () => never[];
+    };
     closeIcon: {
         type: import("vue").PropType<string>;
         default: string;
@@ -40,7 +43,10 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     };
     cancelText: StringConstructor;
     description: StringConstructor;
-    closeOnPopstate: BooleanConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeOnClickAction: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
@@ -81,6 +87,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;
+    actions: import("./ActionSheet").ActionSheetAction[];
     closeOnClickAction: boolean;
 } & {
     description?: string | undefined;
@@ -91,7 +98,6 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     beforeClose?: import("../utils").Interceptor | undefined;
     overlayStyle?: import("vue").CSSProperties | undefined;
     overlayClass?: unknown;
-    actions?: import("./ActionSheet").ActionSheetAction[] | undefined;
     cancelText?: string | undefined;
 }> & {
     onSelect?: ((...args: any[]) => any) | undefined;
@@ -109,6 +115,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;
+    actions: import("./ActionSheet").ActionSheetAction[];
     closeOnClickAction: boolean;
 }>>;
 export default ActionSheet;

package/es/action-sheet/index.less

@@ -45,7 +45,7 @@
     width: 100%;
     padding: 14px var(--van-padding-md);
     font-size: var(--van-action-sheet-item-font-size);
-    background-color: var(--van-action-sheet-item-background);
+    background: var(--van-action-sheet-item-background);
     border: none;
     cursor: pointer;
 
@@ -91,7 +91,7 @@
   &__gap {
     display: block;
     height: var(--van-action-sheet-cancel-padding-top);
-    background-color: var(--van-action-sheet-cancel-padding-color);
+    background: var(--van-action-sheet-cancel-padding-color);
   }
 
   &__header {

package/es/address-edit/AddressEdit.d.ts

@@ -98,7 +98,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(val: string) => boolean>;
         default: (value: string) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "cancel-delete" | "change-default")[], "focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "cancel-delete" | "change-default", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default")[], "focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     areaList?: unknown;
     isSaving?: unknown;
     isDeleting?: unknown;
@@ -153,7 +153,6 @@ declare const _default: import("vue").DefineComponent<{
     "onClick-area"?: ((...args: any[]) => any) | undefined;
     "onChange-area"?: ((...args: any[]) => any) | undefined;
     "onChange-detail"?: ((...args: any[]) => any) | undefined;
-    "onCancel-delete"?: ((...args: any[]) => any) | undefined;
     "onChange-default"?: ((...args: any[]) => any) | undefined;
 }, {
     isSaving: boolean;

package/es/address-edit/AddressEdit.js

@@ -11,7 +11,6 @@ import { Field } from '../field';
 import { Popup } from '../popup';
 import { Toast } from '../toast';
 import { Button } from '../button';
-import { Dialog } from '../dialog';
 import { Switch } from '../switch';
 import AddressEditDetail from './AddressEditDetail'; // Types
 
@@ -67,7 +66,7 @@ var props = {
 export default defineComponent({
   name,
   props,
-  emits: ['save', 'focus', 'delete', 'click-area', 'change-area', 'change-detail', 'cancel-delete', 'select-search', 'change-default'],
+  emits: ['save', 'focus', 'delete', 'click-area', 'change-area', 'change-detail', 'select-search', 'change-default'],
 
   setup(props, {
     emit,
@@ -207,11 +206,7 @@ export default defineComponent({
       emit('change-area', values);
     };
 
-    var onDelete = () => {
-      Dialog.confirm({
-        title: t('confirmDelete')
-      }).then(() => emit('delete', state.data)).catch(() => emit('cancel-delete', state.data));
-    }; // get values of area component
+    var onDelete = () => emit('delete', state.data); // get values of area component
 
 
     var getArea = () => areaRef.value ? areaRef.value.getValues() : []; // set area code to area component
@@ -351,7 +346,7 @@ export default defineComponent({
         "text": props.deleteButtonText || t('delete'),
         "onClick": onDelete
       }, null)]), [[_vShow, !hideBottomFields.value]]), _createVNode(Popup, {
-        'show': state.showAreaPopup,
+        "show": state.showAreaPopup,
         "onUpdate:show": $event => state.showAreaPopup = $event,
         "round": true,
         "teleport": "body",

package/es/address-edit/AddressEditDetail.js

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, Fragment as _Fragment, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
+import { Fragment as _Fragment, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 import { ref, defineComponent } from 'vue'; // Utils
 
 import { createNamespace, numericProp } from '../utils'; // Components
@@ -71,7 +71,7 @@ export default defineComponent({
 
     return () => {
       if (props.show) {
-        return _createVNode(_Fragment, null, [_createVNode(Field, _mergeProps({
+        return _createVNode(_Fragment, null, [_createVNode(Field, {
           "autosize": true,
           "clearable": true,
           "ref": field,
@@ -85,10 +85,9 @@ export default defineComponent({
           "placeholder": t('placeholder'),
           "errorMessage": props.errorMessage,
           "onBlur": onBlur,
-          "onFocus": onFocus
-        }, {
-          'onUpdate:modelValue': onInput
-        }), null), renderSearchResult()]);
+          "onFocus": onFocus,
+          "onUpdate:modelValue": onInput
+        }, null), renderSearchResult()]);
       }
     };
   }

package/es/address-edit/index.css

@@ -1 +1 @@
-:root{--van-address-edit-padding:var(--van-padding-sm);--van-address-edit-buttons-padding:var(--van-padding-xl) var(--van-padding-base);--van-address-edit-button-margin-bottom:var(--van-padding-sm);--van-contact-edit-button-font-size:var(--van-font-size-lg)}.van-address-edit{padding:var(--van-address-edit-padding)}.van-address-edit__fields{overflow:hidden;border-radius:var(--van-padding-xs)}.van-address-edit__fields .van-field__label{width:4.1em}.van-address-edit__default{margin-top:var(--van-padding-sm);overflow:hidden;border-radius:var(--van-padding-xs)}.van-address-edit__buttons{padding:var(--van-address-edit-buttons-padding)}.van-address-edit__button{margin-bottom:var(--van-address-edit-button-margin-bottom);font-size:var(--van-address-edit-button-font-size)}.van-address-edit-detail__search-item{background-color:var(--van-gray-2)}.van-address-edit-detail__keyword{color:var(--van-danger-color)}
+:root{--van-address-edit-padding:var(--van-padding-sm);--van-address-edit-buttons-padding:var(--van-padding-xl) var(--van-padding-base);--van-address-edit-button-margin-bottom:var(--van-padding-sm);--van-address-edit-button-font-size:var(--van-font-size-lg)}.van-address-edit{padding:var(--van-address-edit-padding)}.van-address-edit__fields{overflow:hidden;border-radius:var(--van-padding-xs)}.van-address-edit__fields .van-field__label{width:4.1em}.van-address-edit__default{margin-top:var(--van-padding-sm);overflow:hidden;border-radius:var(--van-padding-xs)}.van-address-edit__buttons{padding:var(--van-address-edit-buttons-padding)}.van-address-edit__button{margin-bottom:var(--van-address-edit-button-margin-bottom);font-size:var(--van-address-edit-button-font-size)}.van-address-edit-detail__search-item{background:var(--van-gray-2)}.van-address-edit-detail__keyword{color:var(--van-danger-color)}

package/es/address-edit/index.d.ts

@@ -46,7 +46,7 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<(val: string) => boolean>;
         default: (value: string) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "cancel-delete" | "change-default")[], "focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "cancel-delete" | "change-default", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default")[], "focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     areaList?: unknown;
     isSaving?: unknown;
     isDeleting?: unknown;
@@ -101,7 +101,6 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
     "onClick-area"?: ((...args: any[]) => any) | undefined;
     "onChange-area"?: ((...args: any[]) => any) | undefined;
     "onChange-detail"?: ((...args: any[]) => any) | undefined;
-    "onCancel-delete"?: ((...args: any[]) => any) | undefined;
     "onChange-default"?: ((...args: any[]) => any) | undefined;
 }, {
     isSaving: boolean;

package/es/address-edit/index.less

@@ -4,7 +4,7 @@
   --van-address-edit-padding: @address-edit-padding;
   --van-address-edit-buttons-padding: @address-edit-buttons-padding;
   --van-address-edit-button-margin-bottom: @address-edit-button-margin-bottom;
-  --van-contact-edit-button-font-size: @address-edit-button-font-size;
+  --van-address-edit-button-font-size: @address-edit-button-font-size;
 }
 
 .van-address-edit {
@@ -36,7 +36,7 @@
 
   &-detail {
     &__search-item {
-      background-color: var(--van-gray-2);
+      background: var(--van-gray-2);
     }
 
     &__keyword {

package/es/address-edit/style/index.js

@@ -1,5 +1,4 @@
 import '../../style/base.css';
-import '../../action-bar/index.css';
 import '../../badge/index.css';
 import '../../icon/index.css';
 import '../../cell/index.css';
@@ -8,9 +7,7 @@ import '../../loading/index.css';
 import '../../switch/index.css';
 import '../../picker/index.css';
 import '../../button/index.css';
-import '../../action-bar-button/index.css';
 import '../../overlay/index.css';
 import '../../popup/index.css';
-import '../../dialog/index.css';
 import '../../toast/index.css';
 import '../index.css';

package/es/address-edit/style/less.js

@@ -1,5 +1,4 @@
 import '../../style/base.less';
-import '../../action-bar/index.less';
 import '../../badge/index.less';
 import '../../icon/index.less';
 import '../../cell/index.less';
@@ -8,9 +7,7 @@ import '../../loading/index.less';
 import '../../switch/index.less';
 import '../../picker/index.less';
 import '../../button/index.less';
-import '../../action-bar-button/index.less';
 import '../../overlay/index.less';
 import '../../popup/index.less';
-import '../../dialog/index.less';
 import '../../toast/index.less';
 import '../index.less';

package/es/address-list/AddressList.js

@@ -25,16 +25,12 @@ export default defineComponent({
     emit
   }) {
     var renderItem = (item, index, disabled) => {
-      var onEdit = () => {
-        var name = disabled ? 'edit-disabled' : 'edit';
-        emit(name, item, index);
-      };
+      var onEdit = () => emit(disabled ? 'edit-disabled' : 'edit', item, index);
 
       var onClick = () => emit('click-item', item, index);
 
       var onSelect = () => {
-        var name = disabled ? 'select-disabled' : 'select';
-        emit(name, item, index);
+        emit(disabled ? 'select-disabled' : 'select', item, index);
 
         if (!disabled) {
           emit('update:modelValue', item.id);

package/es/badge/index.css

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

package/es/badge/index.less

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

package/es/calendar/Calendar.js

@@ -400,18 +400,22 @@ export default defineComponent({
       }
 
       if (props.showConfirm) {
-        var text = buttonDisabled.value ? props.confirmDisabledText : props.confirmText;
+        var slot = slots['confirm-text'];
+        var disabled = buttonDisabled.value;
+        var text = disabled ? props.confirmDisabledText : props.confirmText;
         return _createVNode(Button, {
           "round": true,
           "block": true,
           "type": "danger",
           "color": props.color,
           "class": bem('confirm'),
-          "disabled": buttonDisabled.value,
+          "disabled": disabled,
           "nativeType": "button",
           "onClick": onConfirm
         }, {
-          default: () => [text || t('confirm')]
+          default: () => [slot ? slot({
+            disabled
+          }) : text || t('confirm')]
         });
       }
     };
@@ -450,7 +454,7 @@ export default defineComponent({
     onMountedOrActivated(init);
     return () => {
       if (props.poppable) {
-        return _createVNode(Popup, _mergeProps({
+        return _createVNode(Popup, {
           "show": props.show,
           "class": bem('popup'),
           "round": props.round,
@@ -458,11 +462,10 @@ export default defineComponent({
           "closeable": props.showTitle || props.showSubtitle,
           "teleport": props.teleport,
           "closeOnPopstate": props.closeOnPopstate,
-          "closeOnClickOverlay": props.closeOnClickOverlay
+          "closeOnClickOverlay": props.closeOnClickOverlay,
+          "onUpdate:show": updateShow
         }, {
-          'onUpdate:show': updateShow
-        }), {
-          default: () => [renderCalendar()]
+          default: renderCalendar
         });
       }
 

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-color: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-color: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-color: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-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)}

package/es/calendar/index.less

@@ -32,7 +32,7 @@
   display: flex;
   flex-direction: column;
   height: 100%;
-  background-color: var(--van-calendar-background-color);
+  background: var(--van-calendar-background-color);
 
   &__popup {
     &.van-popup--top,
@@ -132,7 +132,7 @@
     &--multiple-middle,
     &--multiple-selected {
       color: var(--van-calendar-range-edge-color);
-      background-color: var(--van-calendar-range-edge-background-color);
+      background: var(--van-calendar-range-edge-background-color);
     }
 
     &--start {
@@ -194,7 +194,7 @@
     width: var(--van-calendar-selected-day-size);
     height: var(--van-calendar-selected-day-size);
     color: var(--van-calendar-selected-day-color);
-    background-color: var(--van-calendar-selected-day-background-color);
+    background: var(--van-calendar-selected-day-background-color);
     border-radius: var(--van-border-radius-md);
   }
 

package/es/card/index.css

@@ -1 +1 @@
-:root{--van-card-padding:var(--van-padding-xs) var(--van-padding-md);--van-card-font-size:var(--van-font-size-sm);--van-card-text-color:var(--van-text-color);--van-card-background-color:var(--van-background-color-light);--van-card-thumb-size:88px;--van-card-thumb-border-radius:var(--van-border-radius-lg);--van-card-title-line-height:16px;--van-card-desc-color:var(--van-gray-7);--van-card-desc-line-height:var(--van-line-height-md);--van-card-price-color:var(--van-gray-8);--van-card-origin-price-color:var(--van-gray-6);--van-card-num-color:var(--van-gray-6);--van-card-origin-price-font-size:var(--van-font-size-xs);--van-card-price-font-size:var(--van-font-size-sm);--van-card-price-integer-font-size:var(--van-font-size-lg);--van-card-price-font-family:var(--van-price-integer-font-family)}.van-card{position:relative;box-sizing:border-box;padding:var(--van-card-padding);color:var(--van-card-text-color);font-size:var(--van-card-font-size);background-color:var(--van-card-background-color)}.van-card:not(:first-child){margin-top:var(--van-padding-xs)}.van-card__header{display:flex}.van-card__thumb{position:relative;flex:none;width:var(--van-card-thumb-size);height:var(--van-card-thumb-size);margin-right:var(--van-padding-xs)}.van-card__thumb img{border-radius:var(--van-card-thumb-border-radius)}.van-card__content{position:relative;display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0;min-height:var(--van-card-thumb-size)}.van-card__content--centered{justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{max-height:32px;font-weight:var(--van-font-weight-bold);line-height:var(--van-card-title-line-height)}.van-card__desc{max-height:var(--van-card-desc-line-height);color:var(--van-card-desc-color);line-height:var(--van-card-desc-line-height)}.van-card__bottom{line-height:var(--van-line-height-md)}.van-card__price{display:inline-block;color:var(--van-card-price-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-card-price-font-size)}.van-card__price-integer{font-size:var(--van-card-price-integer-font-size);font-family:var(--van-card-price-font-family)}.van-card__price-decimal{font-family:var(--van-card-price-font-family)}.van-card__origin-price{display:inline-block;margin-left:5px;color:var(--van-card-origin-price-color);font-size:var(--van-card-origin-price-font-size);text-decoration:line-through}.van-card__num{float:right;color:var(--van-card-num-color)}.van-card__tag{position:absolute;top:2px;left:0}.van-card__footer{flex:none;text-align:right}.van-card__footer .van-button{margin-left:5px}
+:root{--van-card-padding:var(--van-padding-xs) var(--van-padding-md);--van-card-font-size:var(--van-font-size-sm);--van-card-text-color:var(--van-text-color);--van-card-background-color:var(--van-background-color-light);--van-card-thumb-size:88px;--van-card-thumb-border-radius:var(--van-border-radius-lg);--van-card-title-line-height:16px;--van-card-desc-color:var(--van-gray-7);--van-card-desc-line-height:var(--van-line-height-md);--van-card-price-color:var(--van-gray-8);--van-card-origin-price-color:var(--van-gray-6);--van-card-num-color:var(--van-gray-6);--van-card-origin-price-font-size:var(--van-font-size-xs);--van-card-price-font-size:var(--van-font-size-sm);--van-card-price-integer-font-size:var(--van-font-size-lg);--van-card-price-font-family:var(--van-price-integer-font-family)}.van-card{position:relative;box-sizing:border-box;padding:var(--van-card-padding);color:var(--van-card-text-color);font-size:var(--van-card-font-size);background:var(--van-card-background-color)}.van-card:not(:first-child){margin-top:var(--van-padding-xs)}.van-card__header{display:flex}.van-card__thumb{position:relative;flex:none;width:var(--van-card-thumb-size);height:var(--van-card-thumb-size);margin-right:var(--van-padding-xs)}.van-card__thumb img{border-radius:var(--van-card-thumb-border-radius)}.van-card__content{position:relative;display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0;min-height:var(--van-card-thumb-size)}.van-card__content--centered{justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{max-height:32px;font-weight:var(--van-font-weight-bold);line-height:var(--van-card-title-line-height)}.van-card__desc{max-height:var(--van-card-desc-line-height);color:var(--van-card-desc-color);line-height:var(--van-card-desc-line-height)}.van-card__bottom{line-height:var(--van-line-height-md)}.van-card__price{display:inline-block;color:var(--van-card-price-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-card-price-font-size)}.van-card__price-integer{font-size:var(--van-card-price-integer-font-size);font-family:var(--van-card-price-font-family)}.van-card__price-decimal{font-family:var(--van-card-price-font-family)}.van-card__origin-price{display:inline-block;margin-left:5px;color:var(--van-card-origin-price-color);font-size:var(--van-card-origin-price-font-size);text-decoration:line-through}.van-card__num{float:right;color:var(--van-card-num-color)}.van-card__tag{position:absolute;top:2px;left:0}.van-card__footer{flex:none;text-align:right}.van-card__footer .van-button{margin-left:5px}

package/es/card/index.less

@@ -25,7 +25,7 @@
   padding: var(--van-card-padding);
   color: var(--van-card-text-color);
   font-size: var(--van-card-font-size);
-  background-color: var(--van-card-background-color);
+  background: var(--van-card-background-color);
 
   &:not(:first-child) {
     margin-top: var(--van-padding-xs);