vant 3.6.14 → 3.6.16

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

@@ -1,4 +1,4 @@
-export declare const ActionSheet: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const ActionSheet: import("../utils").WithInstall<import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -6,7 +6,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
         default: true;
     };
     duration: (NumberConstructor | StringConstructor)[];
-    teleport: import("vue").PropType<import("vue").TeleportProps["to"]>;
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     lockScroll: {
         type: BooleanConstructor;
         default: true;
@@ -30,11 +30,11 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
         default: true;
     };
     actions: {
-        type: import("vue").PropType<T[]>;
+        type: import("vue").PropType<import("./ActionSheet").ActionSheetAction[]>;
         default: () => never[];
     };
     closeIcon: {
-        type: import("vue").PropType<T_1>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     closeable: {
@@ -52,7 +52,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
         type: BooleanConstructor;
         default: true;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show")[], "select" | "cancel" | "update:show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => 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").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -60,7 +60,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
         default: true;
     };
     duration: (NumberConstructor | StringConstructor)[];
-    teleport: import("vue").PropType<import("vue").TeleportProps["to"]>;
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     lockScroll: {
         type: BooleanConstructor;
         default: true;
@@ -84,11 +84,11 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
         default: true;
     };
     actions: {
-        type: import("vue").PropType<T[]>;
+        type: import("vue").PropType<import("./ActionSheet").ActionSheetAction[]>;
         default: () => never[];
     };
     closeIcon: {
-        type: import("vue").PropType<T_1>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     closeable: {
@@ -106,15 +106,15 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
         type: BooleanConstructor;
         default: true;
     };
-}>> & Readonly<{
+}>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     round: boolean;
+    safeAreaInsetBottom: boolean;
     overlay: boolean;
     show: boolean;
-    safeAreaInsetBottom: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
     transitionAppear: boolean;
@@ -124,11 +124,9 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     closeOnPopstate: boolean;
     actions: import("./ActionSheet").ActionSheetAction[];
     closeOnClickAction: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}>>;
 export default ActionSheet;
-export { actionSheetProps } from './ActionSheet';
 export type { ActionSheetProps, ActionSheetAction } from './ActionSheet';
-export type { ActionSheetThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanActionSheet: typeof ActionSheet;

package/es/action-sheet/index.less

@@ -0,0 +1,132 @@
+@import './var.less';
+@import '../style/mixins/hairline';
+
+:root {
+  --van-action-sheet-max-height: @action-sheet-max-height;
+  --van-action-sheet-header-height: @action-sheet-header-height;
+  --van-action-sheet-header-font-size: @action-sheet-header-font-size;
+  --van-action-sheet-description-color: @action-sheet-description-color;
+  --van-action-sheet-description-font-size: @action-sheet-description-font-size;
+  --van-action-sheet-description-line-height: @action-sheet-description-line-height;
+  --van-action-sheet-item-background: @action-sheet-item-background;
+  --van-action-sheet-item-font-size: @action-sheet-item-font-size;
+  --van-action-sheet-item-line-height: @action-sheet-item-line-height;
+  --van-action-sheet-item-text-color: @action-sheet-item-text-color;
+  --van-action-sheet-item-disabled-text-color: @action-sheet-item-disabled-text-color;
+  --van-action-sheet-subname-color: @action-sheet-subname-color;
+  --van-action-sheet-subname-font-size: @action-sheet-subname-font-size;
+  --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-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;
+  --van-action-sheet-cancel-padding-color: @action-sheet-cancel-padding-color;
+  --van-action-sheet-loading-icon-size: @action-sheet-loading-icon-size;
+}
+
+.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);
+
+  &__content {
+    flex: 1 auto;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  &__item,
+  &__cancel {
+    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;
+
+    &:active {
+      background-color: var(--van-active-color);
+    }
+  }
+
+  &__item {
+    line-height: var(--van-action-sheet-item-line-height);
+
+    &--loading,
+    &--disabled {
+      color: var(--van-action-sheet-item-disabled-text-color);
+
+      &:active {
+        background-color: var(--van-action-sheet-item-background);
+      }
+    }
+
+    &--disabled {
+      cursor: not-allowed;
+    }
+
+    &--loading {
+      cursor: default;
+    }
+  }
+
+  &__cancel {
+    flex-shrink: 0;
+    box-sizing: border-box;
+    color: var(--van-action-sheet-cancel-text-color);
+  }
+
+  &__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);
+  }
+
+  &__gap {
+    display: block;
+    height: var(--van-action-sheet-cancel-padding-top);
+    background: var(--van-action-sheet-cancel-padding-color);
+  }
+
+  &__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;
+  }
+
+  &__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;
+
+    &::after {
+      .hairline-bottom(var(--van-border-color), var(--van-padding-md), var(--van-padding-md));
+    }
+  }
+
+  &__loading-icon .van-loading__spinner {
+    width: var(--van-action-sheet-loading-icon-size);
+    height: var(--van-action-sheet-loading-icon-size);
+  }
+
+  &__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/es/action-sheet/index.mjs

