vant 3.2.4 → 3.2.8

package/lib/action-sheet/ActionSheet.js

@@ -18,30 +18,31 @@ var _shared = require("../popup/shared");
 // Utils
 // Components
 var [name, bem] = (0, _utils.createNamespace)('action-sheet');
+var actionSheetProps = (0, _utils.extend)({}, _shared.popupSharedProps, {
+  title: String,
+  round: _utils.truthProp,
+  actions: (0, _utils.makeArrayProp)(),
+  closeIcon: (0, _utils.makeStringProp)('cross'),
+  closeable: _utils.truthProp,
+  cancelText: String,
+  description: String,
+  closeOnPopstate: _utils.truthProp,
+  closeOnClickAction: Boolean,
+  safeAreaInsetBottom: _utils.truthProp
+});
+var popupInheritKeys = [..._shared.popupSharedPropKeys, 'round', 'closeOnPopstate', 'safeAreaInsetBottom'];
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: (0, _utils.extend)({}, _shared.popupSharedProps, {
-    title: String,
-    round: _utils.truthProp,
-    actions: Array,
-    closeable: _utils.truthProp,
-    cancelText: String,
-    description: String,
-    closeOnPopstate: Boolean,
-    closeOnClickAction: Boolean,
-    safeAreaInsetBottom: _utils.truthProp,
-    closeIcon: {
-      type: String,
-      default: 'cross'
-    }
-  }),
+  props: actionSheetProps,
   emits: ['select', 'cancel', 'update:show'],
 
-  setup(props, {
-    slots,
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      slots,
+      emit
+    } = _ref;
+
     var updateShow = show => emit('update:show', show);
 
     var onCancel = () => {
@@ -55,7 +56,7 @@ var _default = (0, _vue.defineComponent)({
           "class": bem('header')
         }, [props.title, props.closeable && (0, _vue.createVNode)(_icon.Icon, {
           "name": props.closeIcon,
-          "class": bem('close'),
+          "class": [bem('close'), _utils.HAPTICS_FEEDBACK],
           "onClick": onCancel
         }, null)]);
       }
@@ -129,23 +130,14 @@ var _default = (0, _vue.defineComponent)({
       }
     };
 
-    var renderOptions = () => {
-      if (props.actions) {
-        return props.actions.map(renderOption);
-      }
-    };
-
     return () => (0, _vue.createVNode)(_popup.Popup, (0, _vue.mergeProps)({
       "class": bem(),
-      "round": props.round,
       "position": "bottom",
-      "safeAreaInsetBottom": props.safeAreaInsetBottom
-    }, (0, _utils.pick)(props, _shared.popupSharedPropKeys), {
-      'onUpdate:show': updateShow
-    }), {
+      "onUpdate:show": updateShow
+    }, (0, _utils.pick)(props, popupInheritKeys)), {
       default: () => [renderHeader(), renderDescription(), (0, _vue.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/lib/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-text-color-2);--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-background-color-light);--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-text-color-3);--van-action-sheet-subname-color:var(--van-text-color-2);--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-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}

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

@@ -29,23 +29,29 @@ 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" | "update:show" | "cancel")[], "select" | "update:show" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: 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,10 +112,11 @@ 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;
-export type { ActionSheetAction } from './ActionSheet';
+export type { ActionSheetProps, ActionSheetAction } from './ActionSheet';

package/lib/action-sheet/index.less

@@ -18,7 +18,6 @@
   --van-action-sheet-subname-line-height: @action-sheet-subname-line-height;
   --van-action-sheet-close-icon-size: @action-sheet-close-icon-size;
   --van-action-sheet-close-icon-color: @action-sheet-close-icon-color;
-  --van-action-sheet-close-icon-active-color: @action-sheet-close-icon-active-color;
   --van-action-sheet-close-icon-padding: @action-sheet-close-icon-padding;
   --van-action-sheet-cancel-text-color: @action-sheet-cancel-text-color;
   --van-action-sheet-cancel-padding-top: @action-sheet-cancel-padding-top;
@@ -45,7 +44,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 +90,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 {
@@ -129,9 +128,5 @@
     color: var(--van-action-sheet-close-icon-color);
     font-size: var(--van-action-sheet-close-icon-size);
     line-height: inherit;
-
-    &:active {
-      color: var(--van-action-sheet-close-icon-active-color);
-    }
   }
 }

package/lib/action-sheet/var.less

@@ -3,20 +3,19 @@
 @action-sheet-max-height: 80%;
 @action-sheet-header-height: 48px;
 @action-sheet-header-font-size: var(--van-font-size-lg);
