vant 3.6.14 → 3.6.16

package/lib/address-edit/AddressEdit.js

@@ -17,21 +17,17 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  addressEditProps: () => addressEditProps,
   default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
+var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use_expose = require("../composables/use-expose");
 var import_area = require("../area");
@@ -43,7 +39,6 @@ var import_toast = require("../toast");
 var import_button = require("../button");
 var import_switch = require("../switch");
 var import_AddressEditDetail = __toESM(require("./AddressEditDetail"));
-var import_utils2 = require("../area/utils");
 const [name, bem, t] = (0, import_utils.createNamespace)("address-edit");
 const DEFAULT_DATA = {
   name: "",
@@ -54,8 +49,10 @@ const DEFAULT_DATA = {
   province: "",
   areaCode: "",
   isDefault: false,
+  postalCode: "",
   addressDetail: ""
 };
+const isPostal = (value) => /^\d{6}$/.test(value);
 const addressEditProps = {
   areaList: Object,
   isSaving: Boolean,
@@ -64,6 +61,7 @@ const addressEditProps = {
   showArea: import_utils.truthProp,
   showDetail: import_utils.truthProp,
   showDelete: Boolean,
+  showPostal: Boolean,
   disableArea: Boolean,
   searchResult: Array,
   telMaxlength: import_utils.numericProp,
@@ -82,30 +80,35 @@ const addressEditProps = {
   telValidator: {
     type: Function,
     default: import_utils.isMobile
+  },
+  postalValidator: {
+    type: Function,
+    default: isPostal
   }
 };
-var stdin_default = (0, import_vue.defineComponent)({
+var stdin_default = (0, import_vue2.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
   }) {
-    const areaRef = (0, import_vue.ref)();
-    const data = (0, import_vue.reactive)({});
-    const showAreaPopup = (0, import_vue.ref)(false);
-    const detailFocused = (0, import_vue.ref)(false);
-    const areaListLoaded = (0, import_vue.computed)(() => (0, import_utils.isObject)(props.areaList) && Object.keys(props.areaList).length);
-    const areaText = (0, import_vue.computed)(() => {
+    const areaRef = (0, import_vue2.ref)();
+    const data = (0, import_vue2.reactive)({});
+    const showAreaPopup = (0, import_vue2.ref)(false);
+    const detailFocused = (0, import_vue2.ref)(false);
+    const areaListLoaded = (0, import_vue2.computed)(() => (0, import_utils.isObject)(props.areaList) && Object.keys(props.areaList).length);
+    const areaText = (0, import_vue2.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);
         }
@@ -113,24 +116,27 @@ var stdin_default = (0, import_vue.defineComponent)({
       }
       return "";
     });
-    const hideBottomFields = (0, import_vue.computed)(() => {
+    const hideBottomFields = (0, import_vue2.computed)(() => {
       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;
+        (0, import_utils.extend)(data, detail);
+      }
+    };
     const onFocus = (key) => {
       detailFocused.value = key === "addressDetail";
       emit("focus", key);
     };
-    const onChange = (key, value) => {
-      emit("change", {
-        key,
-        value
-      });
-    };
-    const rules = (0, import_vue.computed)(() => {
+    const rules = (0, import_vue2.computed)(() => {
       const {
         validator,
-        telValidator
+        telValidator,
+        postalValidator
       } = props;
       const makeRule = (name2, emptyMessage) => ({
         validator: (value) => {
@@ -153,34 +159,38 @@ var stdin_default = (0, import_vue.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 === import_utils2.AREA_EMPTY_CODE)) {
-        (0, import_toast.showToast)(t("areaEmpty"));
+    const onAreaConfirm = (values) => {
+      values = values.filter(Boolean);
+      if (values.some((value) => !value.code)) {
+        (0, import_toast.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) {
+        (0, import_vue2.nextTick)(assignAreaValues);
+      }
     };
     const onDetailBlur = () => {
       setTimeout(() => {
@@ -196,30 +206,26 @@ var stdin_default = (0, import_vue.defineComponent)({
           "right-icon": () => (0, import_vue.createVNode)(import_switch.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 (0, import_vue.withDirectives)((0, import_vue.createVNode)(import_cell.Cell, {
           "center": true,
-          "border": false,
           "title": t("defaultAddress"),
           "class": bem("default")
         }, slots2), [[import_vue.vShow, !hideBottomFields.value]]);
       }
     };
     (0, import_use_expose.useExpose)({
+      getArea,
       setAreaCode,
       setAddressDetail
     });
-    (0, import_vue.watch)(() => props.addressInfo, (value) => {
+    (0, import_vue2.watch)(() => props.areaList, () => setAreaCode(data.areaCode));
+    (0, import_vue2.watch)(() => props.addressInfo, (value) => {
       (0, import_utils.extend)(data, DEFAULT_DATA, value);
-      (0, import_vue.nextTick)(() => {
-        var _a;
-        const options = (_a = areaRef.value) == null ? void 0 : _a.getSelectedOptions();
-        if (options && options.every((option) => option && option.value !== import_utils2.AREA_EMPTY_CODE)) {
-          assignAreaText(options);
-        }
-      });
+      setAreaCode(value.areaCode);
     }, {
       deep: true,
       immediate: true
@@ -238,7 +244,7 @@ var stdin_default = (0, import_vue.defineComponent)({
             "class": bem("fields")
           }, [(0, import_vue.createVNode)(import_field.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,
@@ -246,7 +252,7 @@ var stdin_default = (0, import_vue.defineComponent)({
             "onFocus": () => onFocus("name")
           }, null), (0, import_vue.createVNode)(import_field.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"),
@@ -259,11 +265,11 @@ var stdin_default = (0, import_vue.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), [[import_vue.vShow, props.showArea]]), (0, import_vue.createVNode)(import_AddressEditDetail.default, {
@@ -278,13 +284,22 @@ var stdin_default = (0, import_vue.defineComponent)({
             "onBlur": onDetailBlur,
             "onFocus": () => onFocus("addressDetail"),
             "onInput": onChangeDetail,
-            "onSelectSearch": (event) => emit("selectSearch", event)
-          }, null), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", {
+            "onSelect-search": (event) => emit("select-search", event)
+          }, null), props.showPostal && (0, import_vue.withDirectives)((0, import_vue.createVNode)(import_field.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), [[import_vue.vShow, !hideBottomFields.value]]), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", {
             "class": bem("buttons")
           }, [(0, import_vue.createVNode)(import_button.Button, {
             "block": true,
             "round": true,
-            "type": "primary",
+            "type": "danger",
             "text": props.saveButtonText || t("save"),
             "class": bem("button"),
             "loading": props.isSaving,
@@ -305,9 +320,8 @@ var stdin_default = (0, import_vue.defineComponent)({
             "lazyRender": false
           }, {
             default: () => [(0, import_vue.createVNode)(import_area.Area, {
-              "modelValue": data.areaCode,
-              "onUpdate:modelValue": ($event) => data.areaCode = $event,
               "ref": areaRef,
+              "value": data.areaCode,
               "loading": !areaListLoaded.value,
               "areaList": props.areaList,
               "columnsPlaceholder": props.areaColumnsPlaceholder,

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

@@ -1,7 +1,7 @@
 import { type PropType } from 'vue';
 import type { AddressEditSearchItem } from './types';
 import type { FieldRule } from '../field/types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     rows: (NumberConstructor | StringConstructor)[];
     value: StringConstructor;
@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     maxlength: (NumberConstructor | StringConstructor)[];
     searchResult: PropType<AddressEditSearchItem[]>;
     showSearchResult: BooleanConstructor;
-}>, () => import("vue/jsx-runtime").JSX.Element | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "selectSearch")[], "input" | "focus" | "blur" | "selectSearch", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "select-search")[], "input" | "focus" | "blur" | "select-search", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     rows: (NumberConstructor | StringConstructor)[];
     value: StringConstructor;
@@ -19,14 +19,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     maxlength: (NumberConstructor | StringConstructor)[];
     searchResult: PropType<AddressEditSearchItem[]>;
     showSearchResult: BooleanConstructor;
-}>> & Readonly<{
+}>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
-    onSelectSearch?: ((...args: any[]) => any) | undefined;
-}>, {
-    show: boolean;
+    "onSelect-search"?: ((...args: any[]) => any) | undefined;
+}, {
     focused: boolean;
+    show: boolean;
     showSearchResult: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/lib/address-edit/AddressEditDetail.js

@@ -21,12 +21,13 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
+var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_cell = require("../cell");
 var import_field = require("../field");
 const [name, bem] = (0, import_utils.createNamespace)("address-edit-detail");
 const t = (0, import_utils.createNamespace)("address-edit")[2];
-var stdin_default = (0, import_vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: {
     show: Boolean,
@@ -38,16 +39,24 @@ var stdin_default = (0, import_vue.defineComponent)({
     searchResult: Array,
     showSearchResult: Boolean
   },
-  emits: ["blur", "focus", "input", "selectSearch"],
+  emits: ["blur", "focus", "input", "select-search"],
   setup(props, {
     emit
   }) {
-    const field = (0, import_vue.ref)();
+    const field = (0, import_vue2.ref)();
     const showSearchResult = () => props.focused && props.searchResult && props.showSearchResult;
     const onSelect = (express) => {
-      emit("selectSearch", express);
+      emit("select-search", express);
       emit("input", `${express.address || ""} ${express.name || ""}`.trim());
     };
+    const renderSearchTitle = (express) => {
+      if (express.name) {
+        const text = express.name.replace(props.value, `<span class=${bem("keyword")}>${props.value}</span>`);
+        return (0, import_vue.createVNode)("div", {
+          "innerHTML": text
+        }, null);
+      }
+    };
     const renderSearchResult = () => {
       if (!showSearchResult()) {
         return;
@@ -57,14 +66,15 @@ var stdin_default = (0, import_vue.defineComponent)({
       } = props;
       return searchResult.map((express) => (0, import_vue.createVNode)(import_cell.Cell, {
         "clickable": true,
-        "key": (express.name || "") + (express.address || ""),
+        "key": express.name + express.address,
         "icon": "location-o",
-        "title": express.name,
         "label": express.address,
         "class": bem("search-item"),
         "border": false,
         "onClick": () => onSelect(express)
-      }, null));
+      }, {
+        title: () => renderSearchTitle(express)
+      }));
     };
     const onBlur = (event) => emit("blur", event);
     const onFocus = (event) => emit("focus", event);

package/lib/address-edit/index.css

@@ -1 +1 @@
-:root,:host{--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)}
+: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

@@ -1,5 +1,5 @@
 import { AddressEditProps } from './AddressEdit';
-export declare const AddressEdit: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const AddressEdit: import("../utils").WithInstall<import("vue").DefineComponent<{
     areaList: import("vue").PropType<import("..").AreaList>;
     isSaving: BooleanConstructor;
     isDeleting: BooleanConstructor;
@@ -13,6 +13,7 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
         default: true;
     };
     showDelete: BooleanConstructor;
+    showPostal: BooleanConstructor;
     disableArea: BooleanConstructor;
     searchResult: import("vue").PropType<import("./types").AddressEditSearchItem[]>;
     telMaxlength: (NumberConstructor | StringConstructor)[];
@@ -30,7 +31,7 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
         default: number;
     };
     areaColumnsPlaceholder: {
-        type: import("vue").PropType<T[]>;
+        type: import("vue").PropType<string[]>;
         default: () => never[];
     };
     addressInfo: {
@@ -41,7 +42,11 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<(val: string) => boolean>;
         default: typeof import("../utils").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<import("vue").ExtractPropTypes<{
+    postalValidator: {
+        type: import("vue").PropType<(val: string) => boolean>;
+        default: (value: string) => boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "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<import("vue").ExtractPropTypes<{
     areaList: import("vue").PropType<import("..").AreaList>;
     isSaving: BooleanConstructor;
     isDeleting: BooleanConstructor;
@@ -55,6 +60,7 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
         default: true;
     };
     showDelete: BooleanConstructor;
+    showPostal: BooleanConstructor;
     disableArea: BooleanConstructor;
     searchResult: import("vue").PropType<import("./types").AddressEditSearchItem[]>;
     telMaxlength: (NumberConstructor | StringConstructor)[];
@@ -72,7 +78,7 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
         default: number;
     };
     areaColumnsPlaceholder: {
-        type: import("vue").PropType<T[]>;
+        type: import("vue").PropType<string[]>;
         default: () => never[];
     };
     addressInfo: {
@@ -83,22 +89,26 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<(val: string) => boolean>;
         default: typeof import("../utils").isMobile;
     };
-}>> & Readonly<{
+    postalValidator: {
+        type: import("vue").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;
@@ -107,11 +117,11 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
     areaColumnsPlaceholder: string[];
     addressInfo: Partial<import("./types").AddressEditInfo>;
     telValidator: (val: string) => boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    postalValidator: (val: string) => boolean;
+}>>;
 export default AddressEdit;
-export { addressEditProps } from './AddressEdit';
 export type { AddressEditProps };
-export type { AddressEditInfo, AddressEditInstance, AddressEditThemeVars, AddressEditSearchItem, } from './types';
+export type { AddressEditInfo, AddressEditInstance, AddressEditSearchItem, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanAddressEdit: typeof AddressEdit;

package/lib/address-edit/index.js

@@ -17,10 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -28,12 +24,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   AddressEdit: () => AddressEdit,
-  addressEditProps: () => import_AddressEdit2.addressEditProps,
   default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_AddressEdit = __toESM(require("./AddressEdit"));
-var import_AddressEdit2 = require("./AddressEdit");
 const AddressEdit = (0, import_utils.withInstall)(import_AddressEdit.default);
 var stdin_default = AddressEdit;

package/lib/address-edit/index.less

@@ -0,0 +1,46 @@
+@import './var.less';
+
+:root {
+  --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-address-edit-button-font-size: @address-edit-button-font-size;
+}
+
+.van-address-edit {
+  padding: var(--van-address-edit-padding);
+
+  &__fields {
+    overflow: hidden;
+    border-radius: var(--van-padding-xs);
+
+    .van-field__label {
+      width: 4.1em;
+    }
+  }
+
+  &__default {
+    margin-top: var(--van-padding-sm);
+    overflow: hidden;
+    border-radius: var(--van-padding-xs);
+  }
+
+  &__buttons {
+    padding: var(--van-address-edit-buttons-padding);
+  }
+
+  &__button {
+    margin-bottom: var(--van-address-edit-button-margin-bottom);
+    font-size: var(--van-address-edit-button-font-size);
+  }
+
+  &-detail {
+    &__search-item {
+      background: var(--van-gray-2);
+    }
+
+    &__keyword {
+      color: var(--van-danger-color);
+    }
+  }
+}

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

@@ -5,15 +5,9 @@ require("../../cell/index.css");
 require("../../field/index.css");
 require("../../loading/index.css");
 require("../../switch/index.css");
+require("../../picker/index.css");
 require("../../button/index.css");
 require("../../overlay/index.css");
 require("../../popup/index.css");
 require("../../toast/index.css");
-require("../../sticky/index.css");
-require("../../swipe/index.css");
-require("../../swipe-item/index.css");
-require("../../tabs/index.css");
-require("../../tab/index.css");
-require("../../picker/index.css");
-require("../../picker-group/index.css");
 require("../index.css");

package/lib/address-edit/style/less.d.ts

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

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

@@ -0,0 +1,13 @@
+require("../../style/base.less");
+require("../../badge/index.less");
+require("../../icon/index.less");
+require("../../cell/index.less");
+require("../../field/index.less");
+require("../../loading/index.less");
+require("../../switch/index.less");
+require("../../picker/index.less");
+require("../../button/index.less");
+require("../../overlay/index.less");
+require("../../popup/index.less");
+require("../../toast/index.less");
+require("../index.less");

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

@@ -1,10 +1,11 @@
 import type { ComponentPublicInstance } from 'vue';
+import type { AreaColumnOption } from '../area';
 import type { AddressEditProps } from './AddressEdit';
-export type AddressEditSearchItem = {
-    name?: string;
-    address?: string;
+export declare type AddressEditSearchItem = {
+    name: string;
+    address: string;
 };
-export type AddressEditInfo = {
+export declare type AddressEditInfo = {
     tel: string;
     name: string;
     city: string;
@@ -13,16 +14,12 @@ export type AddressEditInfo = {
     province: string;
     areaCode: string;
     isDefault?: boolean;
+    postalCode?: string;
     addressDetail: string;
 };
-export type AddressEditExpose = {
+export declare type AddressEditExpose = {
+    getArea: () => AreaColumnOption[];
     setAreaCode: (code?: string | undefined) => void;
     setAddressDetail: (value: string) => void;
 };
-export type AddressEditInstance = ComponentPublicInstance<AddressEditProps, AddressEditExpose>;
-export type AddressEditThemeVars = {
-    addressEditPadding?: string;
-    addressEditButtonsPadding?: string;
-    addressEditButtonMarginBottom?: string;
-    addressEditButtonFontSize?: string;
-};
+export declare type AddressEditInstance = ComponentPublicInstance<AddressEditProps, AddressEditExpose>;

package/lib/address-edit/var.less

@@ -0,0 +1,6 @@
+@import '../style/var.less';
+
+@address-edit-padding: var(--van-padding-sm);
+@address-edit-buttons-padding: var(--van-padding-xl) var(--van-padding-base);
+@address-edit-button-margin-bottom: var(--van-padding-sm);
+@address-edit-button-font-size: var(--van-font-size-lg);