@@ -2,9 +2,7 @@ import { withInstall } from "../utils/index.mjs";
 import _ActionSheet from "./ActionSheet.mjs";
 const ActionSheet = withInstall(_ActionSheet);
 var stdin_default = ActionSheet;
-import { actionSheetProps } from "./ActionSheet.mjs";
 export {
   ActionSheet,
-  actionSheetProps,
   stdin_default as default
 };

package/es/action-sheet/style/less.mjs

@@ -0,0 +1,7 @@
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../loading/index.less";
+import "../../overlay/index.less";
+import "../../popup/index.less";
+import "../index.less";

package/es/action-sheet/var.less

@@ -0,0 +1,23 @@
+@import '../style/var.less';
+
+@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-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-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-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-padding: 0 var(--van-padding-md);
+@action-sheet-cancel-text-color: var(--van-gray-7);
+@action-sheet-cancel-padding-top: var(--van-padding-xs);
+@action-sheet-cancel-padding-color: var(--van-background-color);
+@action-sheet-loading-icon-size: 22px;

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

@@ -2,7 +2,7 @@ import { type PropType, type ExtractPropTypes } from 'vue';
 import { isMobile } from '../utils';
 import { AreaList } from '../area';
 import type { AddressEditInfo, AddressEditSearchItem } from './types';
