@idmwx/idmui-gl4 0.8.9 → 0.9.1

package/dist/index.js

@@ -379,7 +379,7 @@ const si = {
     zone: {
       handler() {
         var t, e, o, i, a, r;
-        this.zone ? (this.handleRender(), (t = this.map) == null || t.on("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick), (e = this.map) == null || e.on("mouseenter", [this.pointLayer], this.handleHover), (o = this.map) == null || o.on("mouseleave", [this.pointLayer], this.handleLeave)) : (this.handleClear(), (i = this.map) == null || i.off("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick), (a = this.map) == null || a.off("mouseenter", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleHover), (r = this.map) == null || r.off("mouseleave", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleLeave));
+        this.zone ? (this.handleRender(), (t = this.map) == null || t.on("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick), (e = this.map) == null || e.on("mousemove", [this.pointLayer], this.handleHover), (o = this.map) == null || o.on("mouseleave", [this.pointLayer], this.handleLeave)) : (this.handleClear(), (i = this.map) == null || i.off("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick), (a = this.map) == null || a.off("mousemove", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleHover), (r = this.map) == null || r.off("mouseleave", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleLeave));
       },
       immediate: !0
     }
@@ -575,7 +575,7 @@ const hi = {
     port: {
       handler() {
         var t, e, o, i, a, r;
-        this.port ? (this.handleRender(), (t = this.map) == null || t.on("click", [this.layer], this.handleClick), (e = this.map) == null || e.on("mouseenter", [this.layer], this.handleHover), (o = this.map) == null || o.on("mouseleave", [this.layer], this.handleLeave)) : (this.handleClear(), (i = this.map) == null || i.off("click", [this.layer], this.handleClick), (a = this.map) == null || a.off("mouseenter", [this.layer], this.handleHover), (r = this.map) == null || r.off("mouseleave", [this.layer], this.handleLeave));
+        this.port ? (this.handleRender(), (t = this.map) == null || t.on("click", [this.layer], this.handleClick), (e = this.map) == null || e.on("mousemove", [this.layer], this.handleHover), (o = this.map) == null || o.on("mouseleave", [this.layer], this.handleLeave)) : (this.handleClear(), (i = this.map) == null || i.off("click", [this.layer], this.handleClick), (a = this.map) == null || a.off("mousemove", [this.layer], this.handleHover), (r = this.map) == null || r.off("mouseleave", [this.layer], this.handleLeave));
       },
       immediate: !0
     }
@@ -710,7 +710,7 @@ function yi(t, e, o, i, a, r) {
     [Ge, a.showInfo]
   ]);
 }
-const bi = /* @__PURE__ */ Z(hi, [["render", yi], ["__scopeId", "data-v-9199bd8e"]]), wi = {
+const bi = /* @__PURE__ */ Z(hi, [["render", yi], ["__scopeId", "data-v-6139e809"]]), wi = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -1362,7 +1362,7 @@ const Wi = {
     show: {
       handler() {
         var t, e, o, i, a, r;
-        this.show ? (this.handleRender(), (t = this.map) == null || t.on("click", [this.layer], this.handleClick), (e = this.map) == null || e.on("mouseenter", [this.layer], this.handleHover), (o = this.map) == null || o.on("mouseleave", [this.layer], this.handleLeave)) : (this.handleClear(), (i = this.map) == null || i.off("click", [this.layer], this.handleClick), (a = this.map) == null || a.off("mouseenter", [this.layer], this.handleHover), (r = this.map) == null || r.off("mouseleave", [this.layer], this.handleLeave));
+        this.show ? (this.handleRender(), (t = this.map) == null || t.on("click", [this.layer], this.handleClick), (e = this.map) == null || e.on("mousemove", [this.layer], this.handleHover), (o = this.map) == null || o.on("mouseleave", [this.layer], this.handleLeave)) : (this.handleClear(), (i = this.map) == null || i.off("click", [this.layer], this.handleClick), (a = this.map) == null || a.off("mousemove", [this.layer], this.handleHover), (r = this.map) == null || r.off("mouseleave", [this.layer], this.handleLeave));
       },
       immediate: !0
     },
@@ -1447,7 +1447,7 @@ function qi(t, e, o, i, a, r) {
     [Ge, a.showInfo]
   ]);
 }
