ele-admin-plus 1.5.1-beta.4 → 1.6.0-beta.2

package/es/ele-map-picker/components/map-view.js

@@ -1,40 +1,43 @@
-import { defineComponent, inject, ref, computed, watch, onMounted, onBeforeUnmount, createBlock, openBlock, normalizeStyle, normalizeClass, withCtx, createElementVNode, createCommentVNode, createElementBlock, Fragment, createVNode, unref, toDisplayString, createTextVNode, renderList, mergeProps, nextTick } from "vue";
-import AMapLoader from "@amap/amap-jsapi-loader";
+import { defineComponent, ref, computed, inject, watch, onMounted, onBeforeUnmount, openBlock, createBlock, normalizeStyle, normalizeClass, withCtx, createElementVNode, createElementBlock, Fragment, createVNode, unref, createCommentVNode, toDisplayString, createTextVNode, renderList, mergeProps, nextTick } from "vue";
 import { ElIcon, ElAutocomplete, ElButton, ElInput, ElEmpty } from "element-plus";
 import { PlusOutlined, SearchOutlined, EnvironmentOutlined, CheckCircleOutlined } from "../../icons/index";
 import { modalItemContextKey } from "../../utils/hook";
 import EleLoading from "../../ele-loading/index";
+import { defaultMarkerSrc, isNullCity } from "../util";
 import { mapProps } from "../props";
 const _hoisted_1 = { class: "ele-map-view-body" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = { class: "ele-map-suggest-item" };
-const _hoisted_4 = { class: "ele-map-suggest-title" };
-const _hoisted_5 = { class: "ele-map-suggest-text" };
+const _hoisted_4 = ["title"];
+const _hoisted_5 = ["title"];
 const _hoisted_6 = {
   key: 0,
   class: "ele-map-view-message"
 };
 const _hoisted_7 = ["onClick"];
 const _hoisted_8 = { class: "ele-map-view-item-body" };
-const _hoisted_9 = {
+const _hoisted_9 = { class: "ele-map-view-item-title" };
+const _hoisted_10 = {
   key: 0,
-  class: "ele-map-view-item-title"
+  class: "ele-map-view-item-text"
 };
-const _hoisted_10 = { class: "ele-map-view-item-title" };
-const _hoisted_11 = {
+const _hoisted_11 = { key: 0 };
+const _hoisted_12 = { key: 1 };
+const _hoisted_13 = { key: 2 };
+const _hoisted_14 = { class: "ele-map-view-item-title" };
+const _hoisted_15 = {
   key: 0,
   class: "ele-map-view-item-text"
 };
-const _hoisted_12 = {
+const _hoisted_16 = {
   key: 0,
   class: "ele-map-view-empty"
 };
-const _hoisted_13 = { class: "ele-map-view-extra" };
-const _hoisted_14 = {
+const _hoisted_17 = { class: "ele-map-view-extra" };
+const _hoisted_18 = {
   key: 0,
   class: "ele-map-view-message"
 };
-const ICON_CLASS = "ele-map-view-body-icon";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "MapView" },
   __name: "map-view",
@@ -47,21 +50,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const state = { context: inject(modalItemContextKey, null) };
     const mapRef = ref(null);
     const autocompleteRef = ref(null);
     const listRef = ref(null);
+    const mapPoiCenterIconRef = ref(null);
     const loading = ref(true);
     const poiLoading = ref(false);
     const confirmLoading = ref(false);
     const data = ref([]);
     const suggestionData = ref([]);
-    const centerIconClass = ref([ICON_CLASS]);
     const keywords = ref("");
     const current = ref(null);
     const confirmDisabled = computed(() => props.required && !current.value);
     const keywordMode = computed(() => "keyword" === props.mode);
     const poiMode = computed(() => "poi" === props.mode);
+    const state = { context: inject(modalItemContextKey, null) };
     const getInitSelected = () => {
       if (props.selected != null) {
         const { lng, lat } = props.selected;
@@ -82,21 +85,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       result[index] = poi;
       return result;
     };
-    const isNullCity = (city) => {
-      if (city == null || typeof city !== "object" || city.province == null && city.city == null && city.district == null && city.citycode == null) {
-        return true;
-      }
-      return false;
-    };
-    const formatPOI = (d) => {
-      const name = d.name || "";
-      const addr = Array.isArray(d.address) ? d.address[0] : d.address;
-      const address = addr || "";
-      const { lat, lng } = d.location;
-      const city = isNullCity(d.city) ? void 0 : d.city;
-      const key = [name, address, lat, lng].join(",");
-      return { ...d, name, address, lat, lng, city, key };
-    };
     const scrollToTop = () => {
       const listEl = listRef.value;
       if (listEl) {
@@ -124,52 +112,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     };
-    const searchKeywords = (keyword) => {
-      return new Promise((resolve, reject) => {
-        if (!state.autoCompleteIns) {
-          reject(new Error("AutoComplete instance is null"));
-          return;
-        }
-        state.autoCompleteIns.search(keyword, (status, result) => {
-          if (status === "error") {
-            const msg = `${status} ${result ? JSON.stringify(result) : ""}`;
-            reject(new Error(msg));
-            return;
-          }
-          if (!result?.tips) {
-            resolve([]);
-            return;
-          }
-          const tips = result.tips.filter((d) => !!d.location);
-          resolve(tips.map((d) => formatPOI(d)));
-        });
-      });
-    };
-    const searchNearBy = (lng, lat) => {
-      return new Promise((resolve, reject) => {
-        if (!state.placeSearchIns) {
-          reject(new Error("PlaceSearch instance is null"));
-          return;
-        }
-        state.placeSearchIns.searchNearBy(
-          props.poiKeywords,
-          [lng, lat],
-          props.poiRadius,
-          (status, result) => {
-            if (status === "complete" && result?.poiList?.pois) {
-              const ps = result.poiList.pois.filter((d) => !!d.location);
-              resolve(ps.map((d) => formatPOI(d)));
-              return;
-            }
-            if (status === "no_data") {
-              resolve([]);
-              return;
-            }
-            const msg = `${status} ${result ? JSON.stringify(result) : ""}`;
-            reject(new Error(msg));
-          }
-        );
+    const searchNearBy = async (lng, lat) => {
+      const mapPluginIns = state.mapPluginIns;
+      if (!mapPluginIns || lng == null || lat == null) {
+        return [];
+      }
+      const data2 = await mapPluginIns.searchNearBy({
+        lng,
+        lat,
+        poiKeywords: props.poiKeywords,
+        poiRadius: props.poiRadius,
+        poiType: props.poiType
       });
+      return data2;
     };
     const searchPOI = (lng, lat) => {
       loading.value = true;
@@ -198,80 +153,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     const bounceIcon = () => {
-      centerIconClass.value = [ICON_CLASS];
-      nextTick(() => {
-        setTimeout(() => {
-          centerIconClass.value = [ICON_CLASS, "ele-map-view-anim-bounce"];
-        }, 0);
-      });
-    };
-    const removeCenterMarker = () => {
-      if (state.centerMarker && state.mapIns) {
-        state.mapIns.remove(state.centerMarker);
-      }
-    };
-    const showCenterMarker = (lng, lat) => {
-      if (!state.centerMarker) {
-        console.error("centerMarker is null");
-        return;
-      }
-      if (!state.mapIns) {
-        console.error("map instance is null");
-        return;
-      }
-      removeCenterMarker();
-      if (lng != null && lat != null) {
-        state.centerMarker.setPosition([lng, lat]);
-        state.mapIns.add(state.centerMarker);
-      }
-    };
-    const setMapCenter = (lng, lat, zoom) => {
-      if (state.mapIns && lng != null && lat != null) {
-        if (zoom == null) {
-          state.mapIns.setCenter([lng, lat]);
-        } else {
-          state.mapIns.setZoomAndCenter(zoom, [lng, lat]);
-        }
-      }
-    };
-    const getMapCenter = (returnRegions) => {
-      return new Promise((resolve, reject) => {
-        if (!state.mapIns) {
-          reject(new Error("map instance is null"));
-          return;
-        }
-        const result = state.mapIns.getCenter();
-        if (!returnRegions) {
-          resolve(result || {});
-          return;
-        }
-        state.mapIns.getCity((city) => {
-          resolve({ ...result || {}, city });
-        });
-      });
-    };
-    const changeMapStyle = (style) => {
-      if (state.mapIns) {
-        if (typeof style === "boolean") {
-          if (style) {
-            state.mapIns.setMapStyle("amap://styles/dark");
-          } else {
-            state.mapIns.setMapStyle("amap://styles/normal");
-          }
-        } else if (style) {
-          state.mapIns.setMapStyle(style);
-        }
+      const iconEl = mapPoiCenterIconRef.value;
+      if (iconEl) {
+        iconEl.animate(
+          [
+            { transform: "translateY(0)" },
+            { transform: "translateY(-20px)" },
+            { transform: "translateY(0)" }
+          ],
+          { duration: 600 }
+        );
       }
     };
-    const destroyMap = () => {
-      state.mapIns && state.mapIns.destroy();
-      state.centerMarker = null;
-      state.placeSearchIns = null;
-      state.autoCompleteIns = null;
-      state.mapIns = null;
-    };
     const destroyAll = () => {
-      destroyMap();
+      if (state.mapPluginIns) {
+        state.mapPluginIns.destroyMap();
+        state.mapPluginIns = null;
+      }
       state.lastSuggestion = "";
       state.selectedSuggestion = null;
       state.isItemClickMove = false;
@@ -281,101 +179,130 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       setSelected(null);
     };
     const renderMap = () => {
-      if (!props.mapKey || state.mapIns) {
+      destroyAll();
+      if (!props.mapPlugin || !mapRef.value) {
         return;
       }
-      AMapLoader.load({
-        key: props.mapKey,
-        version: props.mapVersion,
-        plugins: ["AMap.PlaceSearch", "AMap.AutoComplete"]
-      }).then((AMap) => {
-        destroyAll();
-        state.centerMarker = new AMap.Marker({
-          icon: new AMap.Icon({
-            image: props.markerSrc,
-            size: new AMap.Size(26, 36.5),
-            imageSize: new AMap.Size(26, 36.5)
-          }),
-          offset: new AMap.Pixel(-13, -36.5)
-        });
-        state.autoCompleteIns = new AMap.AutoComplete({
-          city: props.suggestionCity
-        });
-        state.placeSearchIns = new AMap.PlaceSearch({
-          type: props.poiType,
-          pageSize: props.poiLimit,
-          pageIndex: 1
-        });
-        const selected = getInitSelected();
-        const selCenter = selected ? [selected.lng, selected.lat] : void 0;
-        const defaultStyle = props.darkMode ? "amap://styles/dark" : void 0;
-        state.mapIns = new AMap.Map(mapRef.value, {
-          zoom: selected == null ? props.zoom : props.selectedZoom,
-          // 初缩放级别
-          center: selCenter || props.center,
-          // 初始中心点
-          resizeEnable: true,
-          // 监控地图容器尺寸变化
-          mapStyle: props.mapStyle || defaultStyle
-        });
-        state.mapIns.on("complete", () => {
-          const selected2 = getInitSelected();
-          if (selected2 != null) {
-            setSelected(selected2);
+      const initSel = getInitSelected();
+      const selCenter = initSel ? [initSel.lng, initSel.lat] : void 0;
+      state.mapPluginIns = new props.mapPlugin();
+      state.mapPluginIns.renderMap(mapRef.value, {
+        mapKey: props.mapKey,
+        mapVersion: props.mapVersion,
+        zoom: initSel == null ? props.zoom : props.selectedZoom,
+        center: selCenter || props.center,
+        mapStyle: props.mapStyle,
+        darkMode: props.darkMode,
+        suggestionCity: props.suggestionCity,
+        poiType: props.poiType,
+        poiLimit: props.poiLimit,
+        markerSrc: props.markerSrc,
+        onComplete: () => {
+          const mapPluginIns = state.mapPluginIns;
+          if (!mapPluginIns) {
+            return;
+          }
+          if (initSel != null) {
+            setSelected(initSel);
             if (!poiMode.value) {
-              const { lng, lat } = selected2;
-              showCenterMarker(lng, lat);
+              mapPluginIns.showCenterMarker(initSel.lng, initSel.lat);
             }
           }
           if (poiMode.value || keywordMode.value) {
-            state.selectedSuggestion = selected2;
-            const { lng, lat } = state.mapIns.getCenter();
-            searchPOI(lng, lat);
+            state.selectedSuggestion = initSel;
+            mapPluginIns.getMapCenter().then(({ lng, lat }) => {
+              searchPOI(lng, lat);
+            }).catch((e) => {
+              console.error(e);
+            });
             return;
           }
           loading.value = false;
-        });
-        state.mapIns.on("moveend", () => {
-          if (state.isItemClickMove || !poiMode.value) {
+        },
+        onMoveend: () => {
+          if (state.isItemClickMove || !poiMode.value || !state.mapPluginIns) {
             state.isItemClickMove = false;
             return;
           }
           bounceIcon();
-          const { lng, lat } = state.mapIns.getCenter();
-          searchPOI(lng, lat);
-        });
-        state.mapIns.on("click", (e) => {
+          state.mapPluginIns.getMapCenter().then(({ lng, lat }) => {
+            searchPOI(lng, lat);
+          }).catch((e) => {
+            console.error(e);
+          });
+        },
+        onDragend: () => {
+          if (!poiMode.value || !state.mapPluginIns) {
+            return;
+          }
+          bounceIcon();
+          state.mapPluginIns.getMapCenter().then(({ lng, lat }) => {
+            searchPOI(lng, lat);
+          }).catch((e) => {
+            console.error(e);
+          });
+        },
+        onClick: (e) => {
           if (poiMode.value || keywordMode.value) {
             return;
           }
-          if (e.lnglat == null || typeof e.lnglat !== "object") {
+          if (e.lnglat == null || typeof e.lnglat !== "object" || !state.mapPluginIns) {
             console.error(e);
             return;
           }
           const { lng, lat } = e.lnglat;
-          setSelected(formatPOI({ location: { lat, lng } }), true);
-          setMapCenter(lng, lat, props.selectedZoom);
-          showCenterMarker(lng, lat);
-        });
-        emit("mapDone", state.mapIns);
-      }).catch((e) => {
-        console.error(e);
+          setSelected(
+            {
+              name: "",
+              address: "",
+              lat,
+              lng,
+              key: [lat, lng].join(),
+              location: { lat, lng }
+            },
+            true
+          );
+          state.mapPluginIns.setMapCenter(lng, lat, props.selectedZoom);
+          state.mapPluginIns.showCenterMarker(lng, lat);
+        },
+        onRendered: (mapIns) => {
+          emit("mapDone", mapIns);
+        },
+        onResizeend: () => {
+          if (current.value && poiMode.value && state.mapPluginIns) {
+            const { lng, lat } = current.value;
+            state.mapPluginIns.setMapCenter(lng, lat);
+          }
+        },
+        onZoomend: () => {
+          if (current.value && poiMode.value && state.mapPluginIns) {
+            const { lng, lat } = current.value;
+            state.mapPluginIns.setMapCenter(lng, lat);
+          }
+        }
       });
     };
     const getMapIns = () => {
-      return state.mapIns;
+      if (state.mapPluginIns) {
+        return state.mapPluginIns.getMapInstance();
+      }
+    };
+    const checkResize = () => {
+      state.mapPluginIns?.checkResize && state.mapPluginIns.checkResize();
     };
     const showInitSelected = () => {
       const selected = getInitSelected();
-      if (state.mapIns == null || selected == null) {
+      if (selected == null) {
         return;
       }
       setSelected(selected);
       const { lng, lat } = selected;
       state.isItemClickMove = true;
-      setMapCenter(lng, lat, props.selectedZoom);
-      if (!poiMode.value) {
-        showCenterMarker(lng, lat);
+      if (state.mapPluginIns) {
+        state.mapPluginIns.setMapCenter(lng, lat, props.selectedZoom);
+        if (!poiMode.value) {
+          state.mapPluginIns.showCenterMarker(lng, lat);
+        }
       }
       if ((keywordMode.value || poiMode.value) && !data.value.includes(selected)) {
         data.value = addFirstPOI(selected, data.value);
@@ -385,7 +312,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     const handleSearch = (keyword, callback) => {
-      if (!keyword || state.lastSuggestion === keyword) {
+      if (!keyword || state.lastSuggestion === keyword || !state.mapPluginIns) {
         callback && callback(suggestionData.value);
         return;
       }
@@ -393,12 +320,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (keywordMode.value) {
         poiLoading.value = true;
       }
-      searchKeywords(keyword).then((result) => {
+      state.mapPluginIns.searchKeyword(keyword).then((result) => {
         if (keywordMode.value) {
           data.value = result;
           poiLoading.value = false;
           setSelected(null, true);
-          removeCenterMarker();
+          state.mapPluginIns && state.mapPluginIns.removeCenterMarker();
           scrollToTop();
           return;
         }
@@ -420,36 +347,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       }
       if (!poiMode.value) {
-        showCenterMarker(lng, lat);
-        setMapCenter(lng, lat, props.selectedZoom);
+        if (state.mapPluginIns) {
+          state.mapPluginIns.showCenterMarker(lng, lat);
+          state.mapPluginIns.setMapCenter(lng, lat, props.selectedZoom);
+        }
         setSelected(item, true);
         return;
       }
       loading.value = true;
       state.selectedSuggestion = item;
       state.isItemClickMove = true;
-      setMapCenter(lng, lat, props.selectedZoom);
+      state.mapPluginIns && state.mapPluginIns.setMapCenter(lng, lat, props.selectedZoom);
       bounceIcon();
       searchPOI(lng, lat);
     };
     const handleItemClick = (item) => {
       state.isItemClickMove = true;
       setSelected(item, true);
+      if (!state.mapPluginIns) {
+        return;
+      }
       const { lng, lat } = item;
-      setMapCenter(lng, lat, props.selectedZoom);
+      state.mapPluginIns.setMapCenter(lng, lat, props.selectedZoom);
       if (poiMode.value) {
         bounceIcon();
         return;
       }
-      showCenterMarker(lng, lat);
+      state.mapPluginIns.showCenterMarker(lng, lat);
     };
     const handleConfirm = () => {
-      if (!state.context?.label) {
+      if (!state.mapPluginIns || !state.context?.label) {
         return;
       }
       if (!current.value) {
         confirmLoading.value = true;
-        getMapCenter(props.returnRegions).then((result) => {
+        state.mapPluginIns.getMapCenter(props.returnRegions).then((result) => {
           confirmLoading.value = false;
           emit("done", result);
         }).catch((e) => {
@@ -465,8 +397,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       confirmLoading.value = true;
       state.isItemClickMove = true;
-      setMapCenter(current.value.lng, current.value.lat);
-      getMapCenter(true).then(({ city }) => {
+      state.mapPluginIns.setMapCenter(current.value.lng, current.value.lat);
+      state.mapPluginIns.getMapCenter(true).then(({ city }) => {
         confirmLoading.value = false;
         emit("done", { ...current.value || {}, city });
       }).catch((e) => {
@@ -485,7 +417,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => props.darkMode,
       (darkMode) => {
         if (!props.mapStyle) {
-          changeMapStyle(darkMode);
+          state.mapPluginIns && state.mapPluginIns.setMapStyle(darkMode);
         }
       }
     );
@@ -493,7 +425,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => props.mapStyle,
       (mapStyle) => {
         if (mapStyle) {
-          changeMapStyle(mapStyle);
+          state.mapPluginIns && state.mapPluginIns.setMapStyle(mapStyle);
         }
       }
     );
@@ -504,29 +436,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         suggestionData.value = [];
         state.selectedSuggestion = null;
         state.lastSuggestion = "";
-        removeCenterMarker();
-        if (mode !== "poi" && current.value) {
-          const { lng, lat } = current.value.location;
-          showCenterMarker(lng, lat);
+        state.mapPluginIns && state.mapPluginIns.removeCenterMarker();
+        if (mode !== "poi" && current.value && state.mapPluginIns) {
+          const { lng, lat } = current.value;
+          state.mapPluginIns.showCenterMarker(lng, lat);
         }
         if (!data.value.length && (mode === "poi" || mode === "keyword")) {
           if (current.value) {
-            const { lng, lat } = current.value.location;
-            searchPOI(lng, lat);
-          } else {
-            const { lng, lat } = state.mapIns.getCenter();
+            const { lng, lat } = current.value;
             searchPOI(lng, lat);
+          } else if (state.mapPluginIns) {
+            state.mapPluginIns.getMapCenter().then((centerPoint) => {
+              const { lng, lat } = centerPoint || {};
+              searchPOI(lng, lat);
+            }).catch((e) => {
+              console.error(e);
+            });
           }
         }
       }
     );
-    watch(
-      () => props.mapKey,
-      () => {
-        destroyAll();
-        renderMap();
-      }
-    );
+    watch([() => props.mapKey, () => props.mapPlugin], () => {
+      destroyAll();
+      renderMap();
+    });
     onMounted(() => {
       renderMap();
     });
@@ -536,7 +469,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     __expose({
       autocompleteRef,
       getMapIns,
-      showInitSelected
+      showInitSelected,
+      checkResize
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(EleLoading, {
@@ -549,7 +483,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", {
               ref_key: "mapRef",
               ref: mapRef,
-              style: { height: "100%" }
+              style: { height: "100%", width: "100%" }
             }, null, 512),
             poiMode.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               createVNode(unref(ElIcon), { class: "ele-map-view-icon-plus" }, {
@@ -559,9 +493,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               }),
               createElementVNode("img", {
-                src: _ctx.markerSrc,
-                class: normalizeClass(centerIconClass.value)
-              }, null, 10, _hoisted_2)
+                ref_key: "mapPoiCenterIconRef",
+                ref: mapPoiCenterIconRef,
+                src: _ctx.markerSrc ?? unref(defaultMarkerSrc),
+                class: "ele-map-view-body-icon"
+              }, null, 8, _hoisted_2)
             ], 64)) : createCommentVNode("", true),
             _ctx.filterable && !keywordMode.value ? (openBlock(), createElementBlock("div", {
               key: 1,
@@ -590,8 +526,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 default: withCtx(({ item }) => [
                   createElementVNode("div", _hoisted_3, [
-                    createElementVNode("div", _hoisted_4, toDisplayString(item.name), 1),
-                    createElementVNode("div", _hoisted_5, toDisplayString(item.district), 1)
+                    createElementVNode("div", {
+                      class: "ele-map-suggest-title",
+                      title: item.name
+                    }, toDisplayString(item.name), 9, _hoisted_4),
+                    createElementVNode("div", {
+                      class: "ele-map-suggest-text",
+                      title: item.district
+                    }, toDisplayString(item.district), 9, _hoisted_5)
                   ])
                 ]),
                 _: 1
@@ -653,13 +595,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       _: 1
                     }),
                     createElementVNode("div", _hoisted_8, [
-                      !item.name && !item.address ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                        createElementVNode("span", null, toDisplayString(item.lng), 1),
-                        _cache[2] || (_cache[2] = createElementVNode("span", null, ",", -1)),
-                        createElementVNode("span", null, toDisplayString(item.lat), 1)
-                      ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                        createElementVNode("div", _hoisted_10, toDisplayString(item.name), 1),
-                        item.address ? (openBlock(), createElementBlock("div", _hoisted_11, toDisplayString(item.address), 1)) : createCommentVNode("", true)
+                      !item.name && !item.address ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                        createElementVNode("div", _hoisted_9, [
+                          createElementVNode("span", null, toDisplayString(item.lng), 1),
+                          _cache[2] || (_cache[2] = createElementVNode("span", null, ",", -1)),
+                          createElementVNode("span", null, toDisplayString(item.lat), 1)
+                        ]),
+                        item.city && (item.city.province || item.city.city || item.city.district) ? (openBlock(), createElementBlock("div", _hoisted_10, [
+                          item.city.province ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(item.city.province), 1)) : createCommentVNode("", true),
+                          item.city.city ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(item.city.city), 1)) : createCommentVNode("", true),
+                          item.city.district ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(item.city.district), 1)) : createCommentVNode("", true)
+                        ])) : createCommentVNode("", true)
+                      ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                        createElementVNode("div", _hoisted_14, toDisplayString(item.name), 1),
+                        item.address ? (openBlock(), createElementBlock("div", _hoisted_15, toDisplayString(item.address), 1)) : createCommentVNode("", true)
                       ], 64))
                     ]),
                     createVNode(unref(ElIcon), { class: "ele-map-view-item-radio" }, {
@@ -670,12 +619,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     })
                   ], 10, _hoisted_7);
                 }), 128)),
-                !data.value || !data.value.length ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                !data.value || !data.value.length ? (openBlock(), createElementBlock("div", _hoisted_16, [
                   createVNode(unref(ElEmpty), mergeProps({ imageSize: 80 }, _ctx.emptyProps || {}), null, 16)
                 ])) : createCommentVNode("", true)
               ], 512),
-              createElementVNode("div", _hoisted_13, [
-                confirmDisabled.value && _ctx.message ? (openBlock(), createElementBlock("div", _hoisted_14, toDisplayString(_ctx.message), 1)) : (openBlock(), createBlock(unref(ElButton), {
+              createElementVNode("div", _hoisted_17, [
+                confirmDisabled.value && _ctx.message ? (openBlock(), createElementBlock("div", _hoisted_18, toDisplayString(_ctx.message), 1)) : (openBlock(), createBlock(unref(ElButton), {
                   key: 1,
                   type: "primary",
                   loading: confirmLoading.value,