-export declare const addressEditProps: {
+declare const addressEditProps: {
     areaList: PropType<AreaList>;
     isSaving: BooleanConstructor;
     isDeleting: BooleanConstructor;
@@ -16,6 +16,7 @@ export declare const addressEditProps: {
         default: true;
     };
     showDelete: BooleanConstructor;
+    showPostal: BooleanConstructor;
     disableArea: BooleanConstructor;
     searchResult: PropType<AddressEditSearchItem[]>;
     telMaxlength: (NumberConstructor | StringConstructor)[];
@@ -33,7 +34,7 @@ export declare const addressEditProps: {
         default: number;
     };
     areaColumnsPlaceholder: {
-        type: PropType<T[]>;
+        type: PropType<string[]>;
         default: () => never[];
     };
     addressInfo: {
@@ -44,9 +45,13 @@ export declare const addressEditProps: {
         type: PropType<(val: string) => boolean>;
         default: typeof isMobile;
     };
+    postalValidator: {
+        type: PropType<(val: string) => boolean>;
+        default: (value: string) => boolean;
+    };
 };
-export type AddressEditProps = ExtractPropTypes<typeof addressEditProps>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+export declare type AddressEditProps = ExtractPropTypes<typeof addressEditProps>;
+declare const _default: import("vue").DefineComponent<{
     areaList: PropType<AreaList>;
     isSaving: BooleanConstructor;
     isDeleting: BooleanConstructor;
@@ -60,6 +65,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     showDelete: BooleanConstructor;
+    showPostal: BooleanConstructor;
     disableArea: BooleanConstructor;
     searchResult: PropType<AddressEditSearchItem[]>;
     telMaxlength: (NumberConstructor | StringConstructor)[];
@@ -77,7 +83,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: number;
     };
     areaColumnsPlaceholder: {
-        type: PropType<T[]>;
+        type: PropType<string[]>;
         default: () => never[];
     };
     addressInfo: {
@@ -88,7 +94,11 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<(val: string) => boolean>;
         default: typeof isMobile;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "focus" | "change" | "selectSearch" | "save" | "clickArea" | "changeArea" | "changeDetail" | "changeDefault")[], "delete" | "focus" | "change" | "selectSearch" | "save" | "clickArea" | "changeArea" | "changeDetail" | "changeDefault", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    postalValidator: {
+        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" | "change-default")[], "focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     areaList: PropType<AreaList>;
     isSaving: BooleanConstructor;
     isDeleting: BooleanConstructor;
@@ -102,6 +112,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     showDelete: BooleanConstructor;
+    showPostal: BooleanConstructor;
     disableArea: BooleanConstructor;
     searchResult: PropType<AddressEditSearchItem[]>;
     telMaxlength: (NumberConstructor | StringConstructor)[];
@@ -119,7 +130,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: number;
     };
     areaColumnsPlaceholder: {
-        type: PropType<T[]>;
+        type: PropType<string[]>;
         default: () => never[];
     };
     addressInfo: {
@@ -130,22 +141,26 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<(val: string) => boolean>;
         default: typeof isMobile;
     };
-}>> & Readonly<{
+    postalValidator: {
+        type: PropType<(val: string) => boolean>;
+        default: (value: string) => boolean;
+    };
+}>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-    onSelectSearch?: ((...args: any[]) => any) | undefined;
-    onDelete?: ((...args: any[]) => any) | undefined;
+    "onSelect-search"?: ((...args: any[]) => any) | undefined;
     onSave?: ((...args: any[]) => any) | undefined;
-    onClickArea?: ((...args: any[]) => any) | undefined;
-    onChangeArea?: ((...args: any[]) => any) | undefined;
-    onChangeDetail?: ((...args: any[]) => any) | undefined;
-    onChangeDefault?: ((...args: any[]) => any) | undefined;
-}>, {
+    onDelete?: ((...args: any[]) => any) | undefined;
+    "onClick-area"?: ((...args: any[]) => any) | undefined;
+    "onChange-area"?: ((...args: any[]) => any) | undefined;
+    "onChange-detail"?: ((...args: any[]) => any) | undefined;
+    "onChange-default"?: ((...args: any[]) => any) | undefined;
+}, {
     isSaving: boolean;
     isDeleting: boolean;
     showArea: boolean;
     showDetail: boolean;
     showDelete: boolean;
+    showPostal: boolean;
     disableArea: boolean;
     showSetDefault: boolean;
     showSearchResult: boolean;
@@ -154,5 +169,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     areaColumnsPlaceholder: string[];
     addressInfo: Partial<AddressEditInfo>;
     telValidator: (val: string) => boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    postalValidator: (val: string) => boolean;
+}>;
 export default _default;

package/es/address-edit/AddressEdit.mjs

