persagy-vant 0.0.21

package/es/address-edit/AddressEdit.mjs

@@ -0,0 +1,312 @@
+import { ref, watch, computed, nextTick, reactive, defineComponent, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } 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";
+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 { Toast } from "../toast/index.mjs";
+import { Button } from "../button/index.mjs";
+import { Switch } from "../switch/index.mjs";
+import AddressEditDetail from "./AddressEditDetail.mjs";
+const [name, bem, t] = createNamespace("address-edit");
+const DEFAULT_DATA = {
+  name: "",
+  tel: "",
+  city: "",
+  county: "",
+  country: "",
+  province: "",
+  areaCode: "",
+  isDefault: false,
+  postalCode: "",
+  addressDetail: ""
+};
+const isPostal = (value) => /^\d{6}$/.test(value);
+const addressEditProps = {
+  areaList: Object,
+  isSaving: Boolean,
+  isDeleting: Boolean,
+  validator: Function,
+  showArea: truthProp,
+  showDetail: truthProp,
+  showDelete: Boolean,
+  showPostal: Boolean,
+  disableArea: Boolean,
+  searchResult: Array,
+  telMaxlength: numericProp,
+  showSetDefault: Boolean,
+  saveButtonText: String,
+  areaPlaceholder: String,
+  deleteButtonText: String,
+  showSearchResult: Boolean,
+  detailRows: makeNumericProp(1),
+  detailMaxlength: makeNumericProp(200),
+  areaColumnsPlaceholder: makeArrayProp(),
+  addressInfo: {
+    type: Object,
+    default: () => extend({}, DEFAULT_DATA)
+  },
+  telValidator: {
+    type: Function,
+    default: isMobile
+  },
+  postalValidator: {
+    type: Function,
+    default: isPostal
+  }
+};
+var stdin_default = defineComponent({
+  name,
+  props: addressEditProps,
+  emits: ["save", "focus", "delete", "click-area", "change-area", "change-detail", "select-search", "change-default"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const areaRef = ref();
+    const data = reactive({});
+    const showAreaPopup = ref(false);
+    const detailFocused = ref(false);
+    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 = [country, province, city, county];
+        if (province && province === city) {
+          arr.splice(1, 1);
+        }
+        return arr.filter(Boolean).join("/");
+      }
+      return "";
+    });
+    const hideBottomFields = 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;
+        extend(data, detail);
+      }
+    };
+    const onFocus = (key) => {
+      detailFocused.value = key === "addressDetail";
+      emit("focus", key);
+    };
+    const rules = computed(() => {
+      const {
+        validator,
+        telValidator,
+        postalValidator
+      } = props;
+      const makeRule = (name2, emptyMessage) => ({
+        validator: (value) => {
+          if (validator) {
+            const message = validator(name2, value);
+            if (message) {
+              return message;
+            }
+          }
+          if (!value) {
+            return emptyMessage;
+          }
+          return true;
+        }
+      });
+      return {
+        name: [makeRule("name", t("nameEmpty"))],
+        tel: [makeRule("tel", t("telInvalid")), {
+          validator: telValidator,
+          message: t("telInvalid")
+        }],
+        areaCode: [makeRule("areaCode", t("areaEmpty"))],
+        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("change-detail", val);
+    };
+    const onAreaConfirm = (values) => {
+      values = values.filter(Boolean);
+      if (values.some((value) => !value.code)) {
+        Toast(t("areaEmpty"));
+      } else {
+        showAreaPopup.value = false;
+        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(() => {
+        detailFocused.value = false;
+      });
+    };
+    const setAddressDetail = (value) => {
+      data.addressDetail = value;
+    };
+    const renderSetDefaultCell = () => {
+      if (props.showSetDefault) {
+        const slots2 = {
+          "right-icon": () => _createVNode(Switch, {
+            "modelValue": data.isDefault,
+            "onUpdate:modelValue": ($event) => data.isDefault = $event,
+            "size": "24",
+            "onChange": (event) => emit("change-default", event)
+          }, null)
+        };
+        return _withDirectives(_createVNode(Cell, {
+          "center": true,
+          "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);
+      setAreaCode(value.areaCode);
+    }, {
+      deep: true,
+      immediate: true
+    });
+    return () => {
+      const {
+        disableArea
+      } = props;
+      return _createVNode(Form, {
+        "class": bem(),
+        "onSubmit": onSave
+      }, {
+        default: () => {
+          var _a;
+          return [_createVNode("div", {
+            "class": bem("fields")
+          }, [_createVNode(Field, {
+            "modelValue": data.name,
+            "onUpdate:modelValue": ($event) => data.name = $event,
+            "clearable": true,
+            "label": t("name"),
+            "rules": rules.value.name,
+            "placeholder": t("name"),
+            "onFocus": () => onFocus("name")
+          }, null), _createVNode(Field, {
+            "modelValue": data.tel,
+            "onUpdate:modelValue": ($event) => data.tel = $event,
+            "clearable": true,
+            "type": "tel",
+            "label": t("tel"),
+            "rules": rules.value.tel,
+            "maxlength": props.telMaxlength,
+            "placeholder": t("tel"),
+            "onFocus": () => onFocus("tel")
+          }, null), _withDirectives(_createVNode(Field, {
+            "readonly": true,
+            "label": t("area"),
+            "is-link": !disableArea,
+            "modelValue": areaText.value,
+            "rules": rules.value.areaCode,
+            "placeholder": props.areaPlaceholder || t("area"),
+            "onFocus": () => onFocus("areaCode"),
+            "onClick": () => {
+              emit("click-area");
+              showAreaPopup.value = !disableArea;
+            }
+          }, null), [[_vShow, props.showArea]]), _createVNode(AddressEditDetail, {
+            "show": props.showDetail,
+            "rows": props.detailRows,
+            "rules": rules.value.addressDetail,
+            "value": data.addressDetail,
+            "focused": detailFocused.value,
+            "maxlength": props.detailMaxlength,
+            "searchResult": props.searchResult,
+            "showSearchResult": props.showSearchResult,
+            "onBlur": onDetailBlur,
+            "onFocus": () => onFocus("addressDetail"),
+            "onInput": onChangeDetail,
+            "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",
+            "text": props.saveButtonText || t("save"),
+            "class": bem("button"),
+            "loading": props.isSaving,
+            "nativeType": "submit"
+          }, null), props.showDelete && _createVNode(Button, {
+            "block": true,
+            "round": true,
+            "class": bem("button"),
+            "loading": props.isDeleting,
+            "text": props.deleteButtonText || t("delete"),
+            "onClick": onDelete
+          }, null)]), [[_vShow, !hideBottomFields.value]]), _createVNode(Popup, {
+            "show": showAreaPopup.value,
+            "onUpdate:show": ($event) => showAreaPopup.value = $event,
+            "round": true,
+            "teleport": "body",
+            "position": "bottom",
+            "lazyRender": false
+          }, {
+            default: () => [_createVNode(Area, {
+              "ref": areaRef,
+              "value": data.areaCode,
+              "loading": !areaListLoaded.value,
+              "areaList": props.areaList,
+              "columnsPlaceholder": props.areaColumnsPlaceholder,
+              "onConfirm": onAreaConfirm,
+              "onCancel": () => {
+                showAreaPopup.value = false;
+              }
+            }, null)]
+          })];
+        }
+      });
+    };
+  }
+});
+export {
+  stdin_default as default
+};

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

@@ -0,0 +1,32 @@
+import { type PropType } from 'vue';
+import type { AddressEditSearchItem } from './types';
+import type { FieldRule } from '../field/types';
+declare const _default: import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    rows: (NumberConstructor | StringConstructor)[];
+    value: StringConstructor;
+    rules: PropType<FieldRule[]>;
+    focused: BooleanConstructor;
+    maxlength: (NumberConstructor | StringConstructor)[];
+    searchResult: PropType<AddressEditSearchItem[]>;
+    showSearchResult: BooleanConstructor;
+}, () => 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;
+    rules: PropType<FieldRule[]>;
+    focused: BooleanConstructor;
+    maxlength: (NumberConstructor | StringConstructor)[];
+    searchResult: PropType<AddressEditSearchItem[]>;
+    showSearchResult: BooleanConstructor;
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onSelect-search"?: ((...args: any[]) => any) | undefined;
+}, {
+    focused: boolean;
+    show: boolean;
+    showSearchResult: boolean;
+}>;
+export default _default;

