@yimou6/common-ui 1.13.19 → 1.13.22

package/lib/components/geoMark/src/geoMark.vue2.js

@@ -0,0 +1,1429 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var lodashEs = require('lodash-es');
+var condition_js = require('ol/events/condition.js');
+var Feature = require('ol/Feature');
+var GeoJSON = require('ol/format/GeoJSON.js');
+var Point = require('ol/geom/Point.js');
+var Polygon = require('ol/geom/Polygon.js');
+var Draw = require('ol/interaction/Draw.js');
+var Modify = require('ol/interaction/Modify.js');
+var Translate = require('ol/interaction/Translate.js');
+var VectorLayer = require('ol/layer/Vector.js');
+var style = require('ol/style');
+var CircleStyle = require('ol/style/Circle.js');
+var Style = require('ol/style/Style');
+var __$3 = require('./assets/保存.png.js');
+var __ = require('./assets/删除.png.js');
+var __$1 = require('./assets/编辑.png.js');
+var __$2 = require('./assets/颜色.png.js');
+var _default = require('./default.png.js');
+require('./DragIcon.vue.js');
+require('./floorRight/floor.vue.js');
+var geoMark = require('./geoMark.js');
+require('./openMap.vue.js');
+var waring = require('./waring.png.js');
+var ___$1 = require('./新弹框.png.js');
+var ___ = require('./灭火器.png.js');
+var floor_vue_vue_type_script_setup_true_lang = require('./floorRight/floor.vue2.js');
+var DragIcon_vue_vue_type_script_setup_true_lang = require('./DragIcon.vue2.js');
+var openMap_vue_vue_type_script_setup_true_lang = require('./openMap.vue2.js');
+
+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__ */ vue.defineComponent({
+  ...{ name: "IGeoMark" },
+  __name: "geoMark",
+  props: geoMark.GeoMarkProps,
+  emits: ["closeMain", "saveMain"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const activatedPositionOverlayWaring = vue.ref([]);
+    const drawInteraction = vue.ref(null);
+    const modifyInteraction = vue.ref(null);
+    const translateInteraction = vue.ref(null);
+    const currentDrawType = vue.ref("Polygon");
+    vue.onMounted(() => {
+      window.addEventListener("popstate", (e) => {
+        document.documentElement.classList.remove("dark");
+        e.preventDefault();
+      });
+    });
+    vue.onUnmounted(() => {
+      document.documentElement.classList.remove("dark");
+    });
+    const activatedList = vue.ref(true);
+    const activatedFold = vue.ref(false);
+    const FnUpdateActivatedFold = /* @__PURE__ */ __name(() => {
+      activatedFold.value = !activatedFold.value;
+    }, "FnUpdateActivatedFold");
+    const listFloor = vue.ref([]);
+    const listDevice = vue.ref([]);
+    const listAllDevice = vue.ref([]);
+    const list_title = vue.ref("\u8BBE\u5907\u4FE1\u606F\u5217\u8868");
+    const configIcon = vue.ref({});
+    const configTopBar = vue.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 = vue.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 = vue.ref([
+      { name: "\u533A\u57DF\u6A21\u677F", icon: "icon-moban2" },
+      { name: "\u533A\u57DF\u7ED8\u5236", icon: "icon-pencel" }
+    ]);
+    const activatedMode = vue.computed(() => {
+      return props.type || "edit";
+    });
+    const activatedBottomBar = vue.ref("\u9009\u62E9");
+    const activatedFloor = vue.ref();
+    const refFloor = vue.ref(null);
+    const alarmType = vue.ref("fire");
+    const filtrationType = vue.ref([]);
+    const _waring = vue.ref(null);
+    const hasWaring = vue.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 = vue.ref(_default.default);
+    const rrefMap = vue.ref(null);
+    const mapReady = vue.ref(false);
+    const pendingInit = vue.ref(null);
+    const activatedPositionOverlay = vue.ref([]);
+    const activatedPropertiesOverlay = vue.ref({});
+    const activatedArrayFeatures = vue.ref([]);
+    const activatedFeature = vue.ref(null);
+    const move1 = vue.ref([]);
+    const defaultColor = vue.ref("rgba(255,255,51,0.2)");
+    const colorList = vue.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 = vue.ref([0, 0]);
+    const zoom = vue.ref(1);
+    const projection = vue.ref("EPSG:3857");
+    const size = vue.ref([800, 600]);
+    const extent = vue.ref([0, 0, 800, 600]);
+    const configOptionsDeviceType = vue.ref([]);
+    const configOptionsDeviceModel = vue.ref([]);
+    const configOptionsManufacturer = vue.ref([]);
+    const queryDeviceList = vue.ref({
+      activatedDeviceType: "",
+      activatedManufacturer: "",
+      activatedDeviceModel: ""
+    });
+    const activatedDragItem = vue.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 style.Fill({ color: "rgba(255, 255, 255, 0.2)" }),
+          stroke: new style.Stroke({ color: "#ffcc33", width: 2 }),
+          image: new CircleStyle({
+            radius: 7,
+            fill: new style.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 condition_js.primaryAction(event) && !condition_js.platformModifierKeyOnly(event);
+        },
+        deleteCondition: condition_js.never,
+        insertVertexCondition: condition_js.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 condition_js.primaryAction(event) && condition_js.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) => !lodashEs.isNil(e.label));
+      configOptionsManufacturer.value = Array.from(manufacturerSet).map((manufacturer) => ({
+        label: manufacturer,
+        value: manufacturer,
+        key: manufacturer
+      })).filter((e) => !lodashEs.isNil(e.label));
+      configOptionsDeviceModel.value = Array.from(deviceModelSet).map((deviceModel) => ({
+        label: deviceModel,
+        value: deviceModel,
+        key: deviceModel
+      })).filter((e) => !lodashEs.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;
+      });
+      vue.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 || _default.default;
+      let dims;
+      try {
+        dims = await getImageDimensions(url);
+        imgUrl.value = url;
+      } catch {
+        try {
+          dims = await getImageDimensions(_default.default);
+          imgUrl.value = _default.default;
+        } 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] || ___.default;
+      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 style.Text({
+        overflow: true,
+        textBaseline: "middle",
+        font: "normal 14px \u5FAE\u8F6F\u96C5\u9ED1",
+        text: feature.get("text") || "\u91CD\u70B9\u533A\u57DF",
+        fill: new style.Fill({
+          color: "red"
+        }),
+        backgroundFill: new style.Fill({
+          color: "white"
+        }),
+        padding: [2, 5, 2, 5]
+      });
+      const textStyle = new Style({
+        text,
+        fill: new style.Fill({
+          color: feature.get("color") || "rgba(255,255,51,0.2)"
+        }),
+        stroke: new style.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 = vue.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 = vue.ref([
+      {
+        text: "\u5220\u9664",
+        icon: __.default,
+        callback: /* @__PURE__ */ __name((val) => {
+          if (rrefMap.value.getVectorSource()) {
+            rrefMap.value.getVectorSource().removeFeature(activatedFeature.value);
+          }
+        }, "callback")
+      },
+      {
+        text: "\u7F16\u8F91",
+        icon: __$1.default,
+        classname: "some-style-class",
+        callback: /* @__PURE__ */ __name((val) => {
+          activatedBottomBar.value = "\u7F16\u8F91";
+        }, "callback")
+      },
+      {
+        text: "\u989C\u8272",
+        icon: __$2.default,
+        classname: "some-style-class",
+        callback: /* @__PURE__ */ __name((val) => {
+          activatedBottomBar.value = "\u989C\u8272";
+        }, "callback")
+      },
+      {
+        text: "\u4FDD\u5B58",
+        icon: __$3.default,
+        classname: "some-style-class",
+        callback: /* @__PURE__ */ __name((val) => {
+          FnSaveMain();
+        }, "callback")
+      }
+    ]);
+    __expose({
+      open
+    });
+    return (_ctx, _cache) => {
+      const _component_el_card = vue.resolveComponent("el-card");
+      const _component_el_popover = vue.resolveComponent("el-popover");
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_input = vue.resolveComponent("el-input");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(
+          floor_vue_vue_type_script_setup_true_lang.default,
+          {
+            ref_key: "refFloor",
+            ref: refFloor,
+            onChangeFloor: FnUpdateFloor
+          },
+          null,
+          512
+          /* NEED_PATCH */
+        ),
+        activatedMode.value === "edit" ? (vue.openBlock(), vue.createBlock(_component_el_card, {
+          key: 0,
+          style: { "height": "50px", "width": "680px", "z-index": "999999999 !important", "top": "5px", "left": "5px" },
+          class: "absolute tob-6"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_2, [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(configTopBar.value, (o) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: o.name,
+                    class: "mr-3 cursor-pointer text item t truncate ...",
+                    onClick: _cache[0] || (_cache[0] = ($event) => FnCloseMain())
+                  }, [
+                    vue.createElementVNode(
+                      "i",
+                      {
+                        class: vue.normalizeClass(["iconfont", [o.icon]])
+                      },
+                      null,
+                      2
+                      /* CLASS */
+                    ),
+                    vue.createTextVNode(
+                      " " + vue.toDisplayString(o.name) + " ",
+                      1
+                      /* TEXT */
+                    ),
+                    o.name !== "\u9000\u51FA" ? (vue.openBlock(), vue.createElementBlock(
+                      "span",
+                      _hoisted_3,
+                      vue.toDisplayString(o.value),
+                      1
+                      /* TEXT */
+                    )) : vue.createCommentVNode("v-if", true)
+                  ]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        })) : vue.createCommentVNode("v-if", true),
+        activatedMode.value === "edit" ? (vue.openBlock(), vue.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: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_4, [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(configBottomBar.value, (o) => {
+                  return vue.openBlock(), vue.createElementBlock(
+                    vue.Fragment,
+                    {
+                      key: o.name
+                    },
+                    [
+                      o.name !== "\u989C\u8272" && o.name !== "\u533A\u57DF\u8BBE\u7F6E" ? (vue.openBlock(), vue.createElementBlock("div", {
+                        key: 0,
+                        class: vue.normalizeClass(["mr-3 cursor-pointer text item", [activatedBottomBar.value === o.name ? "bg-red-600" : ""]]),
+                        onClick: /* @__PURE__ */ __name(($event) => handlerChecked(o.name), "onClick")
+                      }, [
+                        vue.createElementVNode("span", null, [
+                          vue.createElementVNode(
+                            "i",
+                            {
+                              class: vue.normalizeClass(["iconfont", [o.icon]])
+                            },
+                            null,
+                            2
+                            /* CLASS */
+                          ),
+                          vue.createTextVNode(
+                            " " + vue.toDisplayString(o.name),
+                            1
+                            /* TEXT */
+                          )
+                        ])
+                      ], 10, _hoisted_5)) : o.name === "\u533A\u57DF\u8BBE\u7F6E" ? (vue.openBlock(), vue.createBlock(
+                        _component_el_popover,
+                        {
+                          key: 1,
+                          width: 250,
+                          style: { "height": "350px !important" },
+                          placement: "top",
+                          trigger: "click",
+                          "popper-class": "t-popper"
+                        },
+                        {
+                          reference: vue.withCtx(() => [
+                            vue.createElementVNode("div", {
+                              class: vue.normalizeClass(["mr-3 cursor-pointer text item", [activatedBottomBar.value === o.name ? "bg-red-600" : ""]]),
+                              onClick: /* @__PURE__ */ __name(($event) => handlerChecked(o.name), "onClick")
+                            }, [
+                              vue.createElementVNode("span", null, [
+                                vue.createElementVNode(
+                                  "i",
+                                  {
+                                    class: vue.normalizeClass(["iconfont", [o.icon]])
+                                  },
+                                  null,
+                                  2
+                                  /* CLASS */
+                                ),
+                                vue.createTextVNode(
+                                  " " + vue.toDisplayString(o.name),
+                                  1
+                                  /* TEXT */
+                                )
+                              ])
+                            ], 10, _hoisted_6)
+                          ]),
+                          default: vue.withCtx(() => [
+                            (vue.openBlock(true), vue.createElementBlock(
+                              vue.Fragment,
+                              null,
+                              vue.renderList(configBottomBar2.value, (o2) => {
+                                return vue.openBlock(), vue.createElementBlock("div", {
+                                  key: o2.name,
+                                  class: vue.normalizeClass(["mr-3 cursor-pointer text item", [activatedBottomBar.value === o2.name ? "bg-red-600" : ""]]),
+                                  onClick: /* @__PURE__ */ __name(($event) => handlerChecked(o2.name), "onClick")
+                                }, [
+                                  vue.createElementVNode("span", null, [
+                                    vue.createElementVNode(
+                                      "i",
+                                      {
+                                        class: vue.normalizeClass(["iconfont", [o2.icon]])
+                                      },
+                                      null,
+                                      2
+                                      /* CLASS */
+                                    ),
+                                    vue.createTextVNode(
+                                      " " + vue.toDisplayString(o2.name),
+                                      1
+                                      /* TEXT */
+                                    )
+                                  ])
+                                ], 10, _hoisted_7);
+                              }),
+                              128
+                              /* KEYED_FRAGMENT */
+                            ))
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        },
+                        1024
+                        /* DYNAMIC_SLOTS */
+                      )) : (vue.openBlock(), vue.createBlock(
+                        _component_el_popover,
+                        {
+                          key: 2,
+                          width: 250,
+                          style: { "height": "350px !important" },
+                          placement: "top",
+                          trigger: "click",
+                          "popper-class": "t-popper"
+                        },
+                        {
+                          reference: vue.withCtx(() => [
+                            vue.createElementVNode("div", {
+                              class: vue.normalizeClass(["mr-3 cursor-pointer text item", [activatedBottomBar.value === o.name ? "bg-red-600" : ""]]),
+                              onClick: /* @__PURE__ */ __name(($event) => handlerChecked(o.name), "onClick")
+                            }, [
+                              vue.createElementVNode("span", null, [
+                                vue.createElementVNode(
+                                  "i",
+                                  {
+                                    class: vue.normalizeClass(["iconfont", [o.icon]])
+                                  },
+                                  null,
+                                  2
+                                  /* CLASS */
+                                ),
+                                vue.createTextVNode(
+                                  " " + vue.toDisplayString(o.name),
+                                  1
+                                  /* TEXT */
+                                )
+                              ])
+                            ], 10, _hoisted_8)
+                          ]),
+                          default: vue.withCtx(() => [
+                            vue.createElementVNode("div", _hoisted_9, [
+                              (vue.openBlock(true), vue.createElementBlock(
+                                vue.Fragment,
+                                null,
+                                vue.renderList(colorList.value, (c) => {
+                                  return vue.openBlock(), vue.createElementBlock("div", {
+                                    key: c.value,
+                                    class: "flex flex-col items-center cursor-pointer",
+                                    onClick: /* @__PURE__ */ __name(($event) => FnSetColor(c.value), "onClick")
+                                  }, [
+                                    vue.createElementVNode(
+                                      "span",
+                                      {
+                                        class: "w-8 h-8 rounded border border-gray-300",
+                                        style: vue.normalizeStyle({ backgroundColor: c.value })
+                                      },
+                                      null,
+                                      4
+                                      /* STYLE */
+                                    ),
+                                    vue.createElementVNode(
+                                      "span",
+                                      _hoisted_11,
+                                      vue.toDisplayString(c.name),
+                                      1
+                                      /* TEXT */
+                                    )
+                                  ], 8, _hoisted_10);
+                                }),
+                                128
+                                /* KEYED_FRAGMENT */
+                              ))
+                            ])
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        },
+                        1024
+                        /* DYNAMIC_SLOTS */
+                      ))
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        })) : vue.createCommentVNode("v-if", true),
+        activatedMode.value === "edit" ? (vue.openBlock(), vue.createBlock(_component_el_card, {
+          key: 2,
+          style: { "width": "500px", "z-index": "999999999 !important" },
+          class: vue.normalizeClass(["absolute right-6", [activatedFold.value === true ? "t-fold " : "t-unfold open-info-list"]]),
+          "body-style": { height: "100%" }
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_12, [
+              vue.createElementVNode("div", _hoisted_13, [
+                vue.createElementVNode(
+                  "span",
+                  {
+                    class: vue.normalizeClass(["flex items-center mr-5 cursor-pointer", [activatedList.value ? "text-primary" : ""]]),
+                    onClick: _cache[1] || (_cache[1] = ($event) => activatedList.value = true)
+                  },
+                  vue.toDisplayString(list_title.value),
+                  3
+                  /* TEXT, CLASS */
+                ),
+                vue.createElementVNode(
+                  "span",
+                  {
+                    class: vue.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 ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 0,
+                class: "flex items-center cursor-pointer text-primary",
+                onClick: FnUpdateActivatedFold
+              }, " \u5C55\u5F00 ")) : (vue.openBlock(), vue.createElementBlock("span", {
+                key: 1,
+                class: "flex items-center cursor-pointer text-primary",
+                onClick: FnUpdateActivatedFold
+              }, " \u6536\u8D77 "))
+            ]),
+            vue.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: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(configOptionsDeviceType.value, (item) => {
+                    return vue.openBlock(), vue.createBlock(_component_el_option, {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["modelValue"]),
+            vue.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: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(configOptionsDeviceModel.value, (item) => {
+                    return vue.openBlock(), vue.createBlock(_component_el_option, {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["modelValue"]),
+            vue.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: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(configOptionsManufacturer.value, (item) => {
+                    return vue.openBlock(), vue.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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
+              _cache[6] || (_cache[6] = vue.createElementVNode(
+                "span",
+                { class: "col-span-1" },
+                "\u56FE\u6807",
+                -1
+                /* CACHED */
+              )),
+              _cache[7] || (_cache[7] = vue.createElementVNode(
+                "span",
+                { class: "col-span-4" },
+                "\u7F16\u53F7",
+                -1
+                /* CACHED */
+              )),
+              vue.createCommentVNode(' <span class="col-span-2 text-center">\u697C\u5C42</span> '),
+              vue.createElementVNode(
+                "span",
+                _hoisted_15,
+                vue.toDisplayString(list_title.value === "\u8BBE\u5907\u4FE1\u606F\u5217\u8868" ? "\u8BBE\u5907\u7C7B\u578B" : "\u8BBE\u65BD\u7C7B\u578B"),
+                1
+                /* TEXT */
+              ),
+              _cache[8] || (_cache[8] = vue.createElementVNode(
+                "span",
+                { class: "col-span-3" },
+                "\u4F4D\u7F6E",
+                -1
+                /* CACHED */
+              ))
+            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, _cache[9] || (_cache[9] = [
+              vue.createElementVNode(
+                "span",
+                { class: "col-span-1" },
+                "\u5E8F\u53F7",
+                -1
+                /* CACHED */
+              ),
+              vue.createElementVNode(
+                "span",
+                { class: "col-span-1" },
+                "\u56FE\u6807",
+                -1
+                /* CACHED */
+              ),
+              vue.createElementVNode(
+                "span",
+                { class: "col-span-8" },
+                "\u540D\u79F0",
+                -1
+                /* CACHED */
+              ),
+              vue.createElementVNode(
+                "span",
+                { class: "col-span-2" },
+                "\u64CD\u4F5C",
+                -1
+                /* CACHED */
+              )
+            ]))),
+            activatedList.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17, [
+              vue.createCommentVNode(" {{ listUnitDevice.length }} "),
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(listUnitDevice.value, (item, index) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: index,
+                    class: "grid gap-1 mt-4 px-3.5 w-full grid-cols-12",
+                    title: item.deviceTypeName
+                  }, [
+                    vue.createElementVNode("span", _hoisted_19, [
+                      vue.createVNode(DragIcon_vue_vue_type_script_setup_true_lang.default, {
+                        icon: configIcon.value[item.code] || vue.unref(___.default),
+                        item,
+                        "map-ref": rrefMap.value,
+                        move1: move1.value,
+                        onDragstart: dragStart,
+                        onDragend: dragEnd
+                      }, null, 8, ["icon", "item", "map-ref", "move1"])
+                    ]),
+                    vue.createElementVNode(
+                      "span",
+                      _hoisted_20,
+                      vue.toDisplayString(item.code),
+                      1
+                      /* TEXT */
+                    ),
+                    vue.createElementVNode("span", {
+                      class: "col-span-4 break-words",
+                      title: item.remark || item.deviceTypeName || item.videoName
+                    }, vue.toDisplayString(item.remark || item.deviceTypeName || item.videoName), 9, _hoisted_21),
+                    vue.createElementVNode("span", {
+                      class: "col-span-3 break-words",
+                      title: item.locationDesc
+                    }, vue.toDisplayString(item.locationDesc || item.addressDesc), 9, _hoisted_22)
+                  ], 8, _hoisted_18);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_23, [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(activatedArrayFeatures.value, (item, index) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: item,
+                    class: "grid gap-1 mt-4 px-3.5 w-full grid-cols-12"
+                  }, [
+                    vue.createElementVNode(
+                      "span",
+                      _hoisted_24,
+                      vue.toDisplayString(index + 1),
+                      1
+                      /* TEXT */
+                    ),
+                    vue.createElementVNode("span", _hoisted_25, [
+                      item.values_.geometry.getType() === "Point" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26)) : (vue.openBlock(), vue.createElementBlock(
+                        "div",
+                        {
+                          key: 1,
+                          class: "!w-8 h-full",
+                          style: vue.normalizeStyle(`background-color:${item.values_.color}`)
+                        },
+                        null,
+                        4
+                        /* STYLE */
+                      ))
+                    ]),
+                    vue.createElementVNode("span", _hoisted_27, [
+                      item.values_.geometry.getType() === "Point" ? (vue.openBlock(), vue.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"])) : (vue.openBlock(), vue.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"]))
+                    ]),
+                    vue.createElementVNode("span", {
+                      class: "flex items-center justify-center col-span-2 cursor-pointer",
+                      onClick: /* @__PURE__ */ __name(($event) => deleteFeature(item), "onClick")
+                    }, _cache[10] || (_cache[10] = [
+                      vue.createElementVNode(
+                        "i",
+                        { class: "iconfont icon-shanchu" },
+                        null,
+                        -1
+                        /* CACHED */
+                      )
+                    ]), 8, _hoisted_28)
+                  ]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+        listFloor.value.length > 0 && activatedFloor.value ? (vue.openBlock(), vue.createBlock(openMap_vue_vue_type_script_setup_true_lang.default, {
+          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": vue.unref(___$1.default),
+          "waring-icon": vue.unref(waring.default),
+          FnUpdateDrawFeature,
+          FnUpdateDrawFeature2,
+          FnOverrideStyle
+        }, {
+          overlay: vue.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" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29, [
+                vue.createElementVNode("img", {
+                  src: vue.unref(___$1.default),
+                  alt: "",
+                  class: "absolute w-full h-full"
+                }, null, 8, _hoisted_30),
+                vue.createElementVNode(
+                  "div",
+                  _hoisted_31,
+                  " \u8BBE\u5907\u7F16\u7801\uFF1A " + vue.toDisplayString((_a = activatedPropertiesOverlay.value.other) == null ? void 0 : _a.code),
+                  1
+                  /* TEXT */
+                ),
+                vue.createElementVNode(
+                  "div",
+                  _hoisted_32,
+                  " \u521B\u5EFA\u65E5\u671F\uFF1A " + vue.toDisplayString((_b = activatedPropertiesOverlay.value.other) == null ? void 0 : _b.createTime),
+                  1
+                  /* TEXT */
+                ),
+                vue.createElementVNode("div", _hoisted_33, [
+                  _cache[11] || (_cache[11] = vue.createTextVNode(
+                    " \u8BBE\u5907\u4F4D\u7F6E\uFF1A ",
+                    -1
+                    /* CACHED */
+                  )),
+                  vue.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)
+                  }, vue.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)
+                ]),
+                vue.createElementVNode("div", _hoisted_35, [
+                  _cache[12] || (_cache[12] = vue.createTextVNode(
+                    " \u8BBE\u5907\u7C7B\u578B\uFF1A ",
+                    -1
+                    /* CACHED */
+                  )),
+                  vue.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)
+                  }, vue.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)
+                ])
+              ])) : vue.createCommentVNode("v-if", true),
+              vue.createCommentVNode(" \u8BBE\u65BD\u4FE1\u606F\u5F39\u7A97 "),
+              activatedPropertiesOverlay.value.type && list_title.value === "\u8BBE\u65BD\u4FE1\u606F\u5217\u8868" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_37, [
+                vue.createElementVNode("img", {
+                  src: vue.unref(___$1.default),
+                  alt: "",
+                  class: "absolute w-full h-full"
+                }, null, 8, _hoisted_38),
+                vue.createElementVNode(
+                  "div",
+                  _hoisted_39,
+                  " \u8BBE\u65BD\u7F16\u7801\uFF1A " + vue.toDisplayString((_m = activatedPropertiesOverlay.value.other) == null ? void 0 : _m.code),
+                  1
+                  /* TEXT */
+                ),
+                vue.createElementVNode(
+                  "div",
+                  _hoisted_40,
+                  " \u521B\u5EFA\u65E5\u671F\uFF1A " + vue.toDisplayString((_n = activatedPropertiesOverlay.value.other) == null ? void 0 : _n.createTime),
+                  1
+                  /* TEXT */
+                ),
+                vue.createElementVNode(
+                  "div",
+                  _hoisted_41,
+                  " \u8BBE\u65BD\u578B\u53F7\uFF1A " + vue.toDisplayString((_o = activatedPropertiesOverlay.value.other) == null ? void 0 : _o.deviceModelName),
+                  1
+                  /* TEXT */
+                ),
+                vue.createElementVNode(
+                  "div",
+                  _hoisted_42,
+                  " \u8BBE\u65BD\u5382\u5546\uFF1A " + vue.toDisplayString((_p = activatedPropertiesOverlay.value.other) == null ? void 0 : _p.manufacturerName),
+                  1
+                  /* TEXT */
+                )
+              ])) : vue.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"])) : (vue.openBlock(), vue.createElementBlock("img", {
+          key: 4,
+          src: vue.unref(_default.default),
+          alt: "\u9ED8\u8BA4\u5E95\u56FE",
+          style: vue.normalizeStyle({ width: `${size.value[0]}px`, height: `${size.value[1]}px` })
+        }, null, 12, _hoisted_43))
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=geoMark.vue2.js.map