@nutui/nutui 3.1.22-beta.3 → 3.1.23-beta.0

package/dist/packages/_es/Address.js

@@ -1,145 +1,551 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a2, b2) => {
-  for (var prop in b2 || (b2 = {}))
-    if (__hasOwnProp.call(b2, prop))
-      __defNormalProp(a2, prop, b2[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b2)) {
-      if (__propIsEnum.call(b2, prop))
-        __defNormalProp(a2, prop, b2[prop]);
-    }
-  return a2;
-};
-var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref as e, computed as t, reactive as l, onMounted as s, watch as a, toRefs as i, nextTick as o, resolveComponent as n, openBlock as c, createBlock as r, withCtx as u, createElementVNode as d, withDirectives as v, createVNode as p, vShow as m, toDisplayString as y, createCommentVNode as f, createElementBlock as g, Fragment as h, renderList as b, normalizeClass as x, normalizeStyle as w, createTextVNode as k } from "vue";
-import { c as A } from "./component.js";
-import { popupProps as I } from "./Popup.js";
-import { _ as C } from "./plugin-vue_export-helper.js";
+import { ref, computed, reactive, onMounted, watch, toRefs, nextTick, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, withDirectives, createVNode, vShow, toDisplayString, createCommentVNode, createElementBlock, Fragment, renderList, normalizeClass, normalizeStyle, createTextVNode } from "vue";
+import { c as createComponent } from "./component.js";
+import { popupProps } from "./Popup.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 import "./OverLay.js";
 import "./Icon.js";
 import "./pxCheck.js";
