@yimou6/common-ui 1.14.5 → 1.14.6

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

@@ -24,52 +24,47 @@ var ___$1 = require('./assets/新弹框.png.js');
 var ___ = require('./assets/灭火器.png.js');
 var __$1 = require('./assets/编辑.png.js');
 var __$2 = require('./assets/颜色.png.js');
-require('./DragIcon.vue.js');
 require('./floor.vue.js');
 var geoMark = require('./geoMark.js');
 require('./openMap.vue.js');
 var floor_vue_vue_type_script_setup_true_lang = require('./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 h-full" };
-const _hoisted_3 = {
+const _hoisted_1 = { class: "flex items-center justify-between h-full" };
+const _hoisted_2 = {
   key: 0,
   class: "t-top-bar__value"
 };
-const _hoisted_4 = { class: "t-bottom-bar__inner" };
+const _hoisted_3 = { class: "t-bottom-bar__inner" };
+const _hoisted_4 = ["onClick"];
 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: "t-info-panel__header" };
-const _hoisted_13 = { class: "t-info-panel__tabs" };
-const _hoisted_14 = { class: "t-info-panel__filters" };
-const _hoisted_15 = {
+const _hoisted_8 = { class: "grid grid-cols-3 gap-2 p-1" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = { class: "text-xs mt-1" };
+const _hoisted_11 = { class: "t-info-panel__header" };
+const _hoisted_12 = { class: "t-info-panel__tabs" };
+const _hoisted_13 = { class: "t-info-panel__filters" };
+const _hoisted_14 = {
   key: 0,
   class: "grid gap-1 mt-4 px-3.5 w-full grid-cols-12"
 };
-const _hoisted_16 = { class: "col-span-4" };
-const _hoisted_17 = {
+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_18 = {
+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_19 = ["title"];
-const _hoisted_20 = { class: "col-span-1 cursor-pointer" };
+const _hoisted_18 = ["title"];
+const _hoisted_19 = { class: "col-span-1 cursor-pointer" };
+const _hoisted_20 = ["src", "onDragstart"];
 const _hoisted_21 = { class: "col-span-4 break-words" };
 const _hoisted_22 = ["title"];
 const _hoisted_23 = ["title"];
@@ -198,8 +193,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     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 size = vue.ref([1024, 968]);
+    const extent = vue.ref([0, 0, 1024, 968]);
     const configOptionsDeviceType = vue.ref([]);
     const configOptionsDeviceModel = vue.ref([]);
     const configOptionsManufacturer = vue.ref([]);
@@ -296,13 +291,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     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"],
       useRealImageSize: true
     }) => {
@@ -424,9 +417,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             activatedPropertiesOverlay.value = feature.getProperties();
           }
         } else {
-          if (activatedMode.value === "edit") {
-            activatedPositionOverlay.value = [];
-          }
+          activatedPositionOverlay.value = [];
         }
       });
       (_c = rrefMap.value) == null ? void 0 : _c.getMap().on("contextmenu", (event) => {
@@ -442,11 +433,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         const features = ((_a2 = rrefMap.value) == null ? void 0 : _a2.getVectorSource().getFeatures()) || [];
         activatedArrayFeatures.value = features;
       });
-      vue.nextTick(() => {
-        initAdvancedModify();
-        initTranslate();
-        initDraw(currentDrawType.value);
-      });
+      if (activatedMode.value !== "view") {
+        vue.nextTick(() => {
+          initAdvancedModify();
+          initTranslate();
+          initDraw(currentDrawType.value);
+        });
+      }
     }
     __name(initMap, "initMap");
     const imageDimensionsCache = /* @__PURE__ */ new Map();
@@ -464,17 +457,18 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         img.src = imageUrl;
       });
     }, "getImageDimensions");
+    let loadSeq = 0;
     const loadingSource = /* @__PURE__ */ __name(async (data, centerOnWarning = true) => {
       var _a, _b, _c;
+      const token = ++loadSeq;
       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();
+        (_a = rrefMap.value) == null ? void 0 : _a.getVectorSource().clear();
         imgUrl.value = "";
         return;
       }
@@ -482,22 +476,25 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return item.floor === data.floor;
       });
       activatedFloor.value = data;