package/es/address-edit/AddressEditDetail.mjs

@@ -0,0 +1,84 @@
+import { ref, defineComponent, createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { createNamespace, numericProp } from "../utils/index.mjs";
+import { Cell } from "../cell/index.mjs";
+import { Field } from "../field/index.mjs";
+const [name, bem] = createNamespace("address-edit-detail");
+const t = createNamespace("address-edit")[2];
+var stdin_default = defineComponent({
+  name,
+  props: {
+    show: Boolean,
+    rows: numericProp,
+    value: String,
+    rules: Array,
+    focused: Boolean,
+    maxlength: numericProp,
+    searchResult: Array,
+    showSearchResult: Boolean
+  },
+  emits: ["blur", "focus", "input", "select-search"],
+  setup(props, {
+    emit
+  }) {
+    const field = ref();
+    const showSearchResult = () => props.focused && props.searchResult && props.showSearchResult;
+    const onSelect = (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 _createVNode("div", {
+          "innerHTML": text
+        }, null);
+      }
+    };
+    const renderSearchResult = () => {
+      if (!showSearchResult()) {
+        return;
+      }
+      const {
+        searchResult
+      } = props;
+      return searchResult.map((express) => _createVNode(Cell, {
+        "clickable": true,
+        "key": express.name + express.address,
+        "icon": "location-o",
+        "label": express.address,
+        "class": bem("search-item"),
+        "border": false,
+        "onClick": () => onSelect(express)
+      }, {
+        title: () => renderSearchTitle(express)
+      }));
+    };
+    const onBlur = (event) => emit("blur", event);
+    const onFocus = (event) => emit("focus", event);
+    const onInput = (value) => emit("input", value);
+    return () => {
+      if (props.show) {
+        return _createVNode(_Fragment, null, [_createVNode(Field, {
+          "autosize": true,
+          "clearable": true,
+          "ref": field,
+          "class": bem(),
+          "rows": props.rows,
+          "type": "textarea",
+          "rules": props.rules,
+          "label": t("addressDetail"),
+          "border": !showSearchResult(),
+          "maxlength": props.maxlength,
+          "modelValue": props.value,
+          "placeholder": t("addressDetail"),
+          "onBlur": onBlur,
+          "onFocus": onFocus,
+          "onUpdate:modelValue": onInput
+        }, null), renderSearchResult()]);
+      }
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/address-edit/index.css

@@ -0,0 +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-address-edit-button-font-size: var(--van-font-size-lg)}.van-address-edit{padding:var(--van-address-edit-padding)}.van-address-edit__fields{overflow:hidden;border-radius:var(--van-padding-xs)}.van-address-edit__fields .van-field__label{width:4.1em}.van-address-edit__default{margin-top:var(--van-padding-sm);overflow:hidden;border-radius:var(--van-padding-xs)}.van-address-edit__buttons{padding:var(--van-address-edit-buttons-padding)}.van-address-edit__button{margin-bottom:var(--van-address-edit-button-margin-bottom);font-size:var(--van-address-edit-button-font-size)}.van-address-edit-detail__search-item{background:var(--van-gray-2)}.van-address-edit-detail__keyword{color:var(--van-danger-color)}

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

@@ -0,0 +1,129 @@
+import { AddressEditProps } from './AddressEdit';
+export declare const AddressEdit: import("../utils").WithInstall<import("vue").DefineComponent<{
+    areaList: import("vue").PropType<import("..").AreaList>;
+    isSaving: BooleanConstructor;
+    isDeleting: BooleanConstructor;
+    validator: import("vue").PropType<(key: string, value: string) => string | undefined>;
+    showArea: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showDetail: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showDelete: BooleanConstructor;
+    showPostal: BooleanConstructor;
+    disableArea: BooleanConstructor;
+    searchResult: import("vue").PropType<import("./types").AddressEditSearchItem[]>;
+    telMaxlength: (NumberConstructor | StringConstructor)[];
+    showSetDefault: BooleanConstructor;
+    saveButtonText: StringConstructor;
+    areaPlaceholder: StringConstructor;
+    deleteButtonText: StringConstructor;
+    showSearchResult: BooleanConstructor;
+    detailRows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    detailMaxlength: {
+        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;
+    };
+    telValidator: {
+        type: import("vue").PropType<(val: string) => boolean>;
+        default: typeof import("../utils").isMobile;
+    };
+    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;
+    validator: import("vue").PropType<(key: string, value: string) => string | undefined>;
+    showArea: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showDetail: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showDelete: BooleanConstructor;
+    showPostal: BooleanConstructor;
+    disableArea: BooleanConstructor;
+    searchResult: import("vue").PropType<import("./types").AddressEditSearchItem[]>;
+    telMaxlength: (NumberConstructor | StringConstructor)[];
+    showSetDefault: BooleanConstructor;
+    saveButtonText: StringConstructor;
+    areaPlaceholder: StringConstructor;
+    deleteButtonText: StringConstructor;
+    showSearchResult: BooleanConstructor;
+    detailRows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    detailMaxlength: {
+        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;
+    };
+    telValidator: {
+        type: import("vue").PropType<(val: string) => boolean>;
+        default: typeof import("../utils").isMobile;
+    };
+    postalValidator: {
+        type: import("vue").PropType<(val: string) => boolean>;
+        default: (value: string) => boolean;
+    };
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onSelect-search"?: ((...args: any[]) => any) | undefined;
+    onSave?: ((...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;
+    detailRows: string | number;
+    detailMaxlength: string | number;
+    areaColumnsPlaceholder: string[];
+    addressInfo: Partial<import("./types").AddressEditInfo>;
+    telValidator: (val: string) => boolean;
+    postalValidator: (val: string) => boolean;
+}>>;
+export default AddressEdit;
+export type { AddressEditProps };
+export type { AddressEditInfo, AddressEditInstance, AddressEditSearchItem, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanAddressEdit: typeof AddressEdit;
+    }
+}

package/es/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/es/address-edit/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _AddressEdit from "./AddressEdit.mjs";
+const AddressEdit = withInstall(_AddressEdit);
+var stdin_default = AddressEdit;
+export {
+  AddressEdit,
+  stdin_default as default
+};

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

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

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

@@ -0,0 +1,17 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../loading/index.css";
+import "../../switch/index.css";
+import "../../picker/index.css";
+import "../../button/index.css";
+import "../../overlay/index.css";
+import "../../popup/index.css";
+import "../../toast/index.css";
+import "../../checkbox-group/index.css";
+import "../../checkbox/index.css";
+import "../../radio-group/index.css";
+import "../../radio/index.css";
+import "../../cell/index.css";
+import "../../field/index.css";
+import "../index.css";

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

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

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

@@ -0,0 +1,17 @@
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../loading/index.less";
+import "../../switch/index.less";
+import "../../picker/index.less";
+import "../../button/index.less";
+import "../../overlay/index.less";
+import "../../popup/index.less";
+import "../../toast/index.less";
+import "../../checkbox-group/index.less";
+import "../../checkbox/index.less";
+import "../../radio-group/index.less";
+import "../../radio/index.less";
+import "../../cell/index.less";
+import "../../field/index.less";
+import "../index.less";

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

@@ -0,0 +1,25 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { AreaColumnOption } from '../area';
+import type { AddressEditProps } from './AddressEdit';
+export declare type AddressEditSearchItem = {
+    name: string;
+    address: string;
+};
+export declare type AddressEditInfo = {
+    tel: string;
+    name: string;
+    city: string;
+    county: string;
+    country: string;
+    province: string;
+    areaCode: string;
+    isDefault?: boolean;
+    postalCode?: string;
+    addressDetail: string;
+};
+export declare type AddressEditExpose = {
+    getArea: () => AreaColumnOption[];
+    setAreaCode: (code?: string | undefined) => void;
+    setAddressDetail: (value: string) => void;
+};
+export declare type AddressEditInstance = ComponentPublicInstance<AddressEditProps, AddressEditExpose>;