-const { componentName: T, create: S, translate: N } = A("address"), E = S({ inheritAttrs: false, props: __spreadProps(__spreadValues({}, I), { modelValue: { type: Array, default: () => [] }, type: { type: String, default: "custom" }, customAddressTitle: { type: String, default: "" }, province: { type: Array, default: () => [] }, city: { type: Array, default: () => [] }, country: { type: Array, default: () => [] }, town: { type: Array, default: () => [] }, isShowCustomAddress: { type: Boolean, default: true }, existAddress: { type: Array, default: () => [] }, existAddressTitle: { type: String, default: "" }, customAndExistTitle: { type: String, default: "" }, defaultIcon: { type: String, default: "location2" }, selectedIcon: { type: String, default: "Check" }, closeBtnIcon: { type: String, default: "circle-close" }, backBtnIcon: { type: String, default: "left" }, height: { type: [String, Number], default: "200px" }, columnsPlaceholder: { type: [String, Array], default: "" } }), emits: ["update:visible", "update:modelValue", "type", "change", "selected", "close", "close-mask", "switch-module"], setup(n2, { emit: c2 }) {
-  const r2 = e(null), u2 = e(null), d2 = e(n2.visible), v2 = e(n2.type), p2 = e(0), m2 = e(["province", "city", "country", "town"]), y2 = e([""]), f2 = t(() => n2.type === "custom2"), g2 = (e2) => {
-    if (!Array.isArray(e2))
-      throw new TypeError("params muse be array.");
-    if (!e2.length)
-      return [];
-    e2.forEach((e3) => {
-      e3.title;
+const { componentName, create, translate } = createComponent("address");
+const _sfc_main = create({
+  inheritAttrs: false,
+  props: {
+    ...popupProps,
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    type: {
+      type: String,
+      default: "custom"
+    },
+    customAddressTitle: {
+      type: String,
+      default: ""
+    },
+    province: {
+      type: Array,
+      default: () => []
+    },
+    city: {
+      type: Array,
+      default: () => []
+    },
+    country: {
+      type: Array,
+      default: () => []
+    },
+    town: {
+      type: Array,
+      default: () => []
+    },
+    isShowCustomAddress: {
+      type: Boolean,
+      default: true
+    },
+    existAddress: {
+      type: Array,
+      default: () => []
+    },
+    existAddressTitle: {
+      type: String,
+      default: ""
+    },
+    customAndExistTitle: {
+      type: String,
+      default: ""
+    },
+    defaultIcon: {
+      type: String,
+      default: "location2"
+    },
+    selectedIcon: {
+      type: String,
+      default: "Check"
+    },
+    closeBtnIcon: {
+      type: String,
+      default: "circle-close"
+    },
+    backBtnIcon: {
+      type: String,
+      default: "left"
+    },
+    height: {
+      type: [String, Number],
+      default: "200px"
+    },
+    columnsPlaceholder: {
+      type: [String, Array],
+      default: ""
+    }
+  },
+  emits: ["update:visible", "update:modelValue", "type", "change", "selected", "close", "close-mask", "switch-module"],
+  setup(props, { emit }) {
+    const regionLine = ref(null);
+    const tabRegion = ref(null);
+    const showPopup = ref(props.visible);
+    const privateType = ref(props.type);
+    const tabIndex = ref(0);
+    const tabName = ref(["province", "city", "country", "town"]);
+    const tabNameDefault = ref([""]);
+    const isCustom2 = computed(() => props.type === "custom2");
+    const transformData = (data) => {
+      if (!Array.isArray(data))
+        throw new TypeError("params muse be array.");
+      if (!data.length)
+        return [];
+      data.forEach((item) => {
+        if (!item.title) {
+          console.error("[NutUI] <Address> \u8BF7\u68C0\u67E5\u6570\u7EC4\u9009\u9879\u7684 title \u503C\u662F\u5426\u6709\u8BBE\u7F6E ,title \u4E3A\u5FC5\u586B\u9879 .");
+          return;
+        }
+      });
+      const newData = [];
+      data = data.sort((a, b) => {
+        return a.title.localeCompare(b.title);
+      });
+      data.forEach((item) => {
+        const index2 = newData.findIndex((value) => value.title === item.title);
+        if (index2 <= -1) {
+          newData.push({
+            title: item.title,
+            list: [].concat(item)
+          });
+        } else {
+          newData[index2] = {
+            title: item.title,
+            list: newData[index2].list.concat(item)
+          };
+        }
+      });
+      return newData;
+    };
+    const regionList = reactive({
+      province: isCustom2.value ? transformData(props.province) : props.province,
+      city: isCustom2.value ? transformData(props.city) : props.city,
+      country: isCustom2.value ? transformData(props.country) : props.country,
+      town: isCustom2.value ? transformData(props.town) : props.town
+    });
+    const selectedRegion = reactive({
+      province: {},
+      city: {},
+      country: {},
+      town: {}
     });
-    const t2 = [];
-    return (e2 = e2.sort((e3, t3) => e3.title.localeCompare(t3.title))).forEach((e3) => {
-      const l2 = t2.findIndex((t3) => t3.title === e3.title);
-      l2 <= -1 ? t2.push({ title: e3.title, list: [].concat(e3) }) : t2[l2] = { title: e3.title, list: t2[l2].list.concat(e3) };
-    }), t2;
-  }, h2 = l({ province: f2.value ? g2(n2.province) : n2.province, city: f2.value ? g2(n2.city) : n2.city, country: f2.value ? g2(n2.country) : n2.country, town: f2.value ? g2(n2.town) : n2.town }), b2 = l({ province: {}, city: {}, country: {}, town: {} });
-  let x2 = l({});
-  const w2 = e("self"), k2 = e(20);
-  s(() => {
-    I2();
-  });
-  const A2 = () => {
-    if (n2.modelValue.length > 0) {
-      p2.value = n2.modelValue.length - 1;
-      for (let e2 = 0; e2 < n2.modelValue.length; e2++) {
-        if (h2[m2.value[e2]].length == 0) {
-          p2.value = e2 - 1;
-          break;
+    let selectedExistAddress = reactive({});
+    const closeWay = ref("self");
+    const lineDistance = ref(20);
+    onMounted(() => {
+      customPlaceholder();
+    });
+    const initCustomSelected = () => {
+      if (props.modelValue.length > 0) {
+        tabIndex.value = props.modelValue.length - 1;
+        for (let index2 = 0; index2 < props.modelValue.length; index2++) {
+          if (regionList[tabName.value[index2]].length == 0) {
+            tabIndex.value = index2 - 1;
+            break;
+          } else {
+            const val = props.modelValue[index2];
+            const arr = regionList[tabName.value[index2]];
+            if (privateType.value == "custom") {
+              selectedRegion[tabName.value[index2]] = arr.filter((item) => item.id == val)[0];
+            } else if (privateType.value == "custom2") {
+              let sumArr = [];
+              arr.map((item) => {
+                sumArr.push(...item.list);
+              });
+              selectedRegion[tabName.value[index2]] = sumArr.filter((item) => item.id == val)[0];
+            }
+          }
         }
-        {
-          const t2 = n2.modelValue[e2], l2 = h2[m2.value[e2]];
-          if (v2.value == "custom")
-            b2[m2.value[e2]] = l2.filter((e3) => e3.id == t2)[0];
-          else if (v2.value == "custom2") {
-            let s2 = [];
-            l2.map((e3) => {
-              s2.push(...e3.list);
-            }), b2[m2.value[e2]] = s2.filter((e3) => e3.id == t2)[0];
+        lineAnimation();
+      }
+    };
+    const customPlaceholder = () => {
+      let selectStr = translate("select");
+      let typeD = Object.prototype.toString.call(props.columnsPlaceholder || selectStr);
+      if (typeD == "[object String]") {
+        tabNameDefault.value = new Array(4).fill(props.columnsPlaceholder || selectStr);
+      } else if (typeD == "[object Array]") {
+        tabNameDefault.value = new Array(4).fill("");
+        tabNameDefault.value.forEach((val, index2) => {
+          if (props.columnsPlaceholder[index2]) {
+            tabNameDefault.value[index2] = props.columnsPlaceholder[index2];
+          } else {
+            tabNameDefault.value[index2] = selectStr;
           }
+        });
+      }
+    };
+    const getTabName = (item, index2) => {
+      if (item.name)
+        return item.name;
+      if (tabIndex.value < index2) {
+        return item.name;
+      } else {
+        return tabNameDefault.value[index2];
+      }
+    };
+    const handClose = (type = "self") => {
+      if (!props.closeBtnIcon)
+        return;
+      closeWay.value = type == "cross" ? "cross" : "self";
+      showPopup.value = false;
+    };
+    const clickOverlay = () => {
+      closeWay.value = "mask";
+    };
+    const lineAnimation = () => {
+      nextTick(() => {
+        const name = tabRegion.value && tabRegion.value.getElementsByClassName("active")[0];
+        if (name) {
+          const distance = name.offsetLeft;
+          lineDistance.value = distance ? distance : 20;
         }
+      });
+    };
+    const nextAreaList = (item) => {
+      const calBack = {
+        next: "",
+        value: "",
+        custom: tabName.value[tabIndex.value]
+      };
+      selectedRegion[tabName.value[tabIndex.value]] = item;
+      for (let i = tabIndex.value; i < 4; i++) {
+        selectedRegion[tabName.value[i + 1]] = {};
       }
-      S2();
-    }
-  }, I2 = () => {
-    let e2 = N("select"), t2 = Object.prototype.toString.call(n2.columnsPlaceholder || e2);
-    t2 == "[object String]" ? y2.value = new Array(4).fill(n2.columnsPlaceholder || e2) : t2 == "[object Array]" && (y2.value = new Array(4).fill(""), y2.value.forEach((t3, l2) => {
-      n2.columnsPlaceholder[l2] ? y2.value[l2] = n2.columnsPlaceholder[l2] : y2.value[l2] = e2;
-    }));
-  }, C2 = (e2, t2) => e2.name || p2.value < t2 ? e2.name : y2.value[t2], T2 = (e2 = "self") => {
-    n2.closeBtnIcon && (w2.value = e2 == "cross" ? "cross" : "self", d2.value = false);
-  }, S2 = () => {
-    o(() => {
-      const e2 = u2.value && u2.value.getElementsByClassName("active")[0];
-      if (e2) {
-        const t2 = e2.offsetLeft;
-        k2.value = t2 || 20;
+      if (tabIndex.value < 3) {
+        tabIndex.value = tabIndex.value + 1;
+        lineAnimation();
+        calBack.next = tabName.value[tabIndex.value];
+        calBack.value = item;
+        emit("change", calBack);
+      } else {
+        handClose();
+        emit("update:modelValue");
+      }
+    };
+    const changeRegionTab = (item, key, index2) => {
+      if (getTabName(item, index2)) {
+        tabIndex.value = index2;
+        lineAnimation();
+      }
+    };
+    const selectedExist = (item) => {
+      const copyExistAdd = props.existAddress;
+      let prevExistAdd = {};
+      copyExistAdd.forEach((list, index2) => {
+        if (list && list.selectedAddress) {
+          prevExistAdd = list;
+        }
+        list.selectedAddress = false;
+      });
+      item.selectedAddress = true;
+      selectedExistAddress = item;
+      emit("selected", prevExistAdd, item, copyExistAdd);
+      handClose();
+    };
+    const initAddress = () => {
+      for (let i = 0; i < tabName.value.length; i++) {
+        selectedRegion[tabName.value[i]] = {};
+      }
+      tabIndex.value = 0;
+      lineAnimation();
+    };
+    const close = () => {
+      const resCopy = Object.assign({
+        addressIdStr: "",
+        addressStr: ""
+      }, selectedRegion);
+      const res = {
+        data: {},
+        type: privateType.value
+      };
+      if (privateType.value == "custom" || privateType.value == "custom2") {
+        const { province, city, country, town } = resCopy;
+        resCopy.addressIdStr = [
+          province.id || 0,
+          city.id || 0,
+          country.id || 0,
+          town.id || 0
+        ].join("_");
+        resCopy.addressStr = [
+          province.name,
+          city.name,
+          country.name,
+          town.name
+        ].join("");
+        res.data = resCopy;
+      } else {
+        res.data = selectedExistAddress;
+      }
+      initAddress();
+      if (closeWay.value == "self") {
+        emit("close", res);
+      } else {
+        emit("close-mask", { closeWay });
+      }
+      emit("update:visible", false);
+    };
+    const switchModule = () => {
+      if (privateType.value == "exist") {
+        privateType.value = "custom";
+      } else {
+        privateType.value = "exist";
+      }
+      initAddress();
+      emit("switch-module", { type: privateType.value });
+    };
+    const handleElevatorItem = (key, item) => {
+      nextAreaList(item);
+    };
+    watch(() => props.visible, (value) => {
+      showPopup.value = value;
+    });
+    watch(() => showPopup.value, (value) => {
+      if (value == false) {
+        close();
+      } else {
+        initCustomSelected();
       }
     });
-  }, E2 = (e2) => {
-    const t2 = { next: "", value: "", custom: m2.value[p2.value] };
-    b2[m2.value[p2.value]] = e2;
-    for (let e3 = p2.value; e3 < 4; e3++)
-      b2[m2.value[e3 + 1]] = {};
-    p2.value < 3 ? (p2.value = p2.value + 1, S2(), t2.next = m2.value[p2.value], t2.value = e2, c2("change", t2)) : (T2(), c2("update:modelValue"));
-  }, j2 = () => {
-    for (let e2 = 0; e2 < m2.value.length; e2++)
-      b2[m2.value[e2]] = {};
-    p2.value = 0, S2();
-  }, R2 = () => {
-    const e2 = Object.assign({ addressIdStr: "", addressStr: "" }, b2), t2 = { data: {}, type: v2.value };
-    if (v2.value == "custom" || v2.value == "custom2") {
-      const { province: l2, city: s2, country: a2, town: i2 } = e2;
-      e2.addressIdStr = [l2.id || 0, s2.id || 0, a2.id || 0, i2.id || 0].join("_"), e2.addressStr = [l2.name, s2.name, a2.name, i2.name].join(""), t2.data = e2;
-    } else
-      t2.data = x2;
-    j2(), w2.value == "self" ? c2("close", t2) : c2("close-mask", { closeWay: w2 }), c2("update:visible", false);
-  };
-  return a(() => n2.visible, (e2) => {
-    d2.value = e2;
-  }), a(() => d2.value, (e2) => {
-    e2 == 0 ? R2() : A2();
-  }), a(() => n2.province, (e2) => {
-    h2.province = f2.value ? g2(e2) : e2;
-  }), a(() => n2.city, (e2) => {
-    h2.city = f2.value ? g2(e2) : e2;
-  }), a(() => n2.country, (e2) => {
-    h2.country = f2.value ? g2(e2) : e2;
-  }), a(() => n2.town, (e2) => {
-    h2.town = f2.value ? g2(e2) : e2;
-  }), a(() => n2.existAddress, (e2) => {
-    e2.forEach((e3, t2) => {
-      e3.selectedAddress && (x2 = e3);
+    watch(() => props.province, (value) => {
+      regionList.province = isCustom2.value ? transformData(value) : value;
     });
-  }), __spreadProps(__spreadValues({ showPopup: d2, privateType: v2, tabIndex: p2, tabName: m2, regionList: h2, selectedRegion: b2, selectedExistAddress: x2, switchModule: () => {
-    v2.value == "exist" ? v2.value = "custom" : v2.value = "exist", j2(), c2("switch-module", { type: v2.value });
-  }, closeWay: w2, close: R2, getTabName: C2, nextAreaList: E2, regionLine: r2, tabRegion: u2, lineDistance: k2, changeRegionTab: (e2, t2, l2) => {
-    C2(e2, l2) && (p2.value = l2, S2());
-  }, selectedExist: (e2) => {
-    const t2 = n2.existAddress;
-    let l2 = {};
-    t2.forEach((e3, t3) => {
-      e3 && e3.selectedAddress && (l2 = e3), e3.selectedAddress = false;
-    }), e2.selectedAddress = true, x2 = e2, c2("selected", l2, e2, t2), T2();
-  }, clickOverlay: () => {
-    w2.value = "mask";
-  }, handClose: T2, handleElevatorItem: (e2, t2) => {
-    E2(t2);
-  }, initCustomSelected: A2 }, i(n2)), { translate: N });
-} }), j = { class: "nut-address" }, R = { class: "nut-address__header" }, L = { class: "nut-address__header__title" }, _ = { key: 0, class: "custom-address" }, B = { class: "region-tab", ref: "tabRegion" }, P = ["onClick"], O = { class: "region-con" }, V = { class: "region-group" }, W = ["onClick"], M = { key: 1, class: "custom-address" }, D = { class: "region-tab", ref: "tabRegion" }, z = ["onClick"], U = { class: "elevator-group" }, q = { key: 2, class: "exist-address" }, F = { class: "exist-address-group" }, G = { class: "exist-ul" }, H = ["onClick"], J = { class: "exist-item-info" }, K = { key: 0, class: "exist-item-info-top" }, Q = { class: "exist-item-info-name" }, X = { class: "exist-item-info-phone" }, Y = { class: "exist-item-info-bottom" }, Z = { class: "btn" };
-var $ = C(E, [["render", function(e2, t2, l2, s2, a2, i2) {
-  const o2 = n("nut-icon"), A2 = n("nut-elevator"), I2 = n("nut-popup");
-  return c(), r(I2, { position: "bottom", onClose: e2.close, onClickOverlay: e2.clickOverlay, onOpen: t2[3] || (t2[3] = (t3) => e2.closeWay = "self"), visible: e2.showPopup, "onUpdate:visible": t2[4] || (t2[4] = (t3) => e2.showPopup = t3), isWrapTeleport: e2.isWrapTeleport, teleport: e2.teleport }, { default: u(() => [d("view", j, [d("view", R, [d("view", { class: "arrow-back", onClick: t2[0] || (t2[0] = (...t3) => e2.switchModule && e2.switchModule(...t3)) }, [v(p(o2, { name: e2.backBtnIcon, color: "#cccccc" }, null, 8, ["name"]), [[m, e2.type == "exist" && e2.privateType == "custom" && e2.backBtnIcon]])]), d("view", L, y(e2.privateType == "custom" ? e2.customAddressTitle || e2.translate("selectRegion") : e2.existAddressTitle || e2.translate("deliveryTo")), 1), d("view", { class: "arrow-close", onClick: t2[1] || (t2[1] = (t3) => e2.handClose("cross")) }, [e2.closeBtnIcon ? (c(), r(o2, { key: 0, name: e2.closeBtnIcon, color: "#cccccc", size: "18px" }, null, 8, ["name"])) : f("", true)])]), e2.privateType == "custom" ? (c(), g("view", _, [d("view", B, [(c(true), g(h, null, b(e2.selectedRegion, (t3, l3, s3) => (c(), g("view", { class: x(["tab-item", [s3 == e2.tabIndex ? "active" : ""]]), key: s3, onClick: (a3) => e2.changeRegionTab(t3, l3, s3) }, [d("view", null, y(e2.getTabName(t3, s3)), 1)], 10, P))), 128)), d("view", { class: "region-tab-line", ref: "regionLine", style: w({ left: e2.lineDistance + "px" }) }, null, 4)], 512), d("view", O, [d("ul", V, [(c(true), g(h, null, b(e2.regionList[e2.tabName[e2.tabIndex]], (t3, l3) => (c(), g("li", { key: l3, class: x(["region-item", [e2.selectedRegion[e2.tabName[e2.tabIndex]].id == t3.id ? "active" : ""]]), onClick: (l4) => e2.nextAreaList(t3) }, [e2.selectedRegion[e2.tabName[e2.tabIndex]].id == t3.id ? (c(), r(o2, { key: 0, class: "region-item-icon", type: "self", name: e2.selectedIcon, size: "13px" }, null, 8, ["name"])) : f("", true), k(y(t3.name), 1)], 10, W))), 128))])])])) : e2.privateType == "custom2" ? (c(), g("view", M, [d("view", D, [(c(true), g(h, null, b(e2.selectedRegion, (t3, l3, s3) => (c(), g("view", { class: x(["tab-item", [s3 == e2.tabIndex ? "active" : ""]]), key: s3, onClick: (a3) => e2.changeRegionTab(t3, l3, s3) }, [d("view", null, y(e2.getTabName(t3, s3)), 1)], 10, z))), 128)), d("view", { class: "region-tab-line", ref: "regionLine", style: w({ left: e2.lineDistance + "px" }) }, null, 4)], 512), d("view", U, [p(A2, { height: e2.height, "index-list": e2.regionList[e2.tabName[e2.tabIndex]], onClickItem: e2.handleElevatorItem }, null, 8, ["height", "index-list", "onClickItem"])])])) : e2.privateType == "exist" ? (c(), g("view", q, [d("div", F, [d("ul", G, [(c(true), g(h, null, b(e2.existAddress, (t3, l3) => (c(), g("li", { class: x(["exist-item", [t3.selectedAddress ? "active" : ""]]), key: l3, onClick: (l4) => e2.selectedExist(t3) }, [p(o2, { class: "exist-item-icon", type: "self", name: t3.selectedAddress ? e2.selectedIcon : e2.defaultIcon, size: "13px" }, null, 8, ["name"]), d("div", J, [t3.name && t3.phone ? (c(), g("div", K, [d("div", Q, y(t3.name), 1), d("div", X, y(t3.phone), 1)])) : f("", true), d("div", Y, [d("view", null, y(t3.provinceName + t3.cityName + t3.countyName + t3.townName + t3.addressDetail), 1)])])], 10, H))), 128))])]), e2.isShowCustomAddress ? (c(), g("div", { key: 0, class: "choose-other", onClick: t2[2] || (t2[2] = (...t3) => e2.switchModule && e2.switchModule(...t3)) }, [d("div", Z, y(e2.customAndExistTitle || e2.translate("chooseAnotherAddress")), 1)])) : f("", true)])) : f("", true)])]), _: 1 }, 8, ["onClose", "onClickOverlay", "visible", "isWrapTeleport", "teleport"]);
-}]]);
-export { $ as default };
+    watch(() => props.city, (value) => {
+      regionList.city = isCustom2.value ? transformData(value) : value;
+    });
+    watch(() => props.country, (value) => {
+      regionList.country = isCustom2.value ? transformData(value) : value;
+    });
+    watch(() => props.town, (value) => {
+      regionList.town = isCustom2.value ? transformData(value) : value;
+    });
+    watch(() => props.existAddress, (value) => {
+      value.forEach((item, index2) => {
+        if (item.selectedAddress) {
+          selectedExistAddress = item;
+        }
+      });
+    });
+    return {
+      showPopup,
+      privateType,
+      tabIndex,
+      tabName,
+      regionList,
+      selectedRegion,
+      selectedExistAddress,
+      switchModule,
+      closeWay,
+      close,
+      getTabName,
+      nextAreaList,
+      regionLine,
+      tabRegion,
+      lineDistance,
+      changeRegionTab,
+      selectedExist,
+      clickOverlay,
+      handClose,
+      handleElevatorItem,
+      initCustomSelected,
+      ...toRefs(props),
+      translate
+    };
+  }
+});
+const _hoisted_1 = { class: "nut-address" };
+const _hoisted_2 = { class: "nut-address__header" };
+const _hoisted_3 = { class: "nut-address__header__title" };
+const _hoisted_4 = {
+  key: 0,
+  class: "custom-address"
+};
+const _hoisted_5 = {
+  class: "region-tab",
+  ref: "tabRegion"
+};
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { class: "region-con" };
+const _hoisted_8 = { class: "region-group" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = {
+  key: 1,
+  class: "custom-address"
+};
+const _hoisted_11 = {
+  class: "region-tab",
+  ref: "tabRegion"
+};
+const _hoisted_12 = ["onClick"];
+const _hoisted_13 = { class: "elevator-group" };
+const _hoisted_14 = {
+  key: 2,
+  class: "exist-address"
+};
+const _hoisted_15 = { class: "exist-address-group" };
+const _hoisted_16 = { class: "exist-ul" };
+const _hoisted_17 = ["onClick"];
+const _hoisted_18 = { class: "exist-item-info" };
+const _hoisted_19 = {
+  key: 0,
+  class: "exist-item-info-top"
+};
+const _hoisted_20 = { class: "exist-item-info-name" };
+const _hoisted_21 = { class: "exist-item-info-phone" };
+const _hoisted_22 = { class: "exist-item-info-bottom" };
+const _hoisted_23 = { class: "btn" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_nut_elevator = resolveComponent("nut-elevator");
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return openBlock(), createBlock(_component_nut_popup, {
+    position: "bottom",
+    "lock-scroll": _ctx.lockScroll,
+    onClose: _ctx.close,
+    onClickOverlay: _ctx.clickOverlay,
+    onOpen: _cache[3] || (_cache[3] = ($event) => _ctx.closeWay = "self"),
+    visible: _ctx.showPopup,
+    "onUpdate:visible": _cache[4] || (_cache[4] = ($event) => _ctx.showPopup = $event),
+    isWrapTeleport: _ctx.isWrapTeleport,
+    teleport: _ctx.teleport
+  }, {
+    default: withCtx(() => [
+      createElementVNode("view", _hoisted_1, [
+        createElementVNode("view", _hoisted_2, [
+          createElementVNode("view", {
+            class: "arrow-back",
+            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.switchModule && _ctx.switchModule(...args))
+          }, [
+            withDirectives(createVNode(_component_nut_icon, {
+              name: _ctx.backBtnIcon,
+              color: "#cccccc"
+            }, null, 8, ["name"]), [
+              [vShow, _ctx.type == "exist" && _ctx.privateType == "custom" && _ctx.backBtnIcon]
+            ])
+          ]),
+          createElementVNode("view", _hoisted_3, toDisplayString(_ctx.privateType == "custom" ? _ctx.customAddressTitle || _ctx.translate("selectRegion") : _ctx.existAddressTitle || _ctx.translate("deliveryTo")), 1),
+          createElementVNode("view", {
+            class: "arrow-close",
+            onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handClose("cross"))
+          }, [
+            _ctx.closeBtnIcon ? (openBlock(), createBlock(_component_nut_icon, {
+              key: 0,
+              name: _ctx.closeBtnIcon,
+              color: "#cccccc",
+              size: "18px"
+            }, null, 8, ["name"])) : createCommentVNode("", true)
+          ])
+        ]),
+        _ctx.privateType == "custom" ? (openBlock(), createElementBlock("view", _hoisted_4, [
+          createElementVNode("view", _hoisted_5, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selectedRegion, (item, key, index2) => {
+              return openBlock(), createElementBlock("view", {
+                class: normalizeClass(["tab-item", [index2 == _ctx.tabIndex ? "active" : ""]]),
+                key: index2,
+                onClick: ($event) => _ctx.changeRegionTab(item, key, index2)
+              }, [
+                createElementVNode("view", null, toDisplayString(_ctx.getTabName(item, index2)), 1)
+              ], 10, _hoisted_6);
+            }), 128)),
+            createElementVNode("view", {
+              class: "region-tab-line",
+              ref: "regionLine",
+              style: normalizeStyle({ left: _ctx.lineDistance + "px" })
+            }, null, 4)
+          ], 512),
+          createElementVNode("view", _hoisted_7, [
+            createElementVNode("ul", _hoisted_8, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.regionList[_ctx.tabName[_ctx.tabIndex]], (item, index2) => {
+                return openBlock(), createElementBlock("li", {
+                  key: index2,
+                  class: normalizeClass(["region-item", [_ctx.selectedRegion[_ctx.tabName[_ctx.tabIndex]].id == item.id ? "active" : ""]]),
+                  onClick: ($event) => _ctx.nextAreaList(item)
+                }, [
+                  _ctx.selectedRegion[_ctx.tabName[_ctx.tabIndex]].id == item.id ? (openBlock(), createBlock(_component_nut_icon, {
+                    key: 0,
+                    class: "region-item-icon",
+                    type: "self",
+                    name: _ctx.selectedIcon,
+                    size: "13px"
+                  }, null, 8, ["name"])) : createCommentVNode("", true),
+                  createTextVNode(toDisplayString(item.name), 1)
+                ], 10, _hoisted_9);
+              }), 128))
+            ])
+          ])
+        ])) : _ctx.privateType == "custom2" ? (openBlock(), createElementBlock("view", _hoisted_10, [
+          createElementVNode("view", _hoisted_11, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selectedRegion, (item, key, index2) => {
+              return openBlock(), createElementBlock("view", {
+                class: normalizeClass(["tab-item", [index2 == _ctx.tabIndex ? "active" : ""]]),
+                key: index2,
+                onClick: ($event) => _ctx.changeRegionTab(item, key, index2)
+              }, [
+                createElementVNode("view", null, toDisplayString(_ctx.getTabName(item, index2)), 1)
+              ], 10, _hoisted_12);
+            }), 128)),
+            createElementVNode("view", {
+              class: "region-tab-line",
+              ref: "regionLine",
+              style: normalizeStyle({ left: _ctx.lineDistance + "px" })
+            }, null, 4)
+          ], 512),
+          createElementVNode("view", _hoisted_13, [
+            createVNode(_component_nut_elevator, {
+              height: _ctx.height,
+              "index-list": _ctx.regionList[_ctx.tabName[_ctx.tabIndex]],
+              onClickItem: _ctx.handleElevatorItem
+            }, null, 8, ["height", "index-list", "onClickItem"])
+          ])
+        ])) : _ctx.privateType == "exist" ? (openBlock(), createElementBlock("view", _hoisted_14, [
+          createElementVNode("div", _hoisted_15, [
+            createElementVNode("ul", _hoisted_16, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.existAddress, (item, index2) => {
+                return openBlock(), createElementBlock("li", {
+                  class: normalizeClass(["exist-item", [item.selectedAddress ? "active" : ""]]),
+                  key: index2,
+                  onClick: ($event) => _ctx.selectedExist(item)
+                }, [
+                  createVNode(_component_nut_icon, {
+                    class: "exist-item-icon",
+                    type: "self",
+                    name: item.selectedAddress ? _ctx.selectedIcon : _ctx.defaultIcon,
+                    size: "13px"
+                  }, null, 8, ["name"]),
+                  createElementVNode("div", _hoisted_18, [
+                    item.name && item.phone ? (openBlock(), createElementBlock("div", _hoisted_19, [
+                      createElementVNode("div", _hoisted_20, toDisplayString(item.name), 1),
+                      createElementVNode("div", _hoisted_21, toDisplayString(item.phone), 1)
+                    ])) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_22, [
+                      createElementVNode("view", null, toDisplayString(item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail), 1)
+                    ])
+                  ])
+                ], 10, _hoisted_17);
+              }), 128))
+            ])
+          ]),
+          _ctx.isShowCustomAddress ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "choose-other",
+            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.switchModule && _ctx.switchModule(...args))
+          }, [
+            createElementVNode("div", _hoisted_23, toDisplayString(_ctx.customAndExistTitle || _ctx.translate("chooseAnotherAddress")), 1)
+          ])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ])
+    ]),
+    _: 1
+  }, 8, ["lock-scroll", "onClose", "onClickOverlay", "visible", "isWrapTeleport", "teleport"]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };