@yimou6/common-ui 1.13.26 → 1.13.28

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

@@ -12,19 +12,19 @@ import VectorLayer from 'ol/layer/Vector.js';
 import { Fill, Stroke, Text } from 'ol/style';
 import CircleStyle from 'ol/style/Circle.js';
 import Style from 'ol/style/Style';
+import img from './assets/default.png.mjs';
+import img$7 from './assets/waring.png.mjs';
 import img$5 from './assets/保存.png.mjs';
 import img$2 from './assets/删除.png.mjs';
+import img$6 from './assets/新弹框.png.mjs';
+import img$1 from './assets/灭火器.png.mjs';
 import img$3 from './assets/编辑.png.mjs';
 import img$4 from './assets/颜色.png.mjs';
-import img from './default.png.mjs';
 import './DragIcon.vue.mjs';
-import './floorRight/floor.vue.mjs';
+import './floor.vue.mjs';
 import { GeoMarkProps } from './geoMark.mjs';
 import './openMap.vue.mjs';
-import img$7 from './waring.png.mjs';
-import img$6 from './新弹框.png.mjs';
-import img$1 from './灭火器.png.mjs';
-import _sfc_main$1 from './floorRight/floor.vue2.mjs';
+import _sfc_main$1 from './floor.vue2.mjs';
 import _sfc_main$2 from './DragIcon.vue2.mjs';
 import _sfc_main$3 from './openMap.vue2.mjs';
 
@@ -34,9 +34,12 @@ 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_2 = { class: "flex items-center justify-between h-full" };
+const _hoisted_3 = {
+  key: 0,
+  class: "t-top-bar__value"
+};
+const _hoisted_4 = { class: "t-bottom-bar__inner" };
 const _hoisted_5 = ["onClick"];
 const _hoisted_6 = ["onClick"];
 const _hoisted_7 = ["onClick"];
