vant 3.2.2 → 3.2.6

package/es/action-bar/ActionBar.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
     safeAreaInsetBottom?: unknown;
 } & {
     safeAreaInsetBottom: boolean;
-} & {}> & {}, {
+} & {}>, {
     safeAreaInsetBottom: boolean;
 }>;
 export default _default;

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.d.ts

@@ -7,7 +7,7 @@ export declare const ActionBar: import("../utils").WithInstall<import("vue").Def
     safeAreaInsetBottom?: unknown;
 } & {
     safeAreaInsetBottom: boolean;
-} & {}> & {}, {
+} & {}>, {
     safeAreaInsetBottom: boolean;
 }>>;
 export default ActionBar;

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-button/ActionBarButton.d.ts

@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     to?: import("vue-router").RouteLocationRaw | undefined;
     color?: string | undefined;
     icon?: string | undefined;
-}> & {}, {
+}>, {
     replace: boolean;
     disabled: boolean;
     loading: boolean;

package/es/action-bar-button/index.d.ts

@@ -30,7 +30,7 @@ export declare const ActionBarButton: import("../utils").WithInstall<import("vue
     to?: import("vue-router").RouteLocationRaw | undefined;
     color?: string | undefined;
     icon?: string | undefined;
-}> & {}, {
+}>, {
     replace: boolean;
     disabled: boolean;
     loading: boolean;

package/es/action-bar-icon/ActionBarIcon.d.ts

@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{
     iconPrefix?: string | undefined;
     icon?: string | undefined;
     iconClass?: unknown;
-}> & {}, {
+}>, {
     replace: boolean;
     dot: boolean;
 }>;

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

@@ -1,6 +1,6 @@
-import { createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 import { defineComponent } from 'vue';
-import { extend, createNamespace, unknownProp } from '../utils';
+import { extend, createNamespace, unknownProp, numericProp } from '../utils';
 import { ACTION_BAR_KEY } from '../action-bar/ActionBar'; // Composables
 
 import { useParent } from '@vant/use';
@@ -16,7 +16,7 @@ export default defineComponent({
     text: String,
     icon: String,
     color: String,
-    badge: [Number, String],
+    badge: numericProp,
     iconClass: unknownProp,
     iconPrefix: String
   }),
@@ -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.d.ts

@@ -33,7 +33,7 @@ export declare const ActionBarIcon: import("../utils").WithInstall<import("vue")
     iconPrefix?: string | undefined;
     icon?: string | undefined;
     iconClass?: unknown;
-}> & {}, {
+}>, {
     replace: boolean;
     dot: boolean;
 }>>;

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,24 +38,30 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    actions: PropType<ActionSheetAction[]>;
+    actions: {
+        type: import("vue").PropType<ActionSheetAction[]>;
+        default: () => never[];
+    };
+    closeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     closeable: {
         type: BooleanConstructor;
         default: true;
     };
     cancelText: StringConstructor;
     description: StringConstructor;
-    closeOnPopstate: BooleanConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeOnClickAction: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
     };
-    closeIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show")[], "select" | "cancel" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "cancel")[], "select" | "update:show" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
     overlay?: unknown;
@@ -72,13 +77,13 @@ declare const _default: import("vue").DefineComponent<{
     title?: unknown;
     round?: unknown;
     actions?: unknown;
+    closeIcon?: unknown;
     closeable?: unknown;
     cancelText?: unknown;
     description?: unknown;
     closeOnPopstate?: unknown;
     closeOnClickAction?: unknown;
     safeAreaInsetBottom?: unknown;
-    closeIcon?: unknown;
 } & {
     round: boolean;
     safeAreaInsetBottom: boolean;
@@ -88,9 +93,10 @@ declare const _default: import("vue").DefineComponent<{
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
+    closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;
-    closeIcon: string;
+    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;
@@ -116,9 +121,10 @@ declare const _default: import("vue").DefineComponent<{
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
+    closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;
-    closeIcon: string;
+    actions: ActionSheetAction[];
     closeOnClickAction: boolean;
 }>;
 export default _default;

package/es/action-sheet/ActionSheet.js

@@ -1,29 +1,27 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { nextTick, defineComponent } from 'vue'; // Utils
 
-import { pick, extend, truthProp, 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,
-    closeIcon: {
-      type: String,
-      default: 'cross'
-    }
+    safeAreaInsetBottom: truthProp
   }),
   emits: ['select', 'cancel', 'update:show'],
 
@@ -118,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,24 +29,30 @@ 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;
+    };
     closeable: {
         type: BooleanConstructor;
         default: true;
     };
     cancelText: StringConstructor;
     description: StringConstructor;
-    closeOnPopstate: BooleanConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeOnClickAction: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
     };
-    closeIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show")[], "select" | "cancel" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "cancel")[], "select" | "update:show" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
     overlay?: unknown;
@@ -62,13 +68,13 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     title?: unknown;
     round?: unknown;
     actions?: unknown;
+    closeIcon?: unknown;
     closeable?: unknown;
     cancelText?: unknown;
     description?: unknown;
     closeOnPopstate?: unknown;
     closeOnClickAction?: unknown;
     safeAreaInsetBottom?: unknown;
