@yimou6/common-ui 1.13.19 → 1.13.20

package/es/components/geoMark/src/geoMark.vue2.mjs

@@ -0,0 +1,1425 @@
+import { defineComponent, ref, onMounted, onUnmounted, computed, nextTick, resolveComponent, openBlock, createElementBlock, createVNode, createBlock, withCtx, createElementVNode, Fragment, renderList, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, normalizeStyle, unref } from 'vue';
+import { isNil } from 'lodash-es';
+import { primaryAction, platformModifierKeyOnly, never } from 'ol/events/condition.js';
+import Feature from 'ol/Feature';
+import GeoJSON from 'ol/format/GeoJSON.js';
+import Point from 'ol/geom/Point.js';
+import Polygon from 'ol/geom/Polygon.js';
+import Draw from 'ol/interaction/Draw.js';
+import Modify from 'ol/interaction/Modify.js';
+import Translate from 'ol/interaction/Translate.js';
+import VectorLayer from 'ol/layer/Vector.js';
+import { Fill, Stroke, Text } from 'ol/style';
+import CircleStyle from 'ol/style/Circle.js';
+import Style from 'ol/style/Style';
+import img$5 from './assets/保存.png.mjs';
+import img$2 from './assets/删除.png.mjs';
+import img$3 from './assets/编辑.png.mjs';
+import img$4 from './assets/颜色.png.mjs';
+import img from './default.png.mjs';
+import './DragIcon.vue.mjs';
+import './floorRight/floor.vue.mjs';
+import { GeoMarkProps } from './geoMark.mjs';
+import './openMap.vue.mjs';
+import img$7 from './waring.png.mjs';
+import img$6 from './新弹框.png.mjs';
+import img$1 from './灭火器.png.mjs';
+import _sfc_main$1 from './floorRight/floor.vue2.mjs';
+import _sfc_main$2 from './DragIcon.vue2.mjs';
+import _sfc_main$3 from './openMap.vue2.mjs';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const _hoisted_1 = {
+  id: "ypc-map-container",
+  class: "relative w-full h-full overflow-hidden t-geo-mark"
+};
+const _hoisted_2 = { class: "flex items-center justify-between w-full h-full -mt-2" };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { class: "flex items-center justify-between w-full h-full -mt-2" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "grid grid-cols-3 gap-2 p-1" };
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = { class: "text-xs mt-1" };
+const _hoisted_12 = { class: "flex px-3.5 justify-between flex-shrink-0 w-full h-10 py-1 select-none -mt-5 p-2" };
+const _hoisted_13 = { class: "flex justify-between w-30" };
+const _hoisted_14 = {
+  key: 0,
+  class: "grid gap-1 mt-4 px-3.5 w-full grid-cols-12"
+};
+const _hoisted_15 = { class: "col-span-4" };
+const _hoisted_16 = {
+  key: 1,
+  class: "grid gap-1 mt-4 px-3.5 w-full grid-cols-12"
+};
+const _hoisted_17 = {
+  key: 2,
+  style: { "height": "calc(100% - 100px)" },
+  class: "w-full mt-4 pb-5 overflow-x-hidden overflow-y-auto panel"
+};
+const _hoisted_18 = ["title"];
+const _hoisted_19 = { class: "col-span-1 cursor-pointer" };
+const _hoisted_20 = { class: "col-span-4 break-words" };
+const _hoisted_21 = ["title"];
+const _hoisted_22 = ["title"];
+const _hoisted_23 = {
+  key: 3,
+  style: { "height": "calc(100% - 100px)" },
+  class: "w-full mt-4 overflow-x-hidden overflow-y-auto panel"
+};
+const _hoisted_24 = { class: "col-span-1" };
+const _hoisted_25 = { class: "col-span-1" };
+const _hoisted_26 = {
+  key: 0,
+  class: "!w-8 h-full t-image-point"
+};
+const _hoisted_27 = { class: "col-span-8" };
+const _hoisted_28 = ["onClick"];
+const _hoisted_29 = {
+  key: 0,
+  class: "flex flex-col justify-start text-white opacity-80 t-bg-overlay flex-nowrap"
+};
+const _hoisted_30 = ["src"];
+const _hoisted_31 = { class: "flex t-overlay-item items-center w-full !mt-10 justify-items-start" };
+const _hoisted_32 = { class: "flex items-center w-full t-overlay-item justify-items-start" };
+const _hoisted_33 = { class: "flex items-center w-full t-overlay-item justify-items-start" };
+const _hoisted_34 = ["title"];
+const _hoisted_35 = { class: "flex items-center w-full t-overlay-item justify-items-start" };
+const _hoisted_36 = ["title"];
+const _hoisted_37 = {
+  key: 1,
+  class: "flex flex-col justify-start text-white opacity-80 t-bg-overlay flex-nowrap"
+};
+const _hoisted_38 = ["src"];
+const _hoisted_39 = { class: "flex t-overlay-item items-center w-full !mt-10 justify-items-start" };
+const _hoisted_40 = { class: "flex items-center w-full t-overlay-item justify-items-start" };
+const _hoisted_41 = { class: "flex items-center w-full t-overlay-item justify-items-start" };
+const _hoisted_42 = { class: "flex items-center w-full t-overlay-item justify-items-start" };
+const _hoisted_43 = ["src"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "IGeoMark" },
+  __name: "geoMark",
+  props: GeoMarkProps,
+  emits: ["closeMain", "saveMain"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const activatedPositionOverlayWaring = ref([]);
+    const drawInteraction = ref(null);
+    const modifyInteraction = ref(null);
+    const translateInteraction = ref(null);
+    const currentDrawType = ref("Polygon");
+    onMounted(() => {
+      window.addEventListener("popstate", (e) => {
+        document.documentElement.classList.remove("dark");
+        e.preventDefault();
+      });
+    });
+    onUnmounted(() => {
+      document.documentElement.classList.remove("dark");
+    });
+    const activatedList = ref(true);
+    const activatedFold = ref(false);
+    const FnUpdateActivatedFold = /* @__PURE__ */ __name(() => {
+      activatedFold.value = !activatedFold.value;
+    }, "FnUpdateActivatedFold");
+    const listFloor = ref([]);
+    const listDevice = ref([]);
+    const listAllDevice = ref([]);
+    const list_title = ref("\u8BBE\u5907\u4FE1\u606F\u5217\u8868");
+    const configIcon = ref({});
+    const configTopBar = ref([
+      { name: `\u5355\u4F4D\u540D\uFF1A`, icon: "icon-jianzhu02-L", value: "-----" },
+      { name: `\u5EFA\u7B51\u540D\uFF1A`, icon: "icon-jianzhu03-L", value: "-----" },
+      { name: "\u9000\u51FA", icon: "icon-fanhui3", value: "-----" }
+    ]);
+    const configBottomBar = ref([
+      { name: "\u9009\u62E9", icon: "icon-xuanze" },
+      { name: "\u7F16\u8F91", icon: "icon-xiugai" },
+      { name: "\u91CD\u7F6E", icon: "icon-zhongzhi1" },
+      { name: "\u653E\u5927", icon: "icon-fangda" },
+      { name: "\u7F29\u5C0F", icon: "icon-suoxiao" },
+      { name: "\u989C\u8272", icon: "icon-yanse" },
+      { name: "\u533A\u57DF\u8BBE\u7F6E", icon: "icon-shezhi" },
+      { name: "\u539F\u59CB\u5C3A\u5BF8", icon: "icon-chicun" },
+      { name: "\u4FDD\u5B58", icon: "icon-Save" }
+    ]);
+    const configBottomBar2 = ref([
+      { name: "\u533A\u57DF\u6A21\u677F", icon: "icon-moban2" },
+      { name: "\u533A\u57DF\u7ED8\u5236", icon: "icon-pencel" }
+    ]);
+    const activatedMode = computed(() => {
+      return props.type || "edit";
+    });
+    const activatedBottomBar = ref("\u9009\u62E9");
+    const activatedFloor = ref();
+    const refFloor = ref(null);
+    const alarmType = ref("fire");
+    const filtrationType = ref([]);
+    const _waring = ref(null);
+    const hasWaring = computed(() => {
+      const w = _waring.value;
+      return w != null && w !== "";
+    });
+    const isWaringCode = /* @__PURE__ */ __name((code) => {
+      const w = _waring.value;
+      return w != null && w !== "" && w === code;
+    }, "isWaringCode");
+    const imgUrl = ref(img);
+    const rrefMap = ref(null);
+    const mapReady = ref(false);
+    const pendingInit = ref(null);
+    const activatedPositionOverlay = ref([]);
+    const activatedPropertiesOverlay = ref({});
+    const activatedArrayFeatures = ref([]);
+    const activatedFeature = ref(null);
+    const move1 = ref([]);
+    const defaultColor = ref("rgba(255,255,51,0.2)");
+    const colorList = ref([
+      { name: "\u9EC4\u8272", value: "rgba(255,255,51,0.2)" },
+      { name: "\u7EA2\u8272", value: "rgba(255,0,0,0.25)" },
+      { name: "\u7EFF\u8272", value: "rgba(0,255,0,0.25)" },
+      { name: "\u84DD\u8272", value: "rgba(0,120,255,0.25)" },
+      { name: "\u6A59\u8272", value: "rgba(255,150,0,0.3)" },
+      { name: "\u7D2B\u8272", value: "rgba(150,0,255,0.25)" }
+    ]);
+    const center = ref([0, 0]);
+    const zoom = ref(1);
+    const projection = ref("EPSG:3857");
+    const size = ref([800, 600]);
+    const extent = ref([0, 0, 800, 600]);
+    const configOptionsDeviceType = ref([]);
+    const configOptionsDeviceModel = ref([]);
+    const configOptionsManufacturer = ref([]);
+    const queryDeviceList = ref({
+      activatedDeviceType: "",
+      activatedManufacturer: "",
+      activatedDeviceModel: ""
+    });
+    const activatedDragItem = ref();
+    const deviceTypeSet = /* @__PURE__ */ new Set();
+    const manufacturerSet = /* @__PURE__ */ new Set();
+    const deviceModelSet = /* @__PURE__ */ new Set();
+    const createAdvancedStyle = /* @__PURE__ */ __name((_feature) => {
+      return [
+        new Style({
+          fill: new Fill({ color: "rgba(255, 255, 255, 0.2)" }),
+          stroke: new Stroke({ color: "#ffcc33", width: 2 }),
+          image: new CircleStyle({
+            radius: 7,
+            fill: new Fill({ color: "#ffcc33" })
+          })
+        })
+      ];
+    }, "createAdvancedStyle");
+    const initAdvancedModify = /* @__PURE__ */ __name(() => {
+      if (!rrefMap.value) return;
+      const source = rrefMap.value.getVectorSource();
+      if (modifyInteraction.value) {
+        rrefMap.value.getMap().removeInteraction(modifyInteraction.value);
+      }
+      modifyInteraction.value = new Modify({
+        source,
+        condition(event) {
+          return primaryAction(event) && !platformModifierKeyOnly(event);
+        },
+        deleteCondition: never,
+        insertVertexCondition: never,
+        style(feature, resolution) {
+          return createAdvancedStyle(feature);
+        }
+      });
+      modifyInteraction.value.on("modifystart", (event) => {
+        event.features.forEach((feature) => {
+          feature.set(
+            "modifyGeometry",
+            { geometry: feature.getGeometry().clone() },
+            true
+          );
+        });
+      });
+      modifyInteraction.value.on("modifyend", (event) => {
+        event.features.forEach((feature) => {
+          const modifyGeometry = feature.get("modifyGeometry");
+          if (modifyGeometry) {
+            feature.setGeometry(modifyGeometry.geometry);
+            feature.unset("modifyGeometry", true);
+          }
+        });
+      });
+      rrefMap.value.getMap().addInteraction(modifyInteraction.value);
+    }, "initAdvancedModify");
+    const initTranslate = /* @__PURE__ */ __name(() => {
+      if (!rrefMap.value) return;
+      if (translateInteraction.value) {
+        rrefMap.value.getMap().removeInteraction(translateInteraction.value);
+      }
+      translateInteraction.value = new Translate({
+        condition(event) {
+          return primaryAction(event) && platformModifierKeyOnly(event);
+        },
+        layers: [
+          rrefMap.value.getMap().getLayers().getArray().filter((layer) => layer instanceof VectorLayer)
+        ]
+      });
+      rrefMap.value.getMap().addInteraction(translateInteraction.value);
+    }, "initTranslate");
+    const initDraw = /* @__PURE__ */ __name((type = "Polygon") => {
+      if (!rrefMap.value) return;
+      if (drawInteraction.value) {
+        rrefMap.value.getMap().removeInteraction(drawInteraction.value);
+      }
+      drawInteraction.value = new Draw({
+        source: rrefMap.value.getVectorSource(),
+        type
+      });
+      drawInteraction.value.on("drawend", (event) => {
+        const feature = event.feature;
+        feature.set("color", defaultColor.value);
+        feature.set("text", "\u65B0\u7ED8\u5236\u533A\u57DF");
+        feature.setStyle(createAdvancedStyle(feature));
+      });
+      rrefMap.value.getMap().addInteraction(drawInteraction.value);
+    }, "initDraw");
+    const open = /* @__PURE__ */ __name(async (params = {
+      listFloor: [],
+      listDevice: [],
+      mode: "edit",
+      defaultFloor: null,
+      waring: null,
+      listTitle: "\u8BBE\u5907\u4FE1\u606F\u5217\u8868",
+      configIcon: {},
+      configTopBar: [],
+      type: "edit",
+      featureType: ["Areas"]
+    }) => {
+      var _a, _b;
+      if (params.featureType && params.featureType.length > 0) {
+        filtrationType.value = params.featureType;
+      }
+      if (params.type) {
+        alarmType.value = params.type;
+      }
+      if (params.listTitle) {
+        list_title.value = params.listTitle;
+      }
+      listFloor.value = params.listFloor;
+      listDevice.value = params.listDevice;
+      listAllDevice.value = params.listDevice;
+      configIcon.value = params.configIcon || {};
+      configTopBar.value = params.configTopBar || [];
+      _waring.value = (_a = params.waring) != null ? _a : null;
+      const defaultFloor = params.defaultFloor ? params.defaultFloor : listFloor.value[0];
+      (_b = refFloor.value) == null ? void 0 : _b.init(listFloor.value, defaultFloor);
+      const floorList = listFloor.value.map((item) => item.floor);
+      listAllDevice.value.filter((ls) => ls.floor != null && floorList.includes(ls.floor)).forEach((item) => {
+        if (item.deviceTypeName) deviceTypeSet.add(item.deviceTypeName);
+        if (item.manufacturerName) manufacturerSet.add(item.manufacturerName);
+        if (item.deviceModelName) deviceModelSet.add(item.deviceModelName);
+      });
+      configOptionsDeviceType.value = Array.from(deviceTypeSet).map((type) => ({
+        label: type,
+        value: type,
+        key: type
+      })).filter((e) => !isNil(e.label));
+      configOptionsManufacturer.value = Array.from(manufacturerSet).map((manufacturer) => ({
+        label: manufacturer,
+        value: manufacturer,
+        key: manufacturer
+      })).filter((e) => !isNil(e.label));
+      configOptionsDeviceModel.value = Array.from(deviceModelSet).map((deviceModel) => ({
+        label: deviceModel,
+        value: deviceModel,
+        key: deviceModel
+      })).filter((e) => !isNil(e.label));
+      if (mapReady.value) {
+        initMap(activatedFloor.value || defaultFloor);
+      } else {
+        activatedFloor.value = defaultFloor;
+        pendingInit.value = defaultFloor;
+      }
+    }, "open");
+    const handleMapReady = /* @__PURE__ */ __name(() => {
+      mapReady.value = true;
+      const floor = pendingInit.value || activatedFloor.value;
+      if (floor) {
+        pendingInit.value = null;
+        initMap(floor);
+      }
+    }, "handleMapReady");
+    const locateWaringFeature = /* @__PURE__ */ __name((centerOnWarning) => {
+      if (!hasWaring.value || !rrefMap.value) return;
+      const features = rrefMap.value.getVectorSource().getFeatures();
+      const target = features.find(
+        (feature) => isWaringCode(feature.get("code"))
+      );
+      if (!target) return;
+      const position = target.getGeometry().getCoordinates();
+      activatedPositionOverlayWaring.value = position;
+      if (centerOnWarning) {
+        activatedPositionOverlay.value = position;
+        activatedPropertiesOverlay.value = target.getProperties();
+        setTimeout(() => {
+          var _a, _b;
+          (_b = (_a = rrefMap.value) == null ? void 0 : _a.getView()) == null ? void 0 : _b.setCenter(position);
+        }, 0);
+      }
+    }, "locateWaringFeature");
+    function loadFeaturesAndHandleWarning(geojson, centerOnWarning = true) {
+      var _a, _b;
+      const features = new GeoJSON().readFeatures(geojson);
+      activatedArrayFeatures.value = features;
+      (_a = rrefMap.value) == null ? void 0 : _a.getVectorSource().addFeatures(features);
+      (_b = rrefMap.value) == null ? void 0 : _b.getVectorSource().on("addfeature", (event) => {
+      });
+      setTimeout(() => {
+        locateWaringFeature(centerOnWarning);
+      });
+    }
+    __name(loadFeaturesAndHandleWarning, "loadFeaturesAndHandleWarning");
+    async function initMap(defaultFloor) {
+      var _a, _b, _c, _d;
+      (_a = rrefMap.value) == null ? void 0 : _a.getVectorSource().clear();
+      await loadingSource(defaultFloor);
+      (_b = rrefMap.value) == null ? void 0 : _b.getMap().on("pointermove", (evt) => {
+        var _a2, _b2, _c2, _d2, _e;
+        const pixel = (_a2 = rrefMap.value) == null ? void 0 : _a2.getMap().getEventPixel(evt.originalEvent);
+        const viewCoordinate = (_b2 = rrefMap.value) == null ? void 0 : _b2.getMap().getCoordinateFromPixel(pixel);
+        if (viewCoordinate) {
+          move1.value = viewCoordinate;
+        }
+        if (activatedBottomBar.value === "\u7F16\u8F91") {
+          return;
+        }
+        let feature;
+        if ((_c2 = rrefMap.value) == null ? void 0 : _c2.getMap().hasFeatureAtPixel(pixel)) {
+          if (hasWaring.value) {
+            activatedPositionOverlay.value = [];
+          }
+          const viewCoordinate2 = (_d2 = rrefMap.value) == null ? void 0 : _d2.getMap().getCoordinateFromPixel(pixel);
+          if (viewCoordinate2) {
+            activatedPositionOverlay.value = viewCoordinate2;
+          }
+          feature = (_e = rrefMap.value) == null ? void 0 : _e.getMap().forEachFeatureAtPixel(
+            pixel,
+            (feature2, layer) => {
+              return feature2;
+            }
+          );
+          if (feature) {
+            activatedPropertiesOverlay.value = feature.getProperties();
+          }
+        } else {
+          if (activatedMode.value === "edit") {
+            activatedPositionOverlay.value = [];
+          }
+        }
+      });
+      (_c = rrefMap.value) == null ? void 0 : _c.getMap().on("contextmenu", (event) => {
+        var _a2;
+        activatedFeature.value = ((_a2 = rrefMap.value) == null ? void 0 : _a2.getMap().forEachFeatureAtPixel(
+          event.pixel,
+          (feature) => feature
+        )) || null;
+        activatedBottomBar.value = "\u9009\u62E9";
+      });
+      (_d = rrefMap.value) == null ? void 0 : _d.getVectorSource().on("change", (item) => {
+        var _a2;
+        const features = ((_a2 = rrefMap.value) == null ? void 0 : _a2.getVectorSource().getFeatures()) || [];
+        activatedArrayFeatures.value = features;
+      });
+      nextTick(() => {
+        initAdvancedModify();
+        initTranslate();
+        initDraw(currentDrawType.value);
+      });
+    }
+    __name(initMap, "initMap");
+    const imageDimensionsCache = /* @__PURE__ */ new Map();
+    const getImageDimensions = /* @__PURE__ */ __name((imageUrl) => {
+      const cached = imageDimensionsCache.get(imageUrl);
+      if (cached) return Promise.resolve(cached);
+      return new Promise((resolve, reject) => {
+        const img = new Image();
+        img.onload = () => {
+          const dims = { width: img.naturalWidth, height: img.naturalHeight };
+          imageDimensionsCache.set(imageUrl, dims);
+          resolve(dims);
+        };
+        img.onerror = reject;
+        img.src = imageUrl;
+      });
+    }, "getImageDimensions");
+    const loadingSource = /* @__PURE__ */ __name(async (data, centerOnWarning = true) => {
+      var _a, _b, _c;
+      activatedPositionOverlay.value = [];
+      activatedPositionOverlayWaring.value = [];
+      activatedPropertiesOverlay.value = {};
+      activatedFeature.value = null;
+      (_a = rrefMap.value) == null ? void 0 : _a.calculateAutoZoom();
+      if (!data) {
+        listDevice.value = [];
+        activatedFloor.value = void 0;
+        (_b = rrefMap.value) == null ? void 0 : _b.getVectorSource().clear();
+        imgUrl.value = "";
+        return;
+      }
+      listDevice.value = listAllDevice.value.filter((item) => {
+        return item.floor === data.floor;
+      });
+      activatedFloor.value = data;
+      (_c = rrefMap.value) == null ? void 0 : _c.getVectorSource().clear();
+      const url = data.bucketName || img;
+      let dims;
+      try {
+        dims = await getImageDimensions(url);
+        imgUrl.value = url;
+      } catch {
+        try {
+          dims = await getImageDimensions(img);
+          imgUrl.value = img;
+        } catch {
+          dims = { width: 800, height: 600 };
+          imgUrl.value = "";
+        }
+      }
+      size.value = [dims.width, dims.height];
+      extent.value = [0, 0, dims.width, dims.height];
+      center.value = [dims.width / 2, dims.height / 2];
+      if (rrefMap.value) {
+        const view = rrefMap.value.getView();
+        if (view) {
+          view.setCenter(center.value);
+          view.setZoom(zoom.value);
+        }
+        rrefMap.value.calculateAutoZoom && rrefMap.value.calculateAutoZoom();
+      }
+      if (data == null ? void 0 : data.bucketName) {
+        if (filtrationType.value && filtrationType.value.length > 0) {
+          const geoConfig = {
+            Areas: { geojson: data == null ? void 0 : data.geojson, geomType: "Polygon" },
+            Devices: { geojson: data == null ? void 0 : data.geojson, geomType: "Point" },
+            Facilities: { geojson: data == null ? void 0 : data.facilityGeoJson, geomType: "Point" },
+            Cameras: { geojson: data == null ? void 0 : data.videoGeoJson, geomType: "Point" }
+          };
+          filtrationType.value.forEach((element) => {
+            const conf = geoConfig[element];
+            if (!(conf == null ? void 0 : conf.geojson)) return;
+            const filtered = JSON.parse(conf.geojson).features.filter(
+              (feature) => feature.geometry && feature.geometry.type === conf.geomType
+            );
+            loadFeaturesAndHandleWarning(
+              JSON.stringify({ type: "FeatureCollection", features: filtered }),
+              centerOnWarning
+            );
+          });
+        } else {
+          if ((data == null ? void 0 : data.videoGeoJson) && alarmType.value === "video") {
+            if (!(data == null ? void 0 : data.videoGeoJson)) {
+              return;
+            }
+            loadFeaturesAndHandleWarning(data == null ? void 0 : data.videoGeoJson, centerOnWarning);
+          } else {
+            if (!(data == null ? void 0 : data.geojson)) {
+              return;
+            }
+            loadFeaturesAndHandleWarning(data == null ? void 0 : data.geojson, centerOnWarning);
+          }
+        }
+      }
+    }, "loadingSource");
+    const FnUpdateFloor = /* @__PURE__ */ __name((item) => {
+      loadingSource(item, false);
+    }, "FnUpdateFloor");
+    const FnUpdateDrawFeature2 = /* @__PURE__ */ __name((event) => {
+      event.feature.set("color", defaultColor.value);
+      event.feature.set("drawType", "lineString");
+    }, "FnUpdateDrawFeature2");
+    const FnUpdateDrawFeature = /* @__PURE__ */ __name((event) => {
+      event.feature.set("color", defaultColor.value);
+      event.feature.set("text", "\u91CD\u70B9\u9632\u63A7\u533A\u57DF");
+    }, "FnUpdateDrawFeature");
+    const FnOverrideStyle = /* @__PURE__ */ __name((feature, style) => {
+      var _a, _b, _c, _d, _e, _f;
+      const code = (_a = feature.getProperties()) == null ? void 0 : _a.code;
+      const iconUrl = configIcon.value[code] || img$1;
+      if (code && iconUrl) {
+        const isWarningOrEdit = isWaringCode(code) || activatedMode.value === "edit";
+        const scale = isWarningOrEdit ? 1 : 0.8;
+        const deviceState = (_e = (_d = (_b = listDevice.value.find((item) => item.code === code)) == null ? void 0 : _b.state) != null ? _d : (_c = feature.get("other")) == null ? void 0 : _c.state) != null ? _e : feature.get("state");
+        const iconStyle = (_f = rrefMap.value) == null ? void 0 : _f.createIcon(iconUrl, scale, deviceState);
+        feature.setStyle(iconStyle);
+      } else {
+        updateFeatureStyle(feature);
+      }
+      return style;
+    }, "FnOverrideStyle");
+    const deleteFeature = /* @__PURE__ */ __name((feature) => {
+      var _a;
+      (_a = rrefMap.value) == null ? void 0 : _a.getVectorSource().removeFeature(feature);
+    }, "deleteFeature");
+    const updateFeatureStyle = /* @__PURE__ */ __name((feature = activatedFeature.value, isSelected = false, _offset = 0.4) => {
+      if (!feature) {
+        return;
+      }
+      const text = new Text({
+        overflow: true,
+        textBaseline: "middle",
+        font: "normal 14px \u5FAE\u8F6F\u96C5\u9ED1",
+        text: feature.get("text") || "\u91CD\u70B9\u533A\u57DF",
+        fill: new Fill({
+          color: "red"
+        }),
+        backgroundFill: new Fill({
+          color: "white"
+        }),
+        padding: [2, 5, 2, 5]
+      });
+      const textStyle = new Style({
+        text,
+        fill: new Fill({
+          color: feature.get("color") || "rgba(255,255,51,0.2)"
+        }),
+        stroke: new Stroke({
+          color: feature.get("color") || "rgba(255,255,51,0.2)",
+          width: isSelected ? 4 : 1
+        })
+      });
+      feature.setStyle(textStyle);
+    }, "updateFeatureStyle");
+    const FnSetColor = /* @__PURE__ */ __name((color) => {
+      defaultColor.value = color;
+      if (activatedFeature.value) {
+        activatedFeature.value.set("color", color);
+        updateFeatureStyle(activatedFeature.value, true);
+      }
+      activatedBottomBar.value = "\u9009\u62E9";
+    }, "FnSetColor");
+    const handlerChecked = /* @__PURE__ */ __name((key) => {
+      var _a, _b, _c, _d, _e, _f;
+      activatedBottomBar.value = key;
+      switch (key) {
+        case "\u4FDD\u5B58":
+          FnSaveMain();
+          break;
+        case "\u91CD\u7F6E":
+          (_a = rrefMap.value) == null ? void 0 : _a.getVectorSource().clear();
+          break;
+        case "\u653E\u5927": {
+          const view = (_b = rrefMap.value) == null ? void 0 : _b.getView();
+          if (view) view.setZoom(((_c = view.getZoom()) != null ? _c : 1) + 1);
+          break;
+        }
+        case "\u7F29\u5C0F": {
+          const view = (_d = rrefMap.value) == null ? void 0 : _d.getView();
+          if (view) view.setZoom(((_e = view.getZoom()) != null ? _e : 1) - 1);
+          break;
+        }
+        case "\u533A\u57DF\u6A21\u677F":
+          (function() {
+            var _a2;
+            const feature = new Feature({
+              geometry: new Polygon([
+                [
+                  [786.3792005168201, 338.76241851619795],
+                  [745.2306619461384, 268.6210691239884],
+                  [720.3979398123276, 226.2914822164155],
+                  [689.3061489176491, 181.81733917636961],
+                  [650.6757212309868, 224.32142350364663],
+                  [635.9358768302526, 239.17937425863389],
+                  [628.3098681327549, 250.58557144777728],
+                  [607.7260105988584, 269.24237742792496],
+                  [657.7235396817343, 346.765203291549],
+                  [667.2401356802386, 362.85727288146916],
+                  [709.1159873844781, 428.26685621909996],
+                  [786.3792005168201, 338.76241851619795]
+                ]
+              ]),
+              text: "\u91CD\u70B9\u6D88\u9632\u533A\u57DF\u4ED3\u5E93",
+              color: defaultColor.value
+            });
+            (_a2 = rrefMap.value) == null ? void 0 : _a2.getVectorSource().addFeature(feature);
+          })();
+          break;
+        case "\u539F\u59CB\u5C3A\u5BF8":
+          (_f = rrefMap.value) == null ? void 0 : _f.getView().setZoom(1);
+          break;
+        default:
+          break;
+      }
+    }, "handlerChecked");
+    const dragStart = /* @__PURE__ */ __name((item) => {
+      activatedDragItem.value = item;
+    }, "dragStart");
+    const dragEnd = /* @__PURE__ */ __name((evt) => {
+      setTimeout(() => {
+        var _a;
+        const viewCoordinate = move1.value;
+        if (activatedDragItem.value && viewCoordinate) {
+          const feature = new Feature({
+            geometry: new Point([viewCoordinate[0], viewCoordinate[1]]),
+            type: "\u706D\u706B\u5668",
+            deviceType: activatedDragItem.value.deviceType,
+            code: activatedDragItem.value.code,
+            other: activatedDragItem.value
+          });
+          (_a = rrefMap.value) == null ? void 0 : _a.getVectorSource().addFeature(feature);
+        }
+      }, 100);
+    }, "dragEnd");
+    const listUnitDevice = computed(() => {
+      const codeArr = activatedArrayFeatures.value.reduce(
+        (acc, item) => {
+          if (item.values_.geometry.getType() === "Point") {
+            acc.push(item.values_.code);
+          }
+          return acc;
+        },
+        []
+      );
+      let _listUnitDevice = listDevice.value.filter((item) => {
+        return !codeArr.some((code) => item.code === code);
+      });
+      if (queryDeviceList.value.activatedDeviceModel) {
+        _listUnitDevice = _listUnitDevice.filter((item) => {
+          return item.deviceModelName === queryDeviceList.value.activatedDeviceModel;
+        });
+      }
+      if (queryDeviceList.value.activatedDeviceType) {
+        _listUnitDevice = _listUnitDevice.filter((item) => {
+          return item.deviceTypeName === queryDeviceList.value.activatedDeviceType;
+        });
+      }
+      if (queryDeviceList.value.activatedManufacturer) {
+        _listUnitDevice = _listUnitDevice.filter((item) => {
+          return item.manufacturerName === queryDeviceList.value.activatedManufacturer;
+        });
+      }
+      return _listUnitDevice;
+    });
+    const FnCloseMain = /* @__PURE__ */ __name(() => {
+      emit("closeMain");
+    }, "FnCloseMain");
+    const FnSaveMain = /* @__PURE__ */ __name(() => {
+      var _a;
+      document.documentElement.classList.remove("dark");
+      const features = ((_a = rrefMap.value) == null ? void 0 : _a.getVectorSource().getFeatures()) || [];
+      const jsonObj = new GeoJSON().writeFeatures(features);
+      emit("saveMain", { geojson: jsonObj, floor: activatedFloor.value });
+    }, "FnSaveMain");
+    const configMenuItems = ref([
+      {
+        text: "\u5220\u9664",
+        icon: img$2,
+        callback: /* @__PURE__ */ __name((val) => {
+          if (rrefMap.value.getVectorSource()) {
+            rrefMap.value.getVectorSource().removeFeature(activatedFeature.value);
+          }
+        }, "callback")
+      },
+      {
+        text: "\u7F16\u8F91",
+        icon: img$3,
+        classname: "some-style-class",
+        callback: /* @__PURE__ */ __name((val) => {
+          activatedBottomBar.value = "\u7F16\u8F91";
+        }, "callback")
+      },
+      {
+        text: "\u989C\u8272",
+        icon: img$4,
+        classname: "some-style-class",
+        callback: /* @__PURE__ */ __name((val) => {
+          activatedBottomBar.value = "\u989C\u8272";
+        }, "callback")
+      },
+      {
+        text: "\u4FDD\u5B58",
+        icon: img$5,
+        classname: "some-style-class",
+        callback: /* @__PURE__ */ __name((val) => {
+          FnSaveMain();
+        }, "callback")
+      }
+    ]);
+    __expose({
+      open
+    });
+    return (_ctx, _cache) => {
+      const _component_el_card = resolveComponent("el-card");
+      const _component_el_popover = resolveComponent("el-popover");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_input = resolveComponent("el-input");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(
+          _sfc_main$1,
+          {
+            ref_key: "refFloor",
+            ref: refFloor,
+            onChangeFloor: FnUpdateFloor
+          },
+          null,
+          512
+          /* NEED_PATCH */
+        ),
+        activatedMode.value === "edit" ? (openBlock(), createBlock(_component_el_card, {
+          key: 0,
+          style: { "height": "50px", "width": "680px", "z-index": "999999999 !important", "top": "5px", "left": "5px" },
+          class: "absolute tob-6"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(configTopBar.value, (o) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: o.name,
+                    class: "mr-3 cursor-pointer text item t truncate ...",
+                    onClick: _cache[0] || (_cache[0] = ($event) => FnCloseMain())
+                  }, [
+                    createElementVNode(
+                      "i",
+                      {
+                        class: normalizeClass(["iconfont", [o.icon]])
+                      },
+                      null,
+                      2
+                      /* CLASS */
+                    ),
+                    createTextVNode(
+                      " " + toDisplayString(o.name) + " ",
+                      1
+                      /* TEXT */
+                    ),
+                    o.name !== "\u9000\u51FA" ? (openBlock(), createElementBlock(
+                      "span",
+                      _hoisted_3,
+                      toDisplayString(o.value),
+                      1
+                      /* TEXT */
+                    )) : createCommentVNode("v-if", true)
+                  ]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        })) : createCommentVNode("v-if", true),
+        activatedMode.value === "edit" ? (openBlock(), createBlock(_component_el_card, {
+          key: 1,
+          style: { "height": "50px", "width": "920px", "z-index": "999999999 !important", "transform": "translateX(-50%)", "left": "50%" },
+          class: "absolute bottom-6"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_4, [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(configBottomBar.value, (o) => {
+                  return openBlock(), createElementBlock(
+                    Fragment,
+                    {
+                      key: o.name
+                    },
+                    [
+                      o.name !== "\u989C\u8272" && o.name !== "\u533A\u57DF\u8BBE\u7F6E" ? (openBlock(), createElementBlock("div", {
+                        key: 0,
+                        class: normalizeClass(["mr-3 cursor-pointer text item", [activatedBottomBar.value === o.name ? "bg-red-600" : ""]]),
+                        onClick: /* @__PURE__ */ __name(($event) => handlerChecked(o.name), "onClick")
+                      }, [
+                        createElementVNode("span", null, [
+                          createElementVNode(
+                            "i",
+                            {
+                              class: normalizeClass(["iconfont", [o.icon]])
+                            },
+                            null,
+                            2
+                            /* CLASS */
+                          ),
+                          createTextVNode(
+                            " " + toDisplayString(o.name),
+                            1
+                            /* TEXT */
+                          )
+                        ])
+                      ], 10, _hoisted_5)) : o.name === "\u533A\u57DF\u8BBE\u7F6E" ? (openBlock(), createBlock(
+                        _component_el_popover,
+                        {
+                          key: 1,
+                          width: 250,
+                          style: { "height": "350px !important" },
+                          placement: "top",
+                          trigger: "click",
+                          "popper-class": "t-popper"
+                        },
+                        {
+                          reference: withCtx(() => [
+                            createElementVNode("div", {
+                              class: normalizeClass(["mr-3 cursor-pointer text item", [activatedBottomBar.value === o.name ? "bg-red-600" : ""]]),
+                              onClick: /* @__PURE__ */ __name(($event) => handlerChecked(o.name), "onClick")
+                            }, [
+                              createElementVNode("span", null, [
+                                createElementVNode(
+                                  "i",
+                                  {
+                                    class: normalizeClass(["iconfont", [o.icon]])
+                                  },
+                                  null,
+                                  2
+                                  /* CLASS */
+                                ),
+                                createTextVNode(
+                                  " " + toDisplayString(o.name),
+                                  1
+                                  /* TEXT */
+                                )
+                              ])
+                            ], 10, _hoisted_6)
+                          ]),
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(
+                              Fragment,
+                              null,
+                              renderList(configBottomBar2.value, (o2) => {
+                                return openBlock(), createElementBlock("div", {
+                                  key: o2.name,
+                                  class: normalizeClass(["mr-3 cursor-pointer text item", [activatedBottomBar.value === o2.name ? "bg-red-600" : ""]]),
+                                  onClick: /* @__PURE__ */ __name(($event) => handlerChecked(o2.name), "onClick")
+                                }, [
+                                  createElementVNode("span", null, [
+                                    createElementVNode(
+                                      "i",
+                                      {
+                                        class: normalizeClass(["iconfont", [o2.icon]])
+                                      },
+                                      null,
+                                      2
+                                      /* CLASS */
+                                    ),
+                                    createTextVNode(
+                                      " " + toDisplayString(o2.name),
+                                      1
+                                      /* TEXT */
+                                    )
+                                  ])
+                                ], 10, _hoisted_7);
+                              }),
+                              128
+                              /* KEYED_FRAGMENT */
+                            ))
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        },
+                        1024
+                        /* DYNAMIC_SLOTS */
+                      )) : (openBlock(), createBlock(
+                        _component_el_popover,
+                        {
+                          key: 2,
+                          width: 250,
+                          style: { "height": "350px !important" },
+                          placement: "top",
+                          trigger: "click",
+                          "popper-class": "t-popper"
+                        },
+                        {
+                          reference: withCtx(() => [
+                            createElementVNode("div", {
+                              class: normalizeClass(["mr-3 cursor-pointer text item", [activatedBottomBar.value === o.name ? "bg-red-600" : ""]]),
+                              onClick: /* @__PURE__ */ __name(($event) => handlerChecked(o.name), "onClick")
+                            }, [
+                              createElementVNode("span", null, [
+                                createElementVNode(
+                                  "i",
+                                  {
+                                    class: normalizeClass(["iconfont", [o.icon]])
+                                  },
+                                  null,
+                                  2
+                                  /* CLASS */
+                                ),
+                                createTextVNode(
+                                  " " + toDisplayString(o.name),
+                                  1
+                                  /* TEXT */
+                                )
+                              ])
+                            ], 10, _hoisted_8)
+                          ]),
+                          default: withCtx(() => [
+                            createElementVNode("div", _hoisted_9, [
+                              (openBlock(true), createElementBlock(
+                                Fragment,
+                                null,
+                                renderList(colorList.value, (c) => {
+                                  return openBlock(), createElementBlock("div", {
+                                    key: c.value,
+                                    class: "flex flex-col items-center cursor-pointer",
+                                    onClick: /* @__PURE__ */ __name(($event) => FnSetColor(c.value), "onClick")
+                                  }, [
+                                    createElementVNode(
+                                      "span",
+                                      {
+                                        class: "w-8 h-8 rounded border border-gray-300",
+                                        style: normalizeStyle({ backgroundColor: c.value })
+                                      },
+                                      null,
+                                      4
+                                      /* STYLE */
+                                    ),
+                                    createElementVNode(
+                                      "span",
+                                      _hoisted_11,
+                                      toDisplayString(c.name),
+                                      1
+                                      /* TEXT */
+                                    )
+                                  ], 8, _hoisted_10);
+                                }),
+                                128
+                                /* KEYED_FRAGMENT */
+                              ))
+                            ])
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        },
+                        1024
+                        /* DYNAMIC_SLOTS */
+                      ))
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        })) : createCommentVNode("v-if", true),
+        activatedMode.value === "edit" ? (openBlock(), createBlock(_component_el_card, {
+          key: 2,
+          style: { "width": "500px", "z-index": "999999999 !important" },
+          class: normalizeClass(["absolute right-6", [activatedFold.value === true ? "t-fold " : "t-unfold open-info-list"]]),
+          "body-style": { height: "100%" }
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_12, [
+              createElementVNode("div", _hoisted_13, [
+                createElementVNode(
+                  "span",
+                  {
+                    class: normalizeClass(["flex items-center mr-5 cursor-pointer", [activatedList.value ? "text-primary" : ""]]),
+                    onClick: _cache[1] || (_cache[1] = ($event) => activatedList.value = true)
+                  },
+                  toDisplayString(list_title.value),
+                  3
+                  /* TEXT, CLASS */
+                ),
+                createElementVNode(
+                  "span",
+                  {
+                    class: normalizeClass(["flex items-center cursor-pointer", [!activatedList.value ? "text-primary" : ""]]),
+                    onClick: _cache[2] || (_cache[2] = ($event) => activatedList.value = false)
+                  },
+                  " \u6807\u6CE8\u4FE1\u606F\u5217\u8868 ",
+                  2
+                  /* CLASS */
+                )
+              ]),
+              activatedFold.value ? (openBlock(), createElementBlock("span", {
+                key: 0,
+                class: "flex items-center cursor-pointer text-primary",
+                onClick: FnUpdateActivatedFold
+              }, " \u5C55\u5F00 ")) : (openBlock(), createElementBlock("span", {
+                key: 1,
+                class: "flex items-center cursor-pointer text-primary",
+                onClick: FnUpdateActivatedFold
+              }, " \u6536\u8D77 "))
+            ]),
+            createVNode(_component_el_select, {
+              modelValue: queryDeviceList.value.activatedDeviceType,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => queryDeviceList.value.activatedDeviceType = $event),
+              clearable: "",
+              style: { "width": "32%" },
+              class: "mr-2",
+              placeholder: "\u8BF7\u9009\u62E9\u7C7B\u578B",
+              teleported: false
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(configOptionsDeviceType.value, (item) => {
+                    return openBlock(), createBlock(_component_el_option, {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["modelValue"]),
+            createVNode(_component_el_select, {
+              modelValue: queryDeviceList.value.activatedDeviceModel,
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => queryDeviceList.value.activatedDeviceModel = $event),
+              clearable: "",
+              style: { "width": "32%" },
+              class: "mr-2",
+              placeholder: "\u8BF7\u9009\u62E9\u578B\u53F7",
+              teleported: false
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(configOptionsDeviceModel.value, (item) => {
+                    return openBlock(), createBlock(_component_el_option, {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["modelValue"]),
+            createVNode(_component_el_select, {
+              modelValue: queryDeviceList.value.activatedManufacturer,
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => queryDeviceList.value.activatedManufacturer = $event),
+              clearable: "",
+              style: { "width": "32%" },
+              placeholder: "\u8BF7\u9009\u62E9\u5382\u5546",
+              teleported: false
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(configOptionsManufacturer.value, (item) => {
+                    return openBlock(), createBlock(_component_el_option, {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["modelValue"]),
+            activatedList.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
+              _cache[6] || (_cache[6] = createElementVNode(
+                "span",
+                { class: "col-span-1" },
+                "\u56FE\u6807",
+                -1
+                /* CACHED */
+              )),
+              _cache[7] || (_cache[7] = createElementVNode(
+                "span",
+                { class: "col-span-4" },
+                "\u7F16\u53F7",
+                -1
+                /* CACHED */
+              )),
+              createCommentVNode(' <span class="col-span-2 text-center">\u697C\u5C42</span> '),
+              createElementVNode(
+                "span",
+                _hoisted_15,
+                toDisplayString(list_title.value === "\u8BBE\u5907\u4FE1\u606F\u5217\u8868" ? "\u8BBE\u5907\u7C7B\u578B" : "\u8BBE\u65BD\u7C7B\u578B"),
+                1
+                /* TEXT */
+              ),
+              _cache[8] || (_cache[8] = createElementVNode(
+                "span",
+                { class: "col-span-3" },
+                "\u4F4D\u7F6E",
+                -1
+                /* CACHED */
+              ))
+            ])) : (openBlock(), createElementBlock("div", _hoisted_16, _cache[9] || (_cache[9] = [
+              createElementVNode(
+                "span",
+                { class: "col-span-1" },
+                "\u5E8F\u53F7",
+                -1
+                /* CACHED */
+              ),
+              createElementVNode(
+                "span",
+                { class: "col-span-1" },
+                "\u56FE\u6807",
+                -1
+                /* CACHED */
+              ),
+              createElementVNode(
+                "span",
+                { class: "col-span-8" },
+                "\u540D\u79F0",
+                -1
+                /* CACHED */
+              ),
+              createElementVNode(
+                "span",
+                { class: "col-span-2" },
+                "\u64CD\u4F5C",
+                -1
+                /* CACHED */
+              )
+            ]))),
+            activatedList.value ? (openBlock(), createElementBlock("div", _hoisted_17, [
+              createCommentVNode(" {{ listUnitDevice.length }} "),
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(listUnitDevice.value, (item, index) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: index,
+                    class: "grid gap-1 mt-4 px-3.5 w-full grid-cols-12",
+                    title: item.deviceTypeName
+                  }, [
+                    createElementVNode("span", _hoisted_19, [
+                      createVNode(_sfc_main$2, {
+                        icon: configIcon.value[item.code] || unref(img$1),
+                        item,
+                        "map-ref": rrefMap.value,
+                        move1: move1.value,
+                        onDragstart: dragStart,
+                        onDragend: dragEnd
+                      }, null, 8, ["icon", "item", "map-ref", "move1"])
+                    ]),
+                    createElementVNode(
+                      "span",
+                      _hoisted_20,
+                      toDisplayString(item.code),
+                      1
+                      /* TEXT */
+                    ),
+                    createElementVNode("span", {
+                      class: "col-span-4 break-words",
+                      title: item.remark || item.deviceTypeName || item.videoName
+                    }, toDisplayString(item.remark || item.deviceTypeName || item.videoName), 9, _hoisted_21),
+                    createElementVNode("span", {
+                      class: "col-span-3 break-words",
+                      title: item.locationDesc
+                    }, toDisplayString(item.locationDesc || item.addressDesc), 9, _hoisted_22)
+                  ], 8, _hoisted_18);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])) : (openBlock(), createElementBlock("div", _hoisted_23, [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(activatedArrayFeatures.value, (item, index) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: item,
+                    class: "grid gap-1 mt-4 px-3.5 w-full grid-cols-12"
+                  }, [
+                    createElementVNode(
+                      "span",
+                      _hoisted_24,
+                      toDisplayString(index + 1),
+                      1
+                      /* TEXT */
+                    ),
+                    createElementVNode("span", _hoisted_25, [
+                      item.values_.geometry.getType() === "Point" ? (openBlock(), createElementBlock("div", _hoisted_26)) : (openBlock(), createElementBlock(
+                        "div",
+                        {
+                          key: 1,
+                          class: "!w-8 h-full",
+                          style: normalizeStyle(`background-color:${item.values_.color}`)
+                        },
+                        null,
+                        4
+                        /* STYLE */
+                      ))
+                    ]),
+                    createElementVNode("span", _hoisted_27, [
+                      item.values_.geometry.getType() === "Point" ? (openBlock(), createBlock(_component_el_input, {
+                        key: 0,
+                        modelValue: item.values_.type,
+                        "onUpdate:modelValue": /* @__PURE__ */ __name(($event) => item.values_.type = $event, "onUpdate:modelValue"),
+                        size: "large",
+                        clearable: ""
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (openBlock(), createBlock(_component_el_input, {
+                        key: 1,
+                        modelValue: item.values_.text,
+                        "onUpdate:modelValue": /* @__PURE__ */ __name(($event) => item.values_.text = $event, "onUpdate:modelValue"),
+                        size: "large",
+                        clearable: "",
+                        onChange: /* @__PURE__ */ __name(($event) => updateFeatureStyle(item), "onChange")
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"]))
+                    ]),
+                    createElementVNode("span", {
+                      class: "flex items-center justify-center col-span-2 cursor-pointer",
+                      onClick: /* @__PURE__ */ __name(($event) => deleteFeature(item), "onClick")
+                    }, _cache[10] || (_cache[10] = [
+                      createElementVNode(
+                        "i",
+                        { class: "iconfont icon-shanchu" },
+                        null,
+                        -1
+                        /* CACHED */
+                      )
+                    ]), 8, _hoisted_28)
+                  ]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["class"])) : createCommentVNode("v-if", true),
+        listFloor.value.length > 0 && activatedFloor.value ? (openBlock(), createBlock(_sfc_main$3, {
+          key: 3,
+          ref_key: "rrefMap",
+          ref: rrefMap,
+          "api-key": "AjtUzWJBHlI3Ma_Ke6Qv2fGRXEs0ua5hUQi54ECwfXTiWsitll4AkETZDihjcfeI",
+          center: center.value,
+          zoom: zoom.value,
+          projection: projection.value,
+          "img-url": imgUrl.value,
+          size: size.value,
+          extent: extent.value,
+          "config-menu-items": configMenuItems.value,
+          "activated-bottom-bar": activatedBottomBar.value,
+          onReady: handleMapReady,
+          _waring: hasWaring.value ? _waring.value : null,
+          "activated-position-overlay-waring": activatedPositionOverlayWaring.value,
+          "activated-position-overlay": activatedPositionOverlay.value,
+          "activated-properties-overlay": activatedPropertiesOverlay.value,
+          list_title: list_title.value,
+          "alarm-type": alarmType.value,
+          "svg-overlay": unref(img$6),
+          "waring-icon": unref(img$7),
+          FnUpdateDrawFeature,
+          FnUpdateDrawFeature2,
+          FnOverrideStyle
+        }, {
+          overlay: withCtx(() => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+            return [
+              activatedPropertiesOverlay.value.type && list_title.value === "\u8BBE\u5907\u4FE1\u606F\u5217\u8868" ? (openBlock(), createElementBlock("div", _hoisted_29, [
+                createElementVNode("img", {
+                  src: unref(img$6),
+                  alt: "",
+                  class: "absolute w-full h-full"
+                }, null, 8, _hoisted_30),
+                createElementVNode(
+                  "div",
+                  _hoisted_31,
+                  " \u8BBE\u5907\u7F16\u7801\uFF1A " + toDisplayString((_a = activatedPropertiesOverlay.value.other) == null ? void 0 : _a.code),
+                  1
+                  /* TEXT */
+                ),
+                createElementVNode(
+                  "div",
+                  _hoisted_32,
+                  " \u521B\u5EFA\u65E5\u671F\uFF1A " + toDisplayString((_b = activatedPropertiesOverlay.value.other) == null ? void 0 : _b.createTime),
+                  1
+                  /* TEXT */
+                ),
+                createElementVNode("div", _hoisted_33, [
+                  _cache[11] || (_cache[11] = createTextVNode(
+                    " \u8BBE\u5907\u4F4D\u7F6E\uFF1A ",
+                    -1
+                    /* CACHED */
+                  )),
+                  createElementVNode("div", {
+                    class: "w-52 flex justify-start items-center text-gradient2 truncate ...",
+                    title: ((_c = activatedPropertiesOverlay.value.other) == null ? void 0 : _c.videoName) || ((_d = activatedPropertiesOverlay.value.other) == null ? void 0 : _d.addressDesc)
+                  }, toDisplayString(alarmType.value === "video" ? (_e = activatedPropertiesOverlay.value.other) == null ? void 0 : _e.videoName : (_f = activatedPropertiesOverlay.value.other) == null ? void 0 : _f.addressDesc), 9, _hoisted_34)
+                ]),
+                createElementVNode("div", _hoisted_35, [
+                  _cache[12] || (_cache[12] = createTextVNode(
+                    " \u8BBE\u5907\u7C7B\u578B\uFF1A ",
+                    -1
+                    /* CACHED */
+                  )),
+                  createElementVNode("div", {
+                    class: "w-52 flex justify-start items-center text-gradient2 truncate ...",
+                    title: ((_g = activatedPropertiesOverlay.value.other) == null ? void 0 : _g.remark) || ((_h = activatedPropertiesOverlay.value.other) == null ? void 0 : _h.deviceTypeName) || ((_i = activatedPropertiesOverlay.value.other) == null ? void 0 : _i.facilityTypeName)
+                  }, toDisplayString(alarmType.value === "video" ? "\u6444\u50CF\u5934" : ((_j = activatedPropertiesOverlay.value.other) == null ? void 0 : _j.remark) || ((_k = activatedPropertiesOverlay.value.other) == null ? void 0 : _k.facilityTypeName) || ((_l = activatedPropertiesOverlay.value.other) == null ? void 0 : _l.deviceTypeName)), 9, _hoisted_36)
+                ])
+              ])) : createCommentVNode("v-if", true),
+              createCommentVNode(" \u8BBE\u65BD\u4FE1\u606F\u5F39\u7A97 "),
+              activatedPropertiesOverlay.value.type && list_title.value === "\u8BBE\u65BD\u4FE1\u606F\u5217\u8868" ? (openBlock(), createElementBlock("div", _hoisted_37, [
+                createElementVNode("img", {
+                  src: unref(img$6),
+                  alt: "",
+                  class: "absolute w-full h-full"
+                }, null, 8, _hoisted_38),
+                createElementVNode(
+                  "div",
+                  _hoisted_39,
+                  " \u8BBE\u65BD\u7F16\u7801\uFF1A " + toDisplayString((_m = activatedPropertiesOverlay.value.other) == null ? void 0 : _m.code),
+                  1
+                  /* TEXT */
+                ),
+                createElementVNode(
+                  "div",
+                  _hoisted_40,
+                  " \u521B\u5EFA\u65E5\u671F\uFF1A " + toDisplayString((_n = activatedPropertiesOverlay.value.other) == null ? void 0 : _n.createTime),
+                  1
+                  /* TEXT */
+                ),
+                createElementVNode(
+                  "div",
+                  _hoisted_41,
+                  " \u8BBE\u65BD\u578B\u53F7\uFF1A " + toDisplayString((_o = activatedPropertiesOverlay.value.other) == null ? void 0 : _o.deviceModelName),
+                  1
+                  /* TEXT */
+                ),
+                createElementVNode(
+                  "div",
+                  _hoisted_42,
+                  " \u8BBE\u65BD\u5382\u5546\uFF1A " + toDisplayString((_p = activatedPropertiesOverlay.value.other) == null ? void 0 : _p.manufacturerName),
+                  1
+                  /* TEXT */
+                )
+              ])) : createCommentVNode("v-if", true)
+            ];
+          }),
+          _: 1
+          /* STABLE */
+        }, 8, ["center", "zoom", "projection", "img-url", "size", "extent", "config-menu-items", "activated-bottom-bar", "_waring", "activated-position-overlay-waring", "activated-position-overlay", "activated-properties-overlay", "list_title", "alarm-type", "svg-overlay", "waring-icon"])) : (openBlock(), createElementBlock("img", {
+          key: 4,
+          src: unref(img),
+          alt: "\u9ED8\u8BA4\u5E95\u56FE",
+          style: normalizeStyle({ width: `${size.value[0]}px`, height: `${size.value[1]}px` })
+        }, null, 12, _hoisted_43))
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=geoMark.vue2.mjs.map