@@ -1,4 +1,5 @@
-import { ref, watch, computed, nextTick, reactive, defineComponent, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from "vue";
+import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
+import { ref, watch, computed, nextTick, reactive, defineComponent } from "vue";
 import { extend, isObject, isMobile, truthProp, numericProp, makeArrayProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { useExpose } from "../composables/use-expose.mjs";
 import { Area } from "../area/index.mjs";
@@ -6,11 +7,10 @@ import { Cell } from "../cell/index.mjs";
 import { Form } from "../form/index.mjs";
 import { Field } from "../field/index.mjs";
 import { Popup } from "../popup/index.mjs";
-import { showToast } from "../toast/index.mjs";
+import { Toast } from "../toast/index.mjs";
 import { Button } from "../button/index.mjs";
 import { Switch } from "../switch/index.mjs";
 import AddressEditDetail from "./AddressEditDetail.mjs";
-import { AREA_EMPTY_CODE } from "../area/utils.mjs";
 const [name, bem, t] = createNamespace("address-edit");
 const DEFAULT_DATA = {
   name: "",
@@ -21,8 +21,10 @@ const DEFAULT_DATA = {
   province: "",
   areaCode: "",
   isDefault: false,
+  postalCode: "",
   addressDetail: ""
 };
+const isPostal = (value) => /^\d{6}$/.test(value);
 const addressEditProps = {
   areaList: Object,
   isSaving: Boolean,
@@ -31,6 +33,7 @@ const addressEditProps = {
   showArea: truthProp,
   showDetail: truthProp,
   showDelete: Boolean,
+  showPostal: Boolean,
   disableArea: Boolean,
   searchResult: Array,
   telMaxlength: numericProp,
@@ -49,12 +52,16 @@ const addressEditProps = {
   telValidator: {
     type: Function,
     default: isMobile
+  },
+  postalValidator: {
+    type: Function,
+    default: isPostal
   }
 };
 var stdin_default = defineComponent({
   name,
   props: addressEditProps,
-  emits: ["save", "focus", "change", "delete", "clickArea", "changeArea", "changeDetail", "selectSearch", "changeDefault"],
+  emits: ["save", "focus", "delete", "click-area", "change-area", "change-detail", "select-search", "change-default"],
   setup(props, {
     emit,
     slots
@@ -66,13 +73,14 @@ var stdin_default = defineComponent({
     const areaListLoaded = computed(() => isObject(props.areaList) && Object.keys(props.areaList).length);
     const areaText = computed(() => {
       const {
+        country,
         province,
         city,
         county,
         areaCode
       } = data;
       if (areaCode) {
-        const arr = [province, city, county];
+        const arr = [country, province, city, county];
         if (province && province === city) {
           arr.splice(1, 1);
         }
@@ -84,20 +92,23 @@ var stdin_default = defineComponent({
       var _a;
       return ((_a = props.searchResult) == null ? void 0 : _a.length) && detailFocused.value;
     });
+    const assignAreaValues = () => {
+      if (areaRef.value) {
+        const detail = areaRef.value.getArea();
+        detail.areaCode = detail.code;
+        delete detail.code;
+        extend(data, detail);
+      }
+    };
     const onFocus = (key) => {
       detailFocused.value = key === "addressDetail";
       emit("focus", key);
     };
-    const onChange = (key, value) => {
-      emit("change", {
-        key,
-        value
-      });
-    };
     const rules = computed(() => {
       const {
         validator,
-        telValidator
+        telValidator,
+        postalValidator
       } = props;
       const makeRule = (name2, emptyMessage) => ({
         validator: (value) => {
@@ -120,34 +131,38 @@ var stdin_default = defineComponent({
           message: t("telInvalid")
         }],
         areaCode: [makeRule("areaCode", t("areaEmpty"))],
-        addressDetail: [makeRule("addressDetail", t("addressEmpty"))]
+        addressDetail: [makeRule("addressDetail", t("addressEmpty"))],
+        postalCode: [makeRule("addressDetail", t("postalEmpty")), {
+          validator: postalValidator,
+          message: t("postalEmpty")
+        }]
       };
     });
     const onSave = () => emit("save", data);
     const onChangeDetail = (val) => {
       data.addressDetail = val;
-      emit("changeDetail", val);
-    };
-    const assignAreaText = (options) => {
-      data.province = options[0].text;
-      data.city = options[1].text;
-      data.county = options[2].text;
+      emit("change-detail", val);
     };
-    const onAreaConfirm = ({
-      selectedValues,
-      selectedOptions
-    }) => {
-      if (selectedValues.some((value) => value === AREA_EMPTY_CODE)) {
-        showToast(t("areaEmpty"));
+    const onAreaConfirm = (values) => {
+      values = values.filter(Boolean);
+      if (values.some((value) => !value.code)) {
+        Toast(t("areaEmpty"));
       } else {
         showAreaPopup.value = false;
-        assignAreaText(selectedOptions);
-        emit("changeArea", selectedOptions);
+        assignAreaValues();
+        emit("change-area", values);
       }
     };
     const onDelete = () => emit("delete", data);
+    const getArea = () => {
+      var _a;
+      return ((_a = areaRef.value) == null ? void 0 : _a.getValues()) || [];
+    };
     const setAreaCode = (code) => {
       data.areaCode = code || "";
+      if (code) {
+        nextTick(assignAreaValues);
+      }
     };
     const onDetailBlur = () => {
       setTimeout(() => {
@@ -163,30 +178,26 @@ var stdin_default = defineComponent({
           "right-icon": () => _createVNode(Switch, {
             "modelValue": data.isDefault,
             "onUpdate:modelValue": ($event) => data.isDefault = $event,
-            "onChange": (event) => emit("changeDefault", event)
+            "size": "24",
+            "onChange": (event) => emit("change-default", event)
           }, null)
         };
         return _withDirectives(_createVNode(Cell, {
           "center": true,
-          "border": false,
           "title": t("defaultAddress"),
           "class": bem("default")
         }, slots2), [[_vShow, !hideBottomFields.value]]);
       }
     };
     useExpose({
+      getArea,
       setAreaCode,
       setAddressDetail
     });
+    watch(() => props.areaList, () => setAreaCode(data.areaCode));
     watch(() => props.addressInfo, (value) => {
       extend(data, DEFAULT_DATA, value);
-      nextTick(() => {
-        var _a;
-        const options = (_a = areaRef.value) == null ? void 0 : _a.getSelectedOptions();
-        if (options && options.every((option) => option && option.value !== AREA_EMPTY_CODE)) {
-          assignAreaText(options);
-        }
-      });
+      setAreaCode(value.areaCode);
     }, {
       deep: true,
       immediate: true
@@ -205,7 +216,7 @@ var stdin_default = defineComponent({
             "class": bem("fields")
           }, [_createVNode(Field, {
             "modelValue": data.name,
-            "onUpdate:modelValue": [($event) => data.name = $event, (val) => onChange("name", val)],
+            "onUpdate:modelValue": ($event) => data.name = $event,
             "clearable": true,
             "label": t("name"),
             "rules": rules.value.name,
@@ -213,7 +224,7 @@ var stdin_default = defineComponent({
             "onFocus": () => onFocus("name")
           }, null), _createVNode(Field, {
             "modelValue": data.tel,
-            "onUpdate:modelValue": [($event) => data.tel = $event, (val) => onChange("tel", val)],
+            "onUpdate:modelValue": ($event) => data.tel = $event,
             "clearable": true,
             "type": "tel",
             "label": t("tel"),
@@ -226,11 +237,11 @@ var stdin_default = defineComponent({
             "label": t("area"),
             "is-link": !disableArea,
             "modelValue": areaText.value,
-            "rules": props.showArea ? rules.value.areaCode : void 0,
+            "rules": rules.value.areaCode,
             "placeholder": props.areaPlaceholder || t("area"),
             "onFocus": () => onFocus("areaCode"),
             "onClick": () => {
-              emit("clickArea");
+              emit("click-area");
               showAreaPopup.value = !disableArea;
             }
           }, null), [[_vShow, props.showArea]]), _createVNode(AddressEditDetail, {
@@ -245,13 +256,22 @@ var stdin_default = defineComponent({
             "onBlur": onDetailBlur,
             "onFocus": () => onFocus("addressDetail"),
             "onInput": onChangeDetail,
-            "onSelectSearch": (event) => emit("selectSearch", event)
-          }, null), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), _withDirectives(_createVNode("div", {
+            "onSelect-search": (event) => emit("select-search", event)
+          }, null), props.showPostal && _withDirectives(_createVNode(Field, {
+            "modelValue": data.postalCode,
+            "onUpdate:modelValue": ($event) => data.postalCode = $event,
+            "type": "tel",
+            "rules": rules.value.postalCode,
+            "label": t("postal"),
+            "maxlength": "6",
+            "placeholder": t("postal"),
+            "onFocus": () => onFocus("postalCode")
+          }, null), [[_vShow, !hideBottomFields.value]]), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), _withDirectives(_createVNode("div", {
             "class": bem("buttons")
           }, [_createVNode(Button, {
             "block": true,
             "round": true,
-            "type": "primary",
+            "type": "danger",
             "text": props.saveButtonText || t("save"),
             "class": bem("button"),
             "loading": props.isSaving,
@@ -272,9 +292,8 @@ var stdin_default = defineComponent({
             "lazyRender": false
           }, {
             default: () => [_createVNode(Area, {
-              "modelValue": data.areaCode,
-              "onUpdate:modelValue": ($event) => data.areaCode = $event,
               "ref": areaRef,
+              "value": data.areaCode,
               "loading": !areaListLoaded.value,
               "areaList": props.areaList,
               "columnsPlaceholder": props.areaColumnsPlaceholder,
@@ -290,6 +309,5 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  addressEditProps,
   stdin_default as default
 };