-    closeIcon?: unknown;
 } & {
     round: boolean;
     safeAreaInsetBottom: boolean;
@@ -78,9 +84,10 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
+    closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;
-    closeIcon: string;
+    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;
@@ -106,9 +112,10 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
+    closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;
-    closeIcon: string;
+    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

@@ -2,7 +2,6 @@ import { PropType, ExtractPropTypes } from 'vue';
 import { isMobile } from '../utils';
 import { AreaList } from '../area';
 import type { AddressEditInfo, AddressEditSearchItem } from './types';
-declare function isPostal(value: string): boolean;
 declare const props: {
     areaList: PropType<AreaList>;
     isSaving: BooleanConstructor;
@@ -34,6 +33,10 @@ declare const props: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    areaColumnsPlaceholder: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
     addressInfo: {
         type: PropType<Partial<AddressEditInfo>>;
         default: () => AddressEditInfo;
@@ -44,11 +47,7 @@ declare const props: {
     };
     postalValidator: {
         type: PropType<(val: string) => boolean>;
-        default: typeof isPostal;
-    };
-    areaColumnsPlaceholder: {
-        type: PropType<string[]>;
-        default: () => never[];
+        default: (value: string) => boolean;
     };
 };
 export declare type AddressEditProps = ExtractPropTypes<typeof props>;
@@ -83,6 +82,10 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    areaColumnsPlaceholder: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
     addressInfo: {
         type: PropType<Partial<AddressEditInfo>>;
         default: () => AddressEditInfo;
@@ -93,13 +96,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     postalValidator: {
         type: PropType<(val: string) => boolean>;
-        default: typeof isPostal;
-    };
-    areaColumnsPlaceholder: {
-        type: PropType<string[]>;
-        default: () => never[];
+        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;
@@ -118,10 +117,10 @@ declare const _default: import("vue").DefineComponent<{
     showSearchResult?: unknown;
     detailRows?: unknown;
     detailMaxlength?: unknown;
+    areaColumnsPlaceholder?: unknown;
     addressInfo?: unknown;
     telValidator?: unknown;
     postalValidator?: unknown;
-    areaColumnsPlaceholder?: unknown;
 } & {
     isSaving: boolean;
     isDeleting: boolean;
@@ -134,10 +133,10 @@ declare const _default: import("vue").DefineComponent<{
     showSearchResult: boolean;
     detailRows: string | number;
     detailMaxlength: string | number;
+    areaColumnsPlaceholder: string[];
     addressInfo: Partial<AddressEditInfo>;
     telValidator: (val: string) => boolean;
     postalValidator: (val: string) => boolean;
-    areaColumnsPlaceholder: string[];
 } & {
     areaList?: AreaList | undefined;
     validator?: ((key: string, value: string) => string | undefined) | undefined;
@@ -154,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;
@@ -168,9 +166,9 @@ declare const _default: import("vue").DefineComponent<{
     showSearchResult: boolean;
     detailRows: string | number;
     detailMaxlength: string | number;
+    areaColumnsPlaceholder: string[];
     addressInfo: Partial<AddressEditInfo>;
     telValidator: (val: string) => boolean;
     postalValidator: (val: string) => boolean;
-    areaColumnsPlaceholder: string[];
 }>;
 export default _default;

package/es/address-edit/AddressEdit.js

@@ -1,7 +1,7 @@
 import { withDirectives as _withDirectives, vShow as _vShow, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 import { ref, watch, computed, nextTick, reactive, defineComponent } from 'vue'; // Utils
 
-import { extend, isObject, isMobile, truthProp, createNamespace } from '../utils'; // Composables
+import { extend, isObject, isMobile, truthProp, numericProp, makeArrayProp, makeNumericProp, createNamespace } from '../utils'; // Composables
 
 import { useExpose } from '../composables/use-expose'; // Components
 
@@ -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
 
@@ -29,9 +28,7 @@ var DEFAULT_DATA = {
   addressDetail: ''
 };
 
-function isPostal(value) {
-  return /^\d{6}$/.test(value);
-}
+var isPostal = value => /^\d{6}$/.test(value);
 
 var props = {
   areaList: Object,
@@ -44,20 +41,15 @@ var props = {
   showPostal: Boolean,
   disableArea: Boolean,
   searchResult: Array,
-  telMaxlength: [Number, String],
+  telMaxlength: numericProp,
   showSetDefault: Boolean,
   saveButtonText: String,
   areaPlaceholder: String,
   deleteButtonText: String,
   showSearchResult: Boolean,
-  detailRows: {
-    type: [Number, String],
-    default: 1
-  },
-  detailMaxlength: {
-    type: [Number, String],
-    default: 200
-  },
+  detailRows: makeNumericProp(1),
+  detailMaxlength: makeNumericProp(200),
+  areaColumnsPlaceholder: makeArrayProp(),
   addressInfo: {
     type: Object,
     default: () => extend({}, DEFAULT_DATA)
@@ -69,16 +61,12 @@ var props = {
   postalValidator: {
     type: Function,
     default: isPostal
-  },
-  areaColumnsPlaceholder: {
-    type: Array,
-    default: () => []
   }
 };
 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,
@@ -218,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
@@ -362,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,7 +1,7 @@
-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 } from '../utils'; // Components
+import { createNamespace, numericProp } from '../utils'; // Components
 
 import { Cell } from '../cell';
 import { Field } from '../field'; // Types
@@ -13,10 +13,10 @@ export default defineComponent({
     show: Boolean,
     value: String,
     focused: Boolean,
-    detailRows: [Number, String],
+    detailRows: numericProp,
     searchResult: Array,
     errorMessage: String,
-    detailMaxlength: [Number, String],
+    detailMaxlength: numericProp,
     showSearchResult: Boolean
   },
   emits: ['blur', 'focus', 'input', 'select-search'],
@@ -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)}