@idmwx/idmui-report 3.1.1 → 3.1.2

package/dist/Tropicals/src/index.vue.d.ts

@@ -29,6 +29,7 @@ declare namespace _sfc_main {
     }
     const emits: string[];
     function data(): {
+        loading: boolean;
         tropicals: undefined;
         activeForecast: undefined;
         timeSubscript: string[];
@@ -60,6 +61,10 @@ declare namespace _sfc_main {
         };
     }
     const watch: {
+        model: {
+            handler(): void;
+            immediate: boolean;
+        };
         'report.id': {
             handler(): void;
             immediate: boolean;

package/dist/index.js

@@ -10897,6 +10897,7 @@ const JB = {
   emits: ["center"],
   data() {
     return {
+      loading: !1,
       tropicals: void 0,
       activeForecast: void 0,
       timeSubscript: ["0", "6", "12", "18", "24", "36", "48", "72"],
@@ -10976,10 +10977,17 @@ const JB = {
     }
   },
   watch: {
+    model: {
+      handler() {
+        var s;
+        (s = this.report) != null && s.id && !this.loading && this.prepare();
+      },
+      immediate: !0
+    },
     "report.id": {
       handler() {
         var s;
-        (s = this.report) != null && s.id && this.prepare();
+        (s = this.report) != null && s.id && !this.loading && this.prepare();
       },
       immediate: !0
     }
@@ -10987,6 +10995,7 @@ const JB = {
   methods: {
     async prepare() {
       var l, v, r, _, w, A, f, g, O, p, E, F;
+      this.loading = !0;
       const s = QB.convert2Geojson([this.report]);
       this.model && s.features.forEach((W) => {
         W.properties.type === "forecast" && W.properties.model !== this.model && (W.properties.disabled = !0);
@@ -11009,7 +11018,7 @@ const JB = {
           B.pressure > 1e4 && (B.pressure = Lo.roundPrecision(B.pressure / 100, 0)), B.hour = Number(W), B.date = u.clone().add(B.hour, "h").utc().format("MMM-DD/HH[Z]"), this.activeForecast.sample.push(B), i++;
         } else
           break;
-      this.records = await this.interpolatedRecord(this.activeForecast.date, this.activeForecast.hours, 1), this.fetchData().then();
+      this.records = await this.interpolatedRecord(this.activeForecast.date, this.activeForecast.hours, 1), this.fetchData().then(), this.loading = !1;
     },
     async fetchData() {
       var w;
@@ -11215,7 +11224,7 @@ const JB = {
       return v;
     }
   }
-}, pn = (s) => (re("data-v-391af4fc"), s = s(), ue(), s), KB = { class: "typhoon-report" }, qB = { class: "report-content" }, XB = { class: "map" }, jB = { class: "table" }, tL = /* @__PURE__ */ pn(() => /* @__PURE__ */ t("thead", null, [
+}, pn = (s) => (re("data-v-7c3e83cd"), s = s(), ue(), s), KB = { class: "typhoon-report" }, qB = { class: "report-content" }, XB = { class: "map" }, jB = { class: "table" }, tL = /* @__PURE__ */ pn(() => /* @__PURE__ */ t("thead", null, [
   /* @__PURE__ */ t("tr", null, [
     /* @__PURE__ */ t("td", null, "Time"),
     /* @__PURE__ */ t("td", null, "Position"),
@@ -11290,7 +11299,7 @@ function sL(s, a, o, u, i, l) {
     eL
   ]);
 }
-const oL = /* @__PURE__ */ Lt(JB, [["render", sL], ["__scopeId", "data-v-391af4fc"]]), Rst = {
+const oL = /* @__PURE__ */ Lt(JB, [["render", sL], ["__scopeId", "data-v-7c3e83cd"]]), Rst = {
   install(s) {
     s.component("TropicalReport", oL);
   }