@idmwx/idmui-gl4 0.9.0 → 0.9.2

package/dist/index.js

@@ -8226,7 +8226,7 @@ const Cs = {
     },
     toggle: {
       handler() {
-        this.handleBind();
+        this.showForm = !!this.toggle, this.handleBind();
       },
       immediate: !0
     },
@@ -8258,18 +8258,19 @@ 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) => {
-        var e;
-        if (t != null && t.valid) {
+    clickForm() {
+      var t;
+      this.showMeteo = !1, (t = this.meteoMarker) == null || t.remove(), this.meteoMarker = void 0, this.$refs.spotForm.validate().then(async (e) => {
+        var o;
+        if (e != null && e.valid) {
           this.form.lat = (Number(this.form.latDegree ?? 0) + Number(this.form.latMinute ?? 0) / 60) * (this.form.latDirection === "N" ? 1 : -1), this.form.lng = (Number(this.form.lngDegree ?? 0) + Number(this.form.lngMinute ?? 0) / 60) * (this.form.lngDirection === "E" ? 1 : -1), this.point = {
             lat: this.form.lat,
             lng: this.form.lng
           };
-          const o = D();
-          ((e = D(this.realTime)) == null ? void 0 : e.diff(o, "d", !0)) >= 0 ? await this.fetchMeteoData(this.form) : await this.fetchHistoryData(this.form), this.initTableData(this.meteoData), this.showMeteo = !0, this.handleRender();
+          const i = D();
+          ((o = D(this.realTime)) == null ? void 0 : o.diff(i, "d", !0)) >= 0 ? await this.fetchMeteoData(this.form) : await this.fetchHistoryData(this.form), this.initTableData(this.meteoData), this.handleRender();
         }
       });
     },
@@ -8337,30 +8338,34 @@ 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), this.$nextTick(() => {
+          var o, i, a;
+          (a = (i = (o = this.$refs) == null ? void 0 : o.submitSpot) == null ? void 0 : i.$el) == null || a.click();
+        });
+      else
         return !1;
     },
+    handleDrawMarker(t) {
+      var e, o;
+      if (this.showMeteo = !1, (e = this.meteoMarker) == null || e.remove(), this.meteoMarker = void 0, 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)
+        (o = this.positionMarker) == null || o.setLngLat([this.point.lng, this.point.lat]);
+      else {
+        const i = document.createElement("div");
+        i.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>', i.firstChild.style.height = "28px", i.firstChild.style.width = "28px", this.positionMarker = new we.Marker(i).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(() => {
-        this.point && (this.map.flyTo({
-          center: [this.point.lng, this.point.lat],
-          duration: 800
-        }), setTimeout(() => {
-          var e, o;
-          if (this.meteoMarker)
+      this.point && (this.map.flyTo({
+        center: [this.point.lng, this.point.lat],
+        duration: 800
+      }), setTimeout(() => {
+        this.showMeteo = !0, this.$nextTick(() => {
+          var t, e, o;
+          if ((t = this.positionMarker) == null || t.remove(), this.positionMarker = void 0, this.meteoMarker)
             (e = this.meteoMarker) == null || e.setLngLat([this.point.lng, this.point.lat]);
           else {
             const i = document.createElement("div");
@@ -8372,8 +8377,8 @@ const Cs = {
             const i = document.getElementById("idm-gl4-spot-meteo");
             this.meteoInfoMarker = new we.Marker(i).setLngLat([this.point.lng, this.point.lat]).setOffset([0, -200]).addTo(this.map);
           }
-        }, 1e3));
-      });
+        });
+      }, 1e3));
     },
     handleMeteoMore() {
       this.point.forecastModel = this.forecastModel, this.$emit("meteoMore", this.point);
@@ -8463,7 +8468,7 @@ function Ws(t, e, o, i, a, r) {
               ref: "spotForm",
               autocomplete: "off",
               class: "form-box",
-              onSubmit: Xa(r.submitForm, ["prevent"])
+              onSubmit: Xa(r.clickForm, ["prevent"])
             }, {
               default: u(() => [
                 l("div", Ms, [
@@ -8724,6 +8729,7 @@ function Ws(t, e, o, i, a, r) {
                       __: [21]
                     }, 8, ["onClick"]),
                     h(s, {
+                      ref: "submitSpot",
                       loading: a.loading,
                       size: "small",
                       variant: "flat",