-const Ki = /* @__PURE__ */ Z(Wi, [["render", qi], ["__scopeId", "data-v-851cf973"]]), Qi = {
+const Ki = /* @__PURE__ */ Z(Wi, [["render", qi], ["__scopeId", "data-v-a1d66213"]]), Qi = {
   name: "IdmIceAreas",
   props: {
     map: {
@@ -5067,13 +5067,13 @@ const wl = {
     },
     isLogin: {
       handler(t) {
-        t ? (this.fetchModels(), this.fetchWeatherLayers()) : this.models = {};
+        t ? this.fetchModels() : this.models = {};
       },
       immediate: !0
     }
   },
   mounted() {
-    this.fetchCache(), this.fetchModels(), this.fetchWeatherLayers();
+    this.fetchCache(), this.fetchWeatherLayers();
   },
   methods: {
     arraysEqual(t, e) {
@@ -8226,7 +8226,7 @@ const Cs = {
     },
     toggle: {
       handler() {
-        this.handleBind();
+        this.showForm = !!this.toggle, this.handleBind();
       },
       immediate: !0
     },
@@ -8258,7 +8258,7 @@ const Cs = {
   },
   methods: {
     handleMenuToggle() {
-      this.isLogin ? (this.toggle = !this.toggle, this.showForm = !!this.toggle) : this.$emit("login");
+      this.isLogin ? this.toggle = !this.toggle : this.$emit("login");
     },
     submitForm() {
       this.$refs.spotForm.validate().then(async (t) => {
@@ -8337,21 +8337,23 @@ const Cs = {
       this.toggle ? ((t = this.map) == null || t.on("click", this.handleClick), this.map.getCanvas().style.cursor = "pointer") : ((e = this.map) == null || e.off("click", this.handleClick), this.handleCloseMeteo());
     },
     handleClick(t) {
-      var o;
-      if (t.originalEvent.stopPropagation(), t.originalEvent.target.className === "mapboxgl-canvas") {
-        const i = t.lngLat;
-        if (this.form.latDegree = Number(oe.lat2pretty(i.lat).degree), this.form.latMinute = Number(oe.lat2pretty(i.lat).minute), this.form.latDirection = oe.lat2pretty(i.lat).direction, this.form.lngDegree = Number(oe.lng2pretty(i.lng).degree), this.form.lngMinute = Number(oe.lng2pretty(i.lng).minute), this.form.lngDirection = oe.lng2pretty(i.lng).direction, this.point = {
-          lat: i.lat,
-          lng: i.lng
-        }, this.positionMarker)
-          (o = this.positionMarker) == null || o.setLngLat([this.point.lng, this.point.lat]);
-        else {
-          const a = document.createElement("div");
-          a.innerHTML = '<svg t="1755510770354" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5552" width="200" height="200"><path d="M511.960615 827.234462s330.358154-215.906462 330.358154-465.526154C842.318769 183.650462 694.468923 39.384615 512 39.384615S181.563077 183.689846 181.563077 361.668923c0 249.659077 330.397538 465.565538 330.397538 465.565539z" fill="#FF8C00" p-id="5553"></path><path d="M511.921231 496.836923a127.054769 127.054769 0 1 0 0-254.148923 127.054769 127.054769 0 0 0 0 254.148923z" fill="#FFFFFF" p-id="5554"></path><path d="M354.461538 945.230769a157.538462 39.384615 0 1 0 315.076924 0 157.538462 39.384615 0 1 0-315.076924 0Z" fill="#494C4F" opacity=".4" p-id="5555"></path></svg>', a.firstChild.style.height = "28px", a.firstChild.style.width = "28px", this.positionMarker = new we.Marker(a).setLngLat([this.point.lng, this.point.lat]).setOffset([0, -14]).addTo(this.map);
-        }
-      } else
+      if (t.originalEvent.stopPropagation(), t.originalEvent.target.className === "mapboxgl-canvas")
+        this.handleDrawMarker(t.lngLat);
+      else
         return !1;
     },
+    handleDrawMarker(t) {
+      var e;
+      if (this.form.latDegree = Number(oe.lat2pretty(t.lat).degree), this.form.latMinute = Number(oe.lat2pretty(t.lat).minute), this.form.latDirection = oe.lat2pretty(t.lat).direction, this.form.lngDegree = Number(oe.lng2pretty(t.lng).degree), this.form.lngMinute = Number(oe.lng2pretty(t.lng).minute), this.form.lngDirection = oe.lng2pretty(t.lng).direction, this.point = {
+        lat: t.lat,
+        lng: t.lng
+      }, this.positionMarker)
+        (e = this.positionMarker) == null || e.setLngLat([this.point.lng, this.point.lat]);
+      else {
+        const o = document.createElement("div");
+        o.innerHTML = '<svg t="1755510770354" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5552" width="200" height="200"><path d="M511.960615 827.234462s330.358154-215.906462 330.358154-465.526154C842.318769 183.650462 694.468923 39.384615 512 39.384615S181.563077 183.689846 181.563077 361.668923c0 249.659077 330.397538 465.565538 330.397538 465.565539z" fill="#FF8C00" p-id="5553"></path><path d="M511.921231 496.836923a127.054769 127.054769 0 1 0 0-254.148923 127.054769 127.054769 0 0 0 0 254.148923z" fill="#FFFFFF" p-id="5554"></path><path d="M354.461538 945.230769a157.538462 39.384615 0 1 0 315.076924 0 157.538462 39.384615 0 1 0-315.076924 0Z" fill="#494C4F" opacity=".4" p-id="5555"></path></svg>', o.firstChild.style.height = "28px", o.firstChild.style.width = "28px", this.positionMarker = new we.Marker(o).setLngLat([this.point.lng, this.point.lat]).setOffset([0, -14]).addTo(this.map);
+      }
+    },
     handleRender() {
       var t;
       (t = this.positionMarker) == null || t.remove(), this.positionMarker = void 0, this.$nextTick(() => {