-      (_c = rrefMap.value) == null ? void 0 : _c.getVectorSource().clear();
+      (_b = rrefMap.value) == null ? void 0 : _b.getVectorSource().clear();
       const url = data.bucketName || _default.default;
       let dims;
       if (!useRealImageSize.value) {
-        dims = { width: 800, height: 600 };
+        dims = { width: 1024, height: 968 };
         imgUrl.value = url;
       } else {
         try {
           dims = await getImageDimensions(url);
+          if (token !== loadSeq) return;
           imgUrl.value = url;
         } catch {
           try {
             dims = await getImageDimensions(_default.default);
+            if (token !== loadSeq) return;
             imgUrl.value = _default.default;
           } catch {
-            dims = { width: 800, height: 600 };
+            if (token !== loadSeq) return;
+            dims = { width: 1024, height: 968 };
             imgUrl.value = "";
           }
         }
@@ -505,14 +502,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       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();
-      }
+      await vue.nextTick();
+      if (token !== loadSeq) return;
+      (_c = rrefMap.value) == null ? void 0 : _c.calculateAutoZoom();
       if (data == null ? void 0 : data.bucketName) {
         if (filtrationType.value && filtrationType.value.length > 0) {
           const geoConfig = {
@@ -670,7 +662,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const dragStart = /* @__PURE__ */ __name((item) => {
       activatedDragItem.value = item;
     }, "dragStart");
-    const dragEnd = /* @__PURE__ */ __name((evt) => {
+    const dragEnd = /* @__PURE__ */ __name(() => {
       setTimeout(() => {
         var _a;
         const viewCoordinate = move1.value;
@@ -761,6 +753,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }, "callback")
       }
     ]);
+    const clearHoverOverlay = /* @__PURE__ */ __name(() => {
+      activatedPositionOverlay.value = [];
+    }, "clearHoverOverlay");
     __expose({
       open
     });
@@ -770,674 +765,684 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       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,
-          class: "t-top-bar"
-        }, {
-          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: vue.normalizeClass(["t-top-bar__item", { "t-top-bar__item--exit": o.name === "\u9000\u51FA" }]),
-                      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)
-                    ],
-                    2
-                    /* CLASS */
-                  );
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ])
-          ]),
-          _: 1
-          /* STABLE */
-        })) : vue.createCommentVNode("v-if", true),
-        activatedMode.value === "edit" ? (vue.openBlock(), vue.createBlock(_component_el_card, {
-          key: 1,
-          class: "t-bottom-bar"
-        }, {
-          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(["t-bottom-bar__item", [activatedBottomBar.value === o.name ? "t-bbar-active" : ""]]),
-                        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(["t-bottom-bar__item", [activatedBottomBar.value === o.name ? "t-bbar-active" : ""]]),
-                              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,
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          id: "ypc-map-container",
+          class: "relative w-full h-full overflow-hidden t-geo-mark",
+          onPointerleave: clearHoverOverlay
+        },
+        [
+          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,
+            class: "t-top-bar"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_1, [
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(configTopBar.value, (o) => {
+                    return vue.openBlock(), vue.createElementBlock(
+                      "div",
+                      {
+                        key: o.name,
+                        class: vue.normalizeClass(["t-top-bar__item", { "t-top-bar__item--exit": o.name === "\u9000\u51FA" }]),
+                        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_2,
+                          vue.toDisplayString(o.value),
+                          1
+                          /* TEXT */
+                        )) : vue.createCommentVNode("v-if", true)
+                      ],
+                      2
+                      /* CLASS */
+                    );
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          })) : vue.createCommentVNode("v-if", true),
+          activatedMode.value === "edit" ? (vue.openBlock(), vue.createBlock(_component_el_card, {
+            key: 1,
+            class: "t-bottom-bar"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_3, [
+                (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(["t-bottom-bar__item", [activatedBottomBar.value === o.name ? "t-bbar-active" : ""]]),
+                          onClick: /* @__PURE__ */ __name(($event) => handlerChecked(o.name), "onClick")
+                        }, [
+                          vue.createElementVNode("span", null, [
+                            vue.createElementVNode(
+                              "i",
+                              {
+                                class: vue.normalizeClass(["iconfont", [o.icon]])
+                              },
                               null,
-                              vue.renderList(configBottomBar2.value, (o2) => {
-                                return vue.openBlock(), vue.createElementBlock("div", {
-                                  key: o2.name,
-                                  class: vue.normalizeClass(["t-bottom-bar__item", [activatedBottomBar.value === o2.name ? "t-bbar-active" : ""]]),
-                                  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(["t-bottom-bar__item", [activatedBottomBar.value === o.name ? "t-bbar-active" : ""]]),
-                              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, [
+                              2
+                              /* CLASS */
+                            ),
+                            vue.createTextVNode(
+                              " " + vue.toDisplayString(o.name),
+                              1
+                              /* TEXT */
+                            )
+                          ])
+                        ], 10, _hoisted_4)) : 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(["t-bottom-bar__item", [activatedBottomBar.value === o.name ? "t-bbar-active" : ""]]),
+                                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)
+                            ]),
+                            default: vue.withCtx(() => [
                               (vue.openBlock(true), vue.createElementBlock(
                                 vue.Fragment,
                                 null,
-                                vue.renderList(colorList.value, (c) => {
+                                vue.renderList(configBottomBar2.value, (o2) => {
                                   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")
+                                    key: o2.name,
+                                    class: vue.normalizeClass(["t-bottom-bar__item", [activatedBottomBar.value === o2.name ? "t-bbar-active" : ""]]),
+                                    onClick: /* @__PURE__ */ __name(($event) => handlerChecked(o2.name), "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);
+                                    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_6);
                                 }),
                                 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,
-          class: vue.normalizeClass(["t-info-panel", [activatedFold.value === true ? "t-fold" : "t-unfold"]])
-        }, {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_12, [
-              vue.createElementVNode("div", _hoisted_13, [
-                vue.createElementVNode(
-                  "span",
-                  {
-                    class: vue.normalizeClass(["t-info-panel__tab", { "t-info-panel__tab--active": activatedList.value }]),
-                    onClick: _cache[1] || (_cache[1] = ($event) => activatedList.value = true)
-                  },
-                  vue.toDisplayString(listTitle.value),
-                  3
-                  /* TEXT, CLASS */
-                ),
+                            ]),
+                            _: 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(["t-bottom-bar__item", [activatedBottomBar.value === o.name ? "t-bbar-active" : ""]]),
+                                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_7)
+                            ]),
+                            default: vue.withCtx(() => [
+                              vue.createElementVNode("div", _hoisted_8, [
+                                (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_10,
+                                        vue.toDisplayString(c.name),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ], 8, _hoisted_9);
+                                  }),
+                                  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,
+            class: vue.normalizeClass(["t-info-panel", [activatedFold.value === true ? "t-fold" : "t-unfold"]])
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_11, [
+                vue.createElementVNode("div", _hoisted_12, [
+                  vue.createElementVNode(
+                    "span",
+                    {
+                      class: vue.normalizeClass(["t-info-panel__tab", { "t-info-panel__tab--active": activatedList.value }]),
+                      onClick: _cache[1] || (_cache[1] = ($event) => activatedList.value = true)
+                    },
+                    vue.toDisplayString(listTitle.value),
+                    3
+                    /* TEXT, CLASS */
+                  ),
+                  vue.createElementVNode(
+                    "span",
+                    {
+                      class: vue.normalizeClass(["t-info-panel__tab", { "t-info-panel__tab--active": !activatedList.value }]),
+                      onClick: _cache[2] || (_cache[2] = ($event) => activatedList.value = false)
+                    },
+                    " \u6807\u6CE8\u4FE1\u606F\u5217\u8868 ",
+                    2
+                    /* CLASS */
+                  )
+                ]),
                 vue.createElementVNode(
                   "span",
                   {
-                    class: vue.normalizeClass(["t-info-panel__tab", { "t-info-panel__tab--active": !activatedList.value }]),
-                    onClick: _cache[2] || (_cache[2] = ($event) => activatedList.value = false)
+                    class: "t-info-panel__fold",
+                    onClick: FnUpdateActivatedFold
                   },
-                  " \u6807\u6CE8\u4FE1\u606F\u5217\u8868 ",
-                  2
-                  /* CLASS */
-                )
-              ]),
-              vue.createElementVNode(
-                "span",
-                {
-                  class: "t-info-panel__fold",
-                  onClick: FnUpdateActivatedFold
-                },
-                vue.toDisplayString(activatedFold.value ? "\u5C55\u5F00" : "\u6536\u8D77"),
-                1
-                /* TEXT */
-              )
-            ]),
-            vue.createElementVNode("div", _hoisted_14, [
-              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_15, [
-              _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_16,
-                vue.toDisplayString(listTitle.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_17, _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_18, [
-              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: "t-info-panel__row grid gap-1 mt-4 px-3.5 w-full grid-cols-12",
-                    title: item.deviceTypeName
-                  }, [
-                    vue.createElementVNode("span", _hoisted_20, [
-                      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_21,
-                      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_22),
-                    vue.createElementVNode("span", {
-                      class: "col-span-3 break-words",
-                      title: item.locationDesc
-                    }, vue.toDisplayString(item.locationDesc || item.addressDesc), 9, _hoisted_23)
-                  ], 8, _hoisted_19);
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_24, [
-              (vue.openBlock(true), vue.createElementBlock(
-                vue.Fragment,
-                null,
-                vue.renderList(activatedArrayFeatures.value, (item, index) => {
-                  return vue.openBlock(), vue.createElementBlock("div", {
-                    key: item,
-                    class: "t-info-panel__row grid gap-1 mt-4 px-3.5 w-full grid-cols-12"
-                  }, [
-                    vue.createElementVNode(
-                      "span",
-                      _hoisted_25,
-                      vue.toDisplayString(index + 1),
-                      1
-                      /* TEXT */
-                    ),
-                    vue.createElementVNode("span", _hoisted_26, [
-                      item.values_.geometry.getType() === "Point" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_27)) : (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_28, [
-                      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_29)
-                  ]);
-                }),
-                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,
-          waring: hasWaring.value ? waring$1.value : null,
-          "activated-position-overlay-waring": activatedPositionOverlayWaring.value,
-          "activated-position-overlay": activatedPositionOverlay.value,
-          "activated-properties-overlay": activatedPropertiesOverlay.value,
-          "list-title": listTitle.value,
-          "alarm-type": alarmType.value,
-          "svg-overlay": vue.unref(___$1.default),
-          "waring-icon": vue.unref(waring.default),
-          "fn-update-draw-feature": fnUpdateDrawFeature,
-          "fn-update-draw-feature2": fnUpdateDrawFeature2,
-          "fn-override-style": fnOverrideStyle,
-          onReady: handleMapReady
-        }, {
-          overlay: vue.withCtx(() => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-            return [
-              activatedPropertiesOverlay.value.type && listTitle.value === "\u8BBE\u5907\u4FE1\u606F\u5217\u8868" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_30, [
-                vue.createElementVNode("img", {
-                  src: vue.unref(___$1.default),
-                  alt: "",
-                  class: "absolute w-full h-full"
-                }, null, 8, _hoisted_31),
-                vue.createElementVNode(
-                  "div",
-                  _hoisted_32,
-                  " \u8BBE\u5907\u7F16\u7801\uFF1A " + vue.toDisplayString((_a = activatedPropertiesOverlay.value.other) == null ? void 0 : _a.code),
+                  vue.toDisplayString(activatedFold.value ? "\u5C55\u5F00" : "\u6536\u8D77"),
                   1
                   /* TEXT */
-                ),
+                )
+              ]),
+              vue.createElementVNode("div", _hoisted_13, [
+                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(
-                  "div",
-                  _hoisted_33,
-                  " \u521B\u5EFA\u65E5\u671F\uFF1A " + vue.toDisplayString((_b = activatedPropertiesOverlay.value.other) == null ? void 0 : _b.createTime),
+                  "span",
+                  _hoisted_15,
+                  vue.toDisplayString(listTitle.value === "\u8BBE\u5907\u4FE1\u606F\u5217\u8868" ? "\u8BBE\u5907\u7C7B\u578B" : "\u8BBE\u65BD\u7C7B\u578B"),
                   1
                   /* TEXT */
                 ),
-                vue.createElementVNode("div", _hoisted_34, [
-                  _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_35)
-                ]),
-                vue.createElementVNode("div", _hoisted_36, [
-                  _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_37)
-                ])
-              ])) : vue.createCommentVNode("v-if", true),
-              vue.createCommentVNode(" \u8BBE\u65BD\u4FE1\u606F\u5F39\u7A97 "),
-              activatedPropertiesOverlay.value.type && listTitle.value === "\u8BBE\u65BD\u4FE1\u606F\u5217\u8868" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_38, [
-                vue.createElementVNode("img", {
-                  src: vue.unref(___$1.default),
-                  alt: "",
-                  class: "absolute w-full h-full"
-                }, null, 8, _hoisted_39),
+                _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(
-                  "div",
-                  _hoisted_40,
-                  " \u8BBE\u65BD\u7F16\u7801\uFF1A " + vue.toDisplayString((_m = activatedPropertiesOverlay.value.other) == null ? void 0 : _m.code),
-                  1
-                  /* TEXT */
+                  "span",
+                  { class: "col-span-1" },
+                  "\u5E8F\u53F7",
+                  -1
+                  /* CACHED */
                 ),
                 vue.createElementVNode(
-                  "div",
-                  _hoisted_41,
-                  " \u521B\u5EFA\u65E5\u671F\uFF1A " + vue.toDisplayString((_n = activatedPropertiesOverlay.value.other) == null ? void 0 : _n.createTime),
-                  1
-                  /* TEXT */
+                  "span",
+                  { class: "col-span-1" },
+                  "\u56FE\u6807",
+                  -1
+                  /* CACHED */
                 ),
                 vue.createElementVNode(
-                  "div",
-                  _hoisted_42,
-                  " \u8BBE\u65BD\u578B\u53F7\uFF1A " + vue.toDisplayString((_o = activatedPropertiesOverlay.value.other) == null ? void 0 : _o.deviceModelName),
-                  1
-                  /* TEXT */
+                  "span",
+                  { class: "col-span-8" },
+                  "\u540D\u79F0",
+                  -1
+                  /* CACHED */
                 ),
                 vue.createElementVNode(
-                  "div",
-                  _hoisted_43,
-                  " \u8BBE\u65BD\u5382\u5546\uFF1A " + vue.toDisplayString((_p = activatedPropertiesOverlay.value.other) == null ? void 0 : _p.manufacturerName),
-                  1
-                  /* TEXT */
+                  "span",
+                  { class: "col-span-2" },
+                  "\u64CD\u4F5C",
+                  -1
+                  /* CACHED */
                 )
-              ])) : 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_44))
-      ]);
+              ]))),
+              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: "t-info-panel__row grid gap-1 mt-4 px-3.5 w-full grid-cols-12",
+                      title: item.deviceTypeName
+                    }, [
+                      vue.createElementVNode("span", _hoisted_19, [
+                        vue.createCommentVNode(" \u53EF\u62D6\u62FD\u8BBE\u5907\u56FE\u6807\uFF1Adragstart \u76F4\u63A5\u5E26\u51FA\u8BBE\u5907\u9879\uFF0Cdragend \u89E6\u53D1\u653E\u7F6E\u903B\u8F91 "),
+                        vue.createElementVNode("img", {
+                          src: configIcon.value[item.code] || vue.unref(___.default),
+                          draggable: "true",
+                          class: "!w-8",
+                          onDragstart: /* @__PURE__ */ __name(($event) => dragStart(item), "onDragstart"),
+                          onDragend: dragEnd
+                        }, null, 40, _hoisted_20)
+                      ]),
+                      vue.createElementVNode(
+                        "span",
+                        _hoisted_21,
+                        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_22),
+                      vue.createElementVNode("span", {
+                        class: "col-span-3 break-words",
+                        title: item.locationDesc
+                      }, vue.toDisplayString(item.locationDesc || item.addressDesc), 9, _hoisted_23)
+                    ], 8, _hoisted_18);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_24, [
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(activatedArrayFeatures.value, (item, index) => {
+                    return vue.openBlock(), vue.createElementBlock("div", {
+                      key: item,
+                      class: "t-info-panel__row grid gap-1 mt-4 px-3.5 w-full grid-cols-12"
+                    }, [
+                      vue.createElementVNode(
+                        "span",
+                        _hoisted_25,
+                        vue.toDisplayString(index + 1),
+                        1
+                        /* TEXT */
+                      ),
+                      vue.createElementVNode("span", _hoisted_26, [
+                        item.values_.geometry.getType() === "Point" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_27)) : (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_28, [
+                        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_29)
+                    ]);
+                  }),
+                  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,
+            waring: hasWaring.value ? waring$1.value : null,
+            "activated-position-overlay-waring": activatedPositionOverlayWaring.value,
+            "activated-position-overlay": activatedPositionOverlay.value,
+            "activated-properties-overlay": activatedPropertiesOverlay.value,
+            "list-title": listTitle.value,
+            "alarm-type": alarmType.value,
+            "svg-overlay": vue.unref(___$1.default),
+            "waring-icon": vue.unref(waring.default),
+            "fn-update-draw-feature": fnUpdateDrawFeature,
+            "fn-update-draw-feature2": fnUpdateDrawFeature2,
+            "fn-override-style": fnOverrideStyle,
+            onReady: handleMapReady
+          }, {
+            overlay: vue.withCtx(() => {
+              var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+              return [
+                activatedPropertiesOverlay.value.type && listTitle.value === "\u8BBE\u5907\u4FE1\u606F\u5217\u8868" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_30, [
+                  vue.createElementVNode("img", {
+                    src: vue.unref(___$1.default),
+                    alt: "",
+                    class: "absolute w-full h-full"
+                  }, null, 8, _hoisted_31),
+                  vue.createElementVNode(
+                    "div",
+                    _hoisted_32,
+                    " \u8BBE\u5907\u7F16\u7801\uFF1A " + vue.toDisplayString((_a = activatedPropertiesOverlay.value.other) == null ? void 0 : _a.code),
+                    1
+                    /* TEXT */
+                  ),
+                  vue.createElementVNode(
+                    "div",
+                    _hoisted_33,
+                    " \u521B\u5EFA\u65E5\u671F\uFF1A " + vue.toDisplayString((_b = activatedPropertiesOverlay.value.other) == null ? void 0 : _b.createTime),
+                    1
+                    /* TEXT */
+                  ),
+                  vue.createElementVNode("div", _hoisted_34, [
+                    _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_35)
+                  ]),
+                  vue.createElementVNode("div", _hoisted_36, [
+                    _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_37)
+                  ])
+                ])) : vue.createCommentVNode("v-if", true),
+                vue.createCommentVNode(" \u8BBE\u65BD\u4FE1\u606F\u5F39\u7A97 "),
+                activatedPropertiesOverlay.value.type && listTitle.value === "\u8BBE\u65BD\u4FE1\u606F\u5217\u8868" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_38, [
+                  vue.createElementVNode("img", {
+                    src: vue.unref(___$1.default),
+                    alt: "",
+                    class: "absolute w-full h-full"
+                  }, null, 8, _hoisted_39),
+                  vue.createElementVNode(
+                    "div",
+                    _hoisted_40,
+                    " \u8BBE\u65BD\u7F16\u7801\uFF1A " + vue.toDisplayString((_m = activatedPropertiesOverlay.value.other) == null ? void 0 : _m.code),
+                    1
+                    /* TEXT */
+                  ),
+                  vue.createElementVNode(
+                    "div",
+                    _hoisted_41,
+                    " \u521B\u5EFA\u65E5\u671F\uFF1A " + vue.toDisplayString((_n = activatedPropertiesOverlay.value.other) == null ? void 0 : _n.createTime),
+                    1
+                    /* TEXT */
+                  ),
+                  vue.createElementVNode(
+                    "div",
+                    _hoisted_42,
+                    " \u8BBE\u65BD\u578B\u53F7\uFF1A " + vue.toDisplayString((_o = activatedPropertiesOverlay.value.other) == null ? void 0 : _o.deviceModelName),
+                    1
+                    /* TEXT */
+                  ),
+                  vue.createElementVNode(
+                    "div",
+                    _hoisted_43,
+                    " \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_44))
+        ],
+        32
+        /* NEED_HYDRATION */
+      );
     };
   }
 });