-@action-sheet-description-color: var(--van-gray-6);
+@action-sheet-description-color: var(--van-text-color-2);
 @action-sheet-description-font-size: var(--van-font-size-md);
 @action-sheet-description-line-height: var(--van-line-height-md);
-@action-sheet-item-background: var(--van-white);
+@action-sheet-item-background: var(--van-background-color-light);
 @action-sheet-item-font-size: var(--van-font-size-lg);
 @action-sheet-item-line-height: var(--van-line-height-lg);
 @action-sheet-item-text-color: var(--van-text-color);
-@action-sheet-item-disabled-text-color: var(--van-gray-5);
-@action-sheet-subname-color: var(--van-gray-6);
+@action-sheet-item-disabled-text-color: var(--van-text-color-3);
+@action-sheet-subname-color: var(--van-text-color-2);
 @action-sheet-subname-font-size: var(--van-font-size-sm);
 @action-sheet-subname-line-height: var(--van-line-height-sm);
 @action-sheet-close-icon-size: 22px;
 @action-sheet-close-icon-color: var(--van-gray-5);
-@action-sheet-close-icon-active-color: var(--van-gray-6);
 @action-sheet-close-icon-padding: 0 var(--van-padding-md);
 @action-sheet-cancel-text-color: var(--van-gray-7);
 @action-sheet-cancel-padding-top: var(--van-padding-xs);

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