@@ -44,61 +47,62 @@ 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 = {
+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 = {
   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 = {
+const _hoisted_16 = { class: "col-span-4" };
+const _hoisted_17 = {
   key: 1,
   class: "grid gap-1 mt-4 px-3.5 w-full grid-cols-12"
 };
-const _hoisted_17 = {
+const _hoisted_18 = {
   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_19 = ["title"];
+const _hoisted_20 = { class: "col-span-1 cursor-pointer" };
+const _hoisted_21 = { class: "col-span-4 break-words" };
 const _hoisted_22 = ["title"];
-const _hoisted_23 = {
+const _hoisted_23 = ["title"];
+const _hoisted_24 = {
   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 = {
+const _hoisted_26 = { class: "col-span-1" };
+const _hoisted_27 = {
   key: 0,
   class: "!w-8 h-full t-image-point"
 };
-const _hoisted_27 = { class: "col-span-8" };
-const _hoisted_28 = ["onClick"];
-const _hoisted_29 = {
+const _hoisted_28 = { class: "col-span-8" };
+const _hoisted_29 = ["onClick"];
+const _hoisted_30 = {
   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_31 = ["src"];
+const _hoisted_32 = { class: "flex t-overlay-item items-center w-full !mt-10 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 = {
+const _hoisted_34 = { class: "flex items-center w-full t-overlay-item justify-items-start" };
+const _hoisted_35 = ["title"];
+const _hoisted_36 = { class: "flex items-center w-full t-overlay-item justify-items-start" };
+const _hoisted_37 = ["title"];
+const _hoisted_38 = {
   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_39 = ["src"];
+const _hoisted_40 = { class: "flex t-overlay-item items-center w-full !mt-10 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"];
+const _hoisted_43 = { class: "flex items-center w-full t-overlay-item justify-items-start" };
+const _hoisted_44 = ["src"];
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "IGeoMark" },
   __name: "geoMark",
@@ -129,7 +133,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const listFloor = ref([]);
     const listDevice = ref([]);
     const listAllDevice = ref([]);
-    const list_title = ref("\u8BBE\u5907\u4FE1\u606F\u5217\u8868");
+    const listTitle = ref("\u8BBE\u5907\u4FE1\u606F\u5217\u8868");
     const configIcon = ref({});
     const configTopBar = ref([
       { name: `\u5355\u4F4D\u540D\uFF1A`, icon: "icon-jianzhu02-L", value: "-----" },
@@ -159,13 +163,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const refFloor = ref(null);
     const alarmType = ref("fire");
     const filtrationType = ref([]);
-    const _waring = ref(null);
+    const waring = ref(null);
     const hasWaring = computed(() => {
-      const w = _waring.value;
+      const w = waring.value;
       return w != null && w !== "";
     });
     const isWaringCode = /* @__PURE__ */ __name((code) => {
-      const w = _waring.value;
+      const w = waring.value;
       return w != null && w !== "" && w === code;
     }, "isWaringCode");
     const imgUrl = ref(img);
@@ -304,14 +308,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         alarmType.value = params.type;
       }
       if (params.listTitle) {
-        list_title.value = params.listTitle;
+        listTitle.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;
+      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);
@@ -534,15 +538,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const FnUpdateFloor = /* @__PURE__ */ __name((item) => {
       loadingSource(item, false);
     }, "FnUpdateFloor");
-    const FnUpdateDrawFeature2 = /* @__PURE__ */ __name((event) => {
+    const fnUpdateDrawFeature2 = /* @__PURE__ */ __name((event) => {
       event.feature.set("color", defaultColor.value);
       event.feature.set("drawType", "lineString");
-    }, "FnUpdateDrawFeature2");
-    const FnUpdateDrawFeature = /* @__PURE__ */ __name((event) => {
+    }, "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) => {
+    }, "fnUpdateDrawFeature");
+    const fnOverrideStyle = /* @__PURE__ */ __name((feature, style) => {
       var _a, _b, _c, _d, _e, _f;
       const code = (_a = feature.getProperties()) == null ? void 0 : _a.code;
       const iconUrl = configIcon.value[code] || img$1;
@@ -556,7 +560,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         updateFeatureStyle(feature);
       }
       return style;
-    }, "FnOverrideStyle");
+    }, "fnOverrideStyle");
     const deleteFeature = /* @__PURE__ */ __name((feature) => {
       var _a;
       (_a = rrefMap.value) == null ? void 0 : _a.getVectorSource().removeFeature(feature);
@@ -768,8 +772,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         ),
         activatedMode.value === "edit" ? (openBlock(), createBlock(_component_el_card, {
           key: 0,
-          style: { "height": "50px", "width": "680px", "z-index": "999999999 !important", "top": "5px", "left": "5px" },
-          class: "absolute tob-6"
+          class: "t-top-bar"
         }, {
           default: withCtx(() => [
             createElementVNode("div", _hoisted_2, [
@@ -777,33 +780,39 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 Fragment,
                 null,
                 renderList(configTopBar.value, (o) => {
-                  return openBlock(), createElementBlock("div", {
-                    key: o.name,
-                    class: "mr-3 cursor-pointer text item t truncate ...",
-                    onClick: _cache[0] || (_cache[0] = ($event) => FnCloseMain())
-                  }, [
-                    createElementVNode(
-                      "i",
-                      {
-                        class: normalizeClass(["iconfont", [o.icon]])
-                      },
-                      null,
-                      2
-                      /* CLASS */
-                    ),
-                    createTextVNode(
-                      " " + toDisplayString(o.name) + " ",
-                      1
-                      /* TEXT */
-                    ),
-                    o.name !== "\u9000\u51FA" ? (openBlock(), createElementBlock(
-                      "span",
-                      _hoisted_3,
-                      toDisplayString(o.value),
-                      1
-                      /* TEXT */
-                    )) : createCommentVNode("v-if", true)
-                  ]);
+                  return openBlock(), createElementBlock(
+                    "div",
+                    {
+                      key: o.name,
+                      class: normalizeClass(["t-top-bar__item", { "t-top-bar__item--exit": o.name === "\u9000\u51FA" }]),
+                      onClick: _cache[0] || (_cache[0] = ($event) => FnCloseMain())
+                    },
+                    [
+                      createElementVNode(
+                        "i",
+                        {
+                          class: normalizeClass(["iconfont", [o.icon]])
+                        },
+                        null,
+                        2
+                        /* CLASS */
+                      ),
+                      createTextVNode(
+                        " " + toDisplayString(o.name) + " ",
+                        1
+                        /* TEXT */
+                      ),
+                      o.name !== "\u9000\u51FA" ? (openBlock(), createElementBlock(
+                        "span",
+                        _hoisted_3,
+                        toDisplayString(o.value),
+                        1
+                        /* TEXT */
+                      )) : createCommentVNode("v-if", true)
+                    ],
+                    2
+                    /* CLASS */
+                  );
                 }),
                 128
                 /* KEYED_FRAGMENT */
@@ -815,8 +824,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         })) : createCommentVNode("v-if", true),
         activatedMode.value === "edit" ? (openBlock(), createBlock(_component_el_card, {
           key: 1,
-          style: { "height": "50px", "width": "920px", "z-index": "999999999 !important", "transform": "translateX(-50%)", "left": "50%" },
-          class: "absolute bottom-6"
+          class: "t-bottom-bar"
         }, {
           default: withCtx(() => [
             createElementVNode("div", _hoisted_4, [
@@ -832,7 +840,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     [
                       o.name !== "\u989C\u8272" && o.name !== "\u533A\u57DF\u8BBE\u7F6E" ? (openBlock(), createElementBlock("div", {
                         key: 0,
-                        class: normalizeClass(["mr-3 cursor-pointer text item", [activatedBottomBar.value === o.name ? "bg-red-600" : ""]]),
+                        class: normalizeClass(["t-bottom-bar__item", [activatedBottomBar.value === o.name ? "t-bbar-active" : ""]]),
                         onClick: /* @__PURE__ */ __name(($event) => handlerChecked(o.name), "onClick")
                       }, [
                         createElementVNode("span", null, [
@@ -864,7 +872,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         {
                           reference: withCtx(() => [
                             createElementVNode("div", {
-                              class: normalizeClass(["mr-3 cursor-pointer text item", [activatedBottomBar.value === o.name ? "bg-red-600" : ""]]),
+                              class: normalizeClass(["t-bottom-bar__item", [activatedBottomBar.value === o.name ? "t-bbar-active" : ""]]),
                               onClick: /* @__PURE__ */ __name(($event) => handlerChecked(o.name), "onClick")
                             }, [
                               createElementVNode("span", null, [
@@ -892,7 +900,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                               renderList(configBottomBar2.value, (o2) => {
                                 return openBlock(), createElementBlock("div", {
                                   key: o2.name,
-                                  class: normalizeClass(["mr-3 cursor-pointer text item", [activatedBottomBar.value === o2.name ? "bg-red-600" : ""]]),
+                                  class: normalizeClass(["t-bottom-bar__item", [activatedBottomBar.value === o2.name ? "t-bbar-active" : ""]]),
                                   onClick: /* @__PURE__ */ __name(($event) => handlerChecked(o2.name), "onClick")
                                 }, [
                                   createElementVNode("span", null, [
@@ -935,7 +943,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         {
                           reference: withCtx(() => [
                             createElementVNode("div", {
-                              class: normalizeClass(["mr-3 cursor-pointer text item", [activatedBottomBar.value === o.name ? "bg-red-600" : ""]]),
+                              class: normalizeClass(["t-bottom-bar__item", [activatedBottomBar.value === o.name ? "t-bbar-active" : ""]]),
                               onClick: /* @__PURE__ */ __name(($event) => handlerChecked(o.name), "onClick")
                             }, [
                               createElementVNode("span", null, [
@@ -1012,9 +1020,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         })) : createCommentVNode("v-if", true),
         activatedMode.value === "edit" ? (openBlock(), createBlock(_component_el_card, {
           key: 2,
-          style: { "width": "500px", "z-index": "999999999 !important" },
-          class: normalizeClass(["absolute right-6", [activatedFold.value === true ? "t-fold " : "t-unfold open-info-list"]]),
-          "body-style": { height: "100%" }
+          class: normalizeClass(["t-info-panel", [activatedFold.value === true ? "t-fold" : "t-unfold"]])
         }, {
           default: withCtx(() => [
             createElementVNode("div", _hoisted_12, [
@@ -1022,17 +1028,17 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode(
                   "span",
                   {
-                    class: normalizeClass(["flex items-center mr-5 cursor-pointer", [activatedList.value ? "text-primary" : ""]]),
+                    class: normalizeClass(["t-info-panel__tab", { "t-info-panel__tab--active": activatedList.value }]),
                     onClick: _cache[1] || (_cache[1] = ($event) => activatedList.value = true)
                   },
-                  toDisplayString(list_title.value),
+                  toDisplayString(listTitle.value),
                   3
                   /* TEXT, CLASS */
                 ),
                 createElementVNode(
                   "span",
                   {
-                    class: normalizeClass(["flex items-center cursor-pointer", [!activatedList.value ? "text-primary" : ""]]),
+                    class: 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 ",
@@ -1040,97 +1046,100 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   /* CLASS */
                 )
               ]),
-              activatedFold.value ? (openBlock(), createElementBlock("span", {
-                key: 0,
-                class: "flex items-center cursor-pointer text-primary",
-                onClick: FnUpdateActivatedFold
-              }, " \u5C55\u5F00 ")) : (openBlock(), createElementBlock("span", {
-                key: 1,
-                class: "flex items-center cursor-pointer text-primary",
-                onClick: FnUpdateActivatedFold
-              }, " \u6536\u8D77 "))
+              createElementVNode(
+                "span",
+                {
+                  class: "t-info-panel__fold",
+                  onClick: FnUpdateActivatedFold
+                },
+                toDisplayString(activatedFold.value ? "\u5C55\u5F00" : "\u6536\u8D77"),
+                1
+                /* TEXT */
+              )
             ]),
-            createVNode(_component_el_select, {
-              modelValue: queryDeviceList.value.activatedDeviceType,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => queryDeviceList.value.activatedDeviceType = $event),
-              clearable: "",
-              style: { "width": "32%" },
-              class: "mr-2",
-              placeholder: "\u8BF7\u9009\u62E9\u7C7B\u578B",
-              teleported: false
-            }, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(
-                  Fragment,
-                  null,
-                  renderList(configOptionsDeviceType.value, (item) => {
-                    return openBlock(), createBlock(_component_el_option, {
-                      key: item.value,
-                      label: item.label,
-                      value: item.value
-                    }, null, 8, ["label", "value"]);
-                  }),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["modelValue"]),
-            createVNode(_component_el_select, {
-              modelValue: queryDeviceList.value.activatedDeviceModel,
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => queryDeviceList.value.activatedDeviceModel = $event),
-              clearable: "",
-              style: { "width": "32%" },
-              class: "mr-2",
-              placeholder: "\u8BF7\u9009\u62E9\u578B\u53F7",
-              teleported: false
-            }, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(
-                  Fragment,
-                  null,
-                  renderList(configOptionsDeviceModel.value, (item) => {
-                    return openBlock(), createBlock(_component_el_option, {
-                      key: item.value,
-                      label: item.label,
-                      value: item.value
-                    }, null, 8, ["label", "value"]);
-                  }),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["modelValue"]),
-            createVNode(_component_el_select, {
-              modelValue: queryDeviceList.value.activatedManufacturer,
-              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => queryDeviceList.value.activatedManufacturer = $event),
-              clearable: "",
-              style: { "width": "32%" },
-              placeholder: "\u8BF7\u9009\u62E9\u5382\u5546",
-              teleported: false
-            }, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(
-                  Fragment,
-                  null,
-                  renderList(configOptionsManufacturer.value, (item) => {
-                    return openBlock(), createBlock(_component_el_option, {
-                      key: item.value,
-                      label: item.label,
-                      value: item.value
-                    }, null, 8, ["label", "value"]);
-                  }),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["modelValue"]),
-            activatedList.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
+            createElementVNode("div", _hoisted_14, [
+              createVNode(_component_el_select, {
+                modelValue: queryDeviceList.value.activatedDeviceType,
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => queryDeviceList.value.activatedDeviceType = $event),
+                clearable: "",
+                style: { "width": "32%" },
+                class: "mr-2",
+                placeholder: "\u8BF7\u9009\u62E9\u7C7B\u578B",
+                teleported: false
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(configOptionsDeviceType.value, (item) => {
+                      return openBlock(), createBlock(_component_el_option, {
+                        key: item.value,
+                        label: item.label,
+                        value: item.value
+                      }, null, 8, ["label", "value"]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["modelValue"]),
+              createVNode(_component_el_select, {
+                modelValue: queryDeviceList.value.activatedDeviceModel,
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => queryDeviceList.value.activatedDeviceModel = $event),
+                clearable: "",
+                style: { "width": "32%" },
+                class: "mr-2",
+                placeholder: "\u8BF7\u9009\u62E9\u578B\u53F7",
+                teleported: false
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(configOptionsDeviceModel.value, (item) => {
+                      return openBlock(), createBlock(_component_el_option, {
+                        key: item.value,
+                        label: item.label,
+                        value: item.value
+                      }, null, 8, ["label", "value"]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["modelValue"]),
+              createVNode(_component_el_select, {
+                modelValue: queryDeviceList.value.activatedManufacturer,
+                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => queryDeviceList.value.activatedManufacturer = $event),
+                clearable: "",
+                style: { "width": "32%" },
+                placeholder: "\u8BF7\u9009\u62E9\u5382\u5546",
+                teleported: false
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(configOptionsManufacturer.value, (item) => {
+                      return openBlock(), createBlock(_component_el_option, {
+                        key: item.value,
+                        label: item.label,
+                        value: item.value
+                      }, null, 8, ["label", "value"]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["modelValue"])
+            ]),
+            activatedList.value ? (openBlock(), createElementBlock("div", _hoisted_15, [
               _cache[6] || (_cache[6] = createElementVNode(
                 "span",
                 { class: "col-span-1" },
@@ -1148,8 +1157,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               createCommentVNode(' <span class="col-span-2 text-center">\u697C\u5C42</span> '),
               createElementVNode(
                 "span",
-                _hoisted_15,
-                toDisplayString(list_title.value === "\u8BBE\u5907\u4FE1\u606F\u5217\u8868" ? "\u8BBE\u5907\u7C7B\u578B" : "\u8BBE\u65BD\u7C7B\u578B"),
+                _hoisted_16,
+                toDisplayString(listTitle.value === "\u8BBE\u5907\u4FE1\u606F\u5217\u8868" ? "\u8BBE\u5907\u7C7B\u578B" : "\u8BBE\u65BD\u7C7B\u578B"),
                 1
                 /* TEXT */
               ),
@@ -1160,7 +1169,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 -1
                 /* CACHED */
               ))
-            ])) : (openBlock(), createElementBlock("div", _hoisted_16, _cache[9] || (_cache[9] = [
+            ])) : (openBlock(), createElementBlock("div", _hoisted_17, _cache[9] || (_cache[9] = [
               createElementVNode(
                 "span",
                 { class: "col-span-1" },
@@ -1190,7 +1199,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 /* CACHED */
               )
             ]))),
-            activatedList.value ? (openBlock(), createElementBlock("div", _hoisted_17, [
+            activatedList.value ? (openBlock(), createElementBlock("div", _hoisted_18, [
               createCommentVNode(" {{ listUnitDevice.length }} "),
               (openBlock(true), createElementBlock(
                 Fragment,
@@ -1198,10 +1207,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 renderList(listUnitDevice.value, (item, index) => {
                   return openBlock(), createElementBlock("div", {
                     key: index,
-                    class: "grid gap-1 mt-4 px-3.5 w-full grid-cols-12",
+                    class: "t-info-panel__row grid gap-1 mt-4 px-3.5 w-full grid-cols-12",
                     title: item.deviceTypeName
                   }, [
-                    createElementVNode("span", _hoisted_19, [
+                    createElementVNode("span", _hoisted_20, [
                       createVNode(_sfc_main$2, {
                         icon: configIcon.value[item.code] || unref(img$1),
                         item,
@@ -1213,7 +1222,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     createElementVNode(
                       "span",
-                      _hoisted_20,
+                      _hoisted_21,
                       toDisplayString(item.code),
                       1
                       /* TEXT */
@@ -1221,34 +1230,34 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     createElementVNode("span", {
                       class: "col-span-4 break-words",
                       title: item.remark || item.deviceTypeName || item.videoName
-                    }, toDisplayString(item.remark || item.deviceTypeName || item.videoName), 9, _hoisted_21),
+                    }, toDisplayString(item.remark || item.deviceTypeName || item.videoName), 9, _hoisted_22),
                     createElementVNode("span", {
                       class: "col-span-3 break-words",
                       title: item.locationDesc
-                    }, toDisplayString(item.locationDesc || item.addressDesc), 9, _hoisted_22)
-                  ], 8, _hoisted_18);
+                    }, toDisplayString(item.locationDesc || item.addressDesc), 9, _hoisted_23)
+                  ], 8, _hoisted_19);
                 }),
                 128
                 /* KEYED_FRAGMENT */
               ))
-            ])) : (openBlock(), createElementBlock("div", _hoisted_23, [
+            ])) : (openBlock(), createElementBlock("div", _hoisted_24, [
               (openBlock(true), createElementBlock(
                 Fragment,
                 null,
                 renderList(activatedArrayFeatures.value, (item, index) => {
                   return openBlock(), createElementBlock("div", {
                     key: item,
-                    class: "grid gap-1 mt-4 px-3.5 w-full grid-cols-12"
+                    class: "t-info-panel__row grid gap-1 mt-4 px-3.5 w-full grid-cols-12"
                   }, [
                     createElementVNode(
                       "span",
-                      _hoisted_24,
+                      _hoisted_25,
                       toDisplayString(index + 1),
                       1
                       /* TEXT */
                     ),
-                    createElementVNode("span", _hoisted_25, [
-                      item.values_.geometry.getType() === "Point" ? (openBlock(), createElementBlock("div", _hoisted_26)) : (openBlock(), createElementBlock(
+                    createElementVNode("span", _hoisted_26, [
+                      item.values_.geometry.getType() === "Point" ? (openBlock(), createElementBlock("div", _hoisted_27)) : (openBlock(), createElementBlock(
                         "div",
                         {
                           key: 1,
@@ -1260,7 +1269,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         /* STYLE */
                       ))
                     ]),
-                    createElementVNode("span", _hoisted_27, [
+                    createElementVNode("span", _hoisted_28, [
                       item.values_.geometry.getType() === "Point" ? (openBlock(), createBlock(_component_el_input, {
                         key: 0,
                         modelValue: item.values_.type,
@@ -1287,7 +1296,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         -1
                         /* CACHED */
                       )
-                    ]), 8, _hoisted_28)
+                    ]), 8, _hoisted_29)
                   ]);
                 }),
                 128
@@ -1311,43 +1320,43 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           extent: extent.value,
           "config-menu-items": configMenuItems.value,
           "activated-bottom-bar": activatedBottomBar.value,
-          onReady: handleMapReady,
-          _waring: hasWaring.value ? _waring.value : null,
+          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,
+          "list-title": listTitle.value,
           "alarm-type": alarmType.value,
           "svg-overlay": unref(img$6),
           "waring-icon": unref(img$7),
-          FnUpdateDrawFeature,
-          FnUpdateDrawFeature2,
-          FnOverrideStyle
+          "fn-update-draw-feature": fnUpdateDrawFeature,
+          "fn-update-draw-feature2": fnUpdateDrawFeature2,
+          "fn-override-style": fnOverrideStyle,
+          onReady: handleMapReady
         }, {
           overlay: withCtx(() => {
             var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
             return [
-              activatedPropertiesOverlay.value.type && list_title.value === "\u8BBE\u5907\u4FE1\u606F\u5217\u8868" ? (openBlock(), createElementBlock("div", _hoisted_29, [
+              activatedPropertiesOverlay.value.type && listTitle.value === "\u8BBE\u5907\u4FE1\u606F\u5217\u8868" ? (openBlock(), createElementBlock("div", _hoisted_30, [
                 createElementVNode("img", {
                   src: unref(img$6),
                   alt: "",
                   class: "absolute w-full h-full"
-                }, null, 8, _hoisted_30),
+                }, null, 8, _hoisted_31),
                 createElementVNode(
                   "div",
-                  _hoisted_31,
+                  _hoisted_32,
                   " \u8BBE\u5907\u7F16\u7801\uFF1A " + toDisplayString((_a = activatedPropertiesOverlay.value.other) == null ? void 0 : _a.code),
                   1
                   /* TEXT */
                 ),
                 createElementVNode(
                   "div",
-                  _hoisted_32,
+                  _hoisted_33,
                   " \u521B\u5EFA\u65E5\u671F\uFF1A " + toDisplayString((_b = activatedPropertiesOverlay.value.other) == null ? void 0 : _b.createTime),
                   1
                   /* TEXT */
                 ),
-                createElementVNode("div", _hoisted_33, [
+                createElementVNode("div", _hoisted_34, [
                   _cache[11] || (_cache[11] = createTextVNode(
                     " \u8BBE\u5907\u4F4D\u7F6E\uFF1A ",
                     -1
@@ -1356,9 +1365,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", {
                     class: "w-52 flex justify-start items-center text-gradient2 truncate ...",
                     title: ((_c = activatedPropertiesOverlay.value.other) == null ? void 0 : _c.videoName) || ((_d = activatedPropertiesOverlay.value.other) == null ? void 0 : _d.addressDesc)
-                  }, toDisplayString(alarmType.value === "video" ? (_e = activatedPropertiesOverlay.value.other) == null ? void 0 : _e.videoName : (_f = activatedPropertiesOverlay.value.other) == null ? void 0 : _f.addressDesc), 9, _hoisted_34)
+                  }, 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)
                 ]),
-                createElementVNode("div", _hoisted_35, [
+                createElementVNode("div", _hoisted_36, [
                   _cache[12] || (_cache[12] = createTextVNode(
                     " \u8BBE\u5907\u7C7B\u578B\uFF1A ",
                     -1
@@ -1367,40 +1376,40 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", {
                     class: "w-52 flex justify-start items-center text-gradient2 truncate ...",
                     title: ((_g = activatedPropertiesOverlay.value.other) == null ? void 0 : _g.remark) || ((_h = activatedPropertiesOverlay.value.other) == null ? void 0 : _h.deviceTypeName) || ((_i = activatedPropertiesOverlay.value.other) == null ? void 0 : _i.facilityTypeName)
-                  }, toDisplayString(alarmType.value === "video" ? "\u6444\u50CF\u5934" : ((_j = activatedPropertiesOverlay.value.other) == null ? void 0 : _j.remark) || ((_k = activatedPropertiesOverlay.value.other) == null ? void 0 : _k.facilityTypeName) || ((_l = activatedPropertiesOverlay.value.other) == null ? void 0 : _l.deviceTypeName)), 9, _hoisted_36)
+                  }, 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)
                 ])
               ])) : createCommentVNode("v-if", true),
               createCommentVNode(" \u8BBE\u65BD\u4FE1\u606F\u5F39\u7A97 "),
-              activatedPropertiesOverlay.value.type && list_title.value === "\u8BBE\u65BD\u4FE1\u606F\u5217\u8868" ? (openBlock(), createElementBlock("div", _hoisted_37, [
+              activatedPropertiesOverlay.value.type && listTitle.value === "\u8BBE\u65BD\u4FE1\u606F\u5217\u8868" ? (openBlock(), createElementBlock("div", _hoisted_38, [
                 createElementVNode("img", {
                   src: unref(img$6),
                   alt: "",
                   class: "absolute w-full h-full"
-                }, null, 8, _hoisted_38),
+                }, null, 8, _hoisted_39),
                 createElementVNode(
                   "div",
-                  _hoisted_39,
+                  _hoisted_40,
                   " \u8BBE\u65BD\u7F16\u7801\uFF1A " + toDisplayString((_m = activatedPropertiesOverlay.value.other) == null ? void 0 : _m.code),
                   1
                   /* TEXT */
                 ),
                 createElementVNode(
                   "div",
-                  _hoisted_40,
+                  _hoisted_41,
                   " \u521B\u5EFA\u65E5\u671F\uFF1A " + toDisplayString((_n = activatedPropertiesOverlay.value.other) == null ? void 0 : _n.createTime),
                   1
                   /* TEXT */
                 ),
                 createElementVNode(
                   "div",
-                  _hoisted_41,
+                  _hoisted_42,
                   " \u8BBE\u65BD\u578B\u53F7\uFF1A " + toDisplayString((_o = activatedPropertiesOverlay.value.other) == null ? void 0 : _o.deviceModelName),
                   1
                   /* TEXT */
                 ),
                 createElementVNode(
                   "div",
-                  _hoisted_42,
+                  _hoisted_43,
                   " \u8BBE\u65BD\u5382\u5546\uFF1A " + toDisplayString((_p = activatedPropertiesOverlay.value.other) == null ? void 0 : _p.manufacturerName),
                   1
                   /* TEXT */
@@ -1410,12 +1419,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }),
           _: 1
           /* STABLE */
-        }, 8, ["center", "zoom", "projection", "img-url", "size", "extent", "config-menu-items", "activated-bottom-bar", "_waring", "activated-position-overlay-waring", "activated-position-overlay", "activated-properties-overlay", "list_title", "alarm-type", "svg-overlay", "waring-icon"])) : (openBlock(), createElementBlock("img", {
+        }, 8, ["center", "zoom", "projection", "img-url", "size", "extent", "config-menu-items", "activated-bottom-bar", "waring", "activated-position-overlay-waring", "activated-position-overlay", "activated-properties-overlay", "list-title", "alarm-type", "svg-overlay", "waring-icon"])) : (openBlock(), createElementBlock("img", {
           key: 4,
           src: unref(img),
           alt: "\u9ED8\u8BA4\u5E95\u56FE",
           style: normalizeStyle({ width: `${size.value[0]}px`, height: `${size.value[1]}px` })
-        }, null, 12, _hoisted_43))
+        }, null, 12, _hoisted_44))
       ]);
     };
   }