@@ -2,8 +2,7 @@ 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: {
+declare const addressEditProps: {
     areaList: PropType<AreaList>;
     isSaving: BooleanConstructor;
     isDeleting: 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,14 +47,10 @@ 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>;
+export declare type AddressEditProps = ExtractPropTypes<typeof addressEditProps>;
 declare const _default: import("vue").DefineComponent<{
     areaList: PropType<AreaList>;
     isSaving: BooleanConstructor;
@@ -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/lib/address-edit/AddressEdit.js

@@ -21,8 +21,6 @@ var _toast = require("../toast");
 
 var _button = require("../button");
 
-var _dialog = require("../dialog");
-
 var _switch = require("../switch");
 
 var _AddressEditDetail = _interopRequireDefault(require("./AddressEditDetail"));
@@ -46,11 +44,9 @@ var DEFAULT_DATA = {
   addressDetail: ''
 };
 
-function isPostal(value) {
-  return /^\d{6}$/.test(value);
-}
+var isPostal = value => /^\d{6}$/.test(value);
 
-var props = {
+var addressEditProps = {
   areaList: Object,
   isSaving: Boolean,
   isDeleting: Boolean,
@@ -61,20 +57,15 @@ var props = {
   showPostal: Boolean,
   disableArea: Boolean,
   searchResult: Array,
-  telMaxlength: [Number, String],
+  telMaxlength: _utils.numericProp,
   showSetDefault: Boolean,
   saveButtonText: String,
   areaPlaceholder: String,
   deleteButtonText: String,
   showSearchResult: Boolean,
-  detailRows: {
-    type: [Number, String],
-    default: 1
-  },
-  detailMaxlength: {
-    type: [Number, String],
-    default: 200
-  },
+  detailRows: (0, _utils.makeNumericProp)(1),
+  detailMaxlength: (0, _utils.makeNumericProp)(200),
+  areaColumnsPlaceholder: (0, _utils.makeArrayProp)(),
   addressInfo: {
     type: Object,
     default: () => (0, _utils.extend)({}, DEFAULT_DATA)
@@ -86,22 +77,19 @@ var props = {
   postalValidator: {
     type: Function,
     default: isPostal
-  },
-  areaColumnsPlaceholder: {
-    type: Array,
-    default: () => []
   }
 };
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props,
-  emits: ['save', 'focus', 'delete', 'click-area', 'change-area', 'change-detail', 'cancel-delete', 'select-search', 'change-default'],
-
-  setup(props, {
-    emit,
-    slots
-  }) {
+  props: addressEditProps,
+  emits: ['save', 'focus', 'delete', 'click-area', 'change-area', 'change-detail', 'select-search', 'change-default'],
+
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var areaRef = (0, _vue.ref)();
     var state = (0, _vue.reactive)({
       data: {},
@@ -236,11 +224,7 @@ var _default = (0, _vue.defineComponent)({
       emit('change-area', values);
     };
 
-    var onDelete = () => {
-      _dialog.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
@@ -380,7 +364,7 @@ var _default = (0, _vue.defineComponent)({
         "text": props.deleteButtonText || t('delete'),
         "onClick": onDelete
       }, null)]), [[_vue.vShow, !hideBottomFields.value]]), (0, _vue.createVNode)(_popup.Popup, {
-        'show': state.showAreaPopup,
+        "show": state.showAreaPopup,
         "onUpdate:show": $event => state.showAreaPopup = $event,
         "round": true,
         "teleport": "body",

package/lib/address-edit/AddressEditDetail.js

@@ -21,17 +21,18 @@ var _default = (0, _vue.defineComponent)({
     show: Boolean,
     value: String,
     focused: Boolean,
-    detailRows: [Number, String],
+    detailRows: _utils.numericProp,
     searchResult: Array,
     errorMessage: String,
-    detailMaxlength: [Number, String],
+    detailMaxlength: _utils.numericProp,
     showSearchResult: Boolean
   },
   emits: ['blur', 'focus', 'input', 'select-search'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var field = (0, _vue.ref)();
 
     var showSearchResult = () => props.focused && props.searchResult && props.showSearchResult;
@@ -79,7 +80,7 @@ var _default = (0, _vue.defineComponent)({
 
     return () => {
       if (props.show) {
-        return (0, _vue.createVNode)(_vue.Fragment, null, [(0, _vue.createVNode)(_field.Field, (0, _vue.mergeProps)({
+        return (0, _vue.createVNode)(_vue.Fragment, null, [(0, _vue.createVNode)(_field.Field, {
           "autosize": true,
           "clearable": true,
           "ref": field,
@@ -93,10 +94,9 @@ var _default = (0, _vue.defineComponent)({
           "placeholder": t('placeholder'),
           "errorMessage": props.errorMessage,
           "onBlur": onBlur,
-          "onFocus": onFocus
-        }, {
-          'onUpdate:modelValue': onInput
-        }), null), renderSearchResult()]);
+          "onFocus": onFocus,
+          "onUpdate:modelValue": onInput
+        }, null), renderSearchResult()]);
       }
     };
   }

package/lib/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/lib/address-edit/index.d.ts

@@ -30,6 +30,10 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    areaColumnsPlaceholder: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
     addressInfo: {
         type: import("vue").PropType<Partial<import("./types").AddressEditInfo>>;
         default: () => import("./types").AddressEditInfo;
@@ -42,11 +46,7 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<(val: string) => boolean>;
         default: (value: string) => boolean;
     };
-    areaColumnsPlaceholder: {
-        type: import("vue").PropType<string[]>;
-        default: () => never[];
-    };
-}, () => 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;
@@ -65,10 +65,10 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
     showSearchResult?: unknown;
     detailRows?: unknown;
     detailMaxlength?: unknown;
+    areaColumnsPlaceholder?: unknown;
     addressInfo?: unknown;
     telValidator?: unknown;
     postalValidator?: unknown;
-    areaColumnsPlaceholder?: unknown;
 } & {
     isSaving: boolean;
     isDeleting: boolean;
@@ -81,10 +81,10 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
     showSearchResult: boolean;
     detailRows: string | number;
     detailMaxlength: string | number;
+    areaColumnsPlaceholder: string[];
     addressInfo: Partial<import("./types").AddressEditInfo>;
     telValidator: (val: string) => boolean;
     postalValidator: (val: string) => boolean;
-    areaColumnsPlaceholder: string[];
 } & {
     areaList?: import("..").AreaList | undefined;
     validator?: ((key: string, value: string) => string | undefined) | undefined;
@@ -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;
@@ -115,10 +114,10 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
     showSearchResult: boolean;
     detailRows: string | number;
     detailMaxlength: string | number;
+    areaColumnsPlaceholder: string[];
     addressInfo: Partial<import("./types").AddressEditInfo>;
     telValidator: (val: string) => boolean;
     postalValidator: (val: string) => boolean;
-    areaColumnsPlaceholder: string[];
 }>>;
 export default AddressEdit;
 export type { AddressEditProps };

package/lib/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/lib/address-edit/style/index.js

@@ -2,8 +2,6 @@
 
 require('../../style/base.css');
 
-require('../../action-bar/index.css');
-
 require('../../badge/index.css');
 
 require('../../icon/index.css');
@@ -20,14 +18,10 @@ require('../../picker/index.css');
 
 require('../../button/index.css');
 
-require('../../action-bar-button/index.css');
-
 require('../../overlay/index.css');
 
 require('../../popup/index.css');
 
-require('../../dialog/index.css');
-
 require('../../toast/index.css');
 
 require('../index.css');

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

@@ -2,8 +2,6 @@
 
 require('../../style/base.less');
 
-require('../../action-bar/index.less');
-
 require('../../badge/index.less');
 
 require('../../icon/index.less');
@@ -20,14 +18,10 @@ require('../../picker/index.less');
 
 require('../../button/index.less');
 
-require('../../action-bar-button/index.less');
-
 require('../../overlay/index.less');
 
 require('../../popup/index.less');
 
-require('../../dialog/index.less');
-
 require('../../toast/index.less');
 
 require('../index.less');