@ued_fpi/data-visual 1.1.0 → 1.1.2

package/dist/es/aims/src/FactorTargetYearPeriod/index.mjs

@@ -1,129 +1,7 @@
-import { i as install } from '../AirQualityCalendar/index.mjs';
-import { _ as __vite_glob_1_0 } from './images/flat.mjs';
-import { _ as __vite_glob_1_1 } from './images/green_down.mjs';
-import { _ as __vite_glob_1_2 } from './images/red_up.mjs';
-import { defineComponent, ref, onMounted, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createVNode, unref, normalizeStyle, createElementBlock, Fragment, renderList, toDisplayString, createCommentVNode, nextTick } from 'vue';
-import { F as FpiElRolling } from '../../../vendor/@ued_fpi_element-plus-expand@0.7.19.mjs';
-import { L } from '../../../vendor/fpi-tg-factor-tools@1.0.4.mjs';
-import { B as BasicCard } from '../common/BasicCard/index.mjs';
-import { j as json } from './data.mjs';
+import { install } from '../../../utils.mjs';
+import _sfc_main from './index.vue.mjs';
+import './index.vue2.mjs';
 
-const _hoisted_1 = { class: "factorName" };
-const _hoisted_2 = { class: "factorValue" };
-const _hoisted_3 = { class: "unit" };
-const _hoisted_4 = {
-  key: 0,
-  class: "target"
-};
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("span", { class: "name" }, "目标", -1);
-const _hoisted_6 = { class: "value" };
-const _hoisted_7 = /* @__PURE__ */ createElementVNode("span", { class: "unit" }, "%", -1);
-const _hoisted_8 = { class: "period" };
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", { class: "name" }, "同比", -1);
-const _hoisted_10 = ["src"];
-const clsfix = "fpi-aims-factor-target-year-period";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    const cardWidth = ref(400);
-    const listWidth = ref(0);
-    const itemWidth = ref(0);
-    const factorList = ref([]);
-    const getData = async () => {
-      const data = json;
-      factorList.value = data.map((item) => {
-        const obj = {
-          factorName: item.itemName,
-          factorCode: item.factorCode,
-          value: item.thisPeriodValue,
-          target: item.targetValue,
-          ratio: item.changeRate,
-          unit: item.unit
-        };
-        if (item.factorCode === "fineRate") {
-          obj.ratioColor = obj.ratio > 0 ? "#15F3A3" : obj.ratio < 0 ? "#F84439" : "#00DEFF";
-          obj.arrowUrl = new URL((/* #__PURE__ */ Object.assign({"./images/flat.png": __vite_glob_1_0,"./images/green_down.png": __vite_glob_1_1,"./images/red_up.png": __vite_glob_1_2}))[`./images/${obj.ratio > 0 ? "green_down" : obj.ratio < 0 ? "red_up" : "flat"}.png`], self.location);
-        } else {
-          obj.color = L(item.factorCode, obj.value, "hour");
-          obj.ratioColor = obj.ratio > 0 ? "#F84439" : obj.ratio < 0 ? "#15F3A3" : "#00DEFF";
-          obj.arrowUrl = new URL((/* #__PURE__ */ Object.assign({"./images/flat.png": __vite_glob_1_0,"./images/green_down.png": __vite_glob_1_1,"./images/red_up.png": __vite_glob_1_2}))[`./images/${obj.ratio > 0 ? "red_up" : obj.ratio < 0 ? "green_down" : "flat"}.png`], self.location);
-        }
-        return obj;
-      });
-      nextTick(() => {
-        itemWidth.value = (cardWidth.value - 12 * 2) / 4;
-        listWidth.value = itemWidth.value * factorList.value.length;
-      });
-    };
-    onMounted(() => {
-      getData();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(BasicCard, {
-        width: cardWidth.value,
-        title: "气-大气因子-目标同比"
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass(`${clsfix}-container`)
-          }, [
-            createVNode(unref(FpiElRolling), {
-              style: {},
-              direction: "x",
-              "scroll-able": "",
-              time: 15
-            }, {
-              default: withCtx(() => [
-                createElementVNode("div", {
-                  class: "flex list",
-                  style: normalizeStyle({ width: `${listWidth.value}px` })
-                }, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(factorList.value, (item, index) => {
-                    return openBlock(), createElementBlock("div", {
-                      key: index,
-                      class: "flex item",
-                      style: normalizeStyle({ width: `${itemWidth.value}px` })
-                    }, [
-                      createElementVNode("div", _hoisted_1, toDisplayString(item.factorName), 1),
-                      createElementVNode("div", _hoisted_2, [
-                        createElementVNode("span", {
-                          class: "value",
-                          style: normalizeStyle({ color: item.color })
-                        }, toDisplayString(item.value), 5),
-                        createElementVNode("span", _hoisted_3, toDisplayString(item.unit), 1)
-                      ]),
-                      item.target || item.target === 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                        _hoisted_5,
-                        createElementVNode("span", _hoisted_6, toDisplayString(item.target), 1),
-                        _hoisted_7
-                      ])) : createCommentVNode("", true),
-                      createElementVNode("div", _hoisted_8, [
-                        _hoisted_9,
-                        createElementVNode("span", {
-                          class: "value",
-                          style: normalizeStyle({ color: item.ratioColor })
-                        }, toDisplayString(Math.abs(item.ratio)) + "%", 5),
-                        createElementVNode("img", {
-                          src: item.arrowUrl,
-                          style: normalizeStyle({ transform: item.factorCode === "fineRate" ? "rotate(180deg)" : "none" })
-                        }, null, 12, _hoisted_10)
-                      ])
-                    ], 4);
-                  }), 128))
-                ], 4)
-              ]),
-              _: 1
-            })
-          ], 2)
-        ]),
-        _: 1
-      }, 8, ["width"]);
-    };
-  }
-});
+const DvAimsFactorTargetYearPeriod = install(_sfc_main);
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
-
-const FactorTargetYearPeriod = install(_sfc_main);
-
-export { FactorTargetYearPeriod as F };
+export { DvAimsFactorTargetYearPeriod, _sfc_main as default };

package/dist/es/aims/src/FactorTargetYearPeriod/index.vue.mjs

@@ -0,0 +1,115 @@
+import __vite_glob_1_0 from './images/flat.png.mjs';
+import __vite_glob_1_1 from './images/green_down.png.mjs';
+import __vite_glob_1_2 from './images/red_up.png.mjs';
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createElementVNode, normalizeStyle, Fragment, renderList, toDisplayString, createCommentVNode, nextTick } from 'vue';
+import { FpiElRolling } from '@ued_fpi/element-plus-expand';
+import { factorToColor } from 'fpi-tg-factor-tools';
+import json from './data.json.mjs';
+
+const _hoisted_1 = { class: "factorName" };
+const _hoisted_2 = { class: "factorValue" };
+const _hoisted_3 = { class: "unit" };
+const _hoisted_4 = {
+  key: 0,
+  class: "target"
+};
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("span", { class: "name" }, "目标", -1);
+const _hoisted_6 = { class: "value" };
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("span", { class: "unit" }, "%", -1);
+const _hoisted_8 = { class: "period" };
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", { class: "name" }, "同比", -1);
+const _hoisted_10 = ["src"];
+const clsfix = "fpi-aims-factor-target-year-period";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const cardWidth = ref(400);
+    const listWidth = ref(0);
+    const itemWidth = ref(0);
+    const factorList = ref([]);
+    const getData = async () => {
+      const data = json;
+      factorList.value = data.map((item) => {
+        const obj = {
+          factorName: item.itemName,
+          factorCode: item.factorCode,
+          value: item.thisPeriodValue,
+          target: item.targetValue,
+          ratio: item.changeRate,
+          unit: item.unit
+        };
+        if (item.factorCode === "fineRate") {
+          obj.ratioColor = obj.ratio > 0 ? "#15F3A3" : obj.ratio < 0 ? "#F84439" : "#00DEFF";
+          obj.arrowUrl = new URL((/* #__PURE__ */ Object.assign({"./images/flat.png": __vite_glob_1_0,"./images/green_down.png": __vite_glob_1_1,"./images/red_up.png": __vite_glob_1_2}))[`./images/${obj.ratio > 0 ? "green_down" : obj.ratio < 0 ? "red_up" : "flat"}.png`], self.location);
+        } else {
+          obj.color = factorToColor(item.factorCode, obj.value, "hour");
+          obj.ratioColor = obj.ratio > 0 ? "#F84439" : obj.ratio < 0 ? "#15F3A3" : "#00DEFF";
+          obj.arrowUrl = new URL((/* #__PURE__ */ Object.assign({"./images/flat.png": __vite_glob_1_0,"./images/green_down.png": __vite_glob_1_1,"./images/red_up.png": __vite_glob_1_2}))[`./images/${obj.ratio > 0 ? "red_up" : obj.ratio < 0 ? "green_down" : "flat"}.png`], self.location);
+        }
+        return obj;
+      });
+      nextTick(() => {
+        itemWidth.value = (cardWidth.value - 12 * 2) / 4;
+        listWidth.value = itemWidth.value * factorList.value.length;
+      });
+    };
+    onMounted(() => {
+      getData();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`${clsfix}-container`)
+      }, [
+        createVNode(unref(FpiElRolling), {
+          style: {},
+          direction: "x",
+          "scroll-able": "",
+          time: 15
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              class: "flex list",
+              style: normalizeStyle({ width: `${listWidth.value}px` })
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(factorList.value, (item, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: "flex item",
+                  style: normalizeStyle({ width: `${itemWidth.value}px` })
+                }, [
+                  createElementVNode("div", _hoisted_1, toDisplayString(item.factorName), 1),
+                  createElementVNode("div", _hoisted_2, [
+                    createElementVNode("span", {
+                      class: "value",
+                      style: normalizeStyle({ color: item.color })
+                    }, toDisplayString(item.value), 5),
+                    createElementVNode("span", _hoisted_3, toDisplayString(item.unit), 1)
+                  ]),
+                  item.target || item.target === 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                    _hoisted_5,
+                    createElementVNode("span", _hoisted_6, toDisplayString(item.target), 1),
+                    _hoisted_7
+                  ])) : createCommentVNode("", true),
+                  createElementVNode("div", _hoisted_8, [
+                    _hoisted_9,
+                    createElementVNode("span", {
+                      class: "value",
+                      style: normalizeStyle({ color: item.ratioColor })
+                    }, toDisplayString(Math.abs(item.ratio)) + "%", 5),
+                    createElementVNode("img", {
+                      src: item.arrowUrl,
+                      style: normalizeStyle({ transform: item.factorCode === "fineRate" ? "rotate(180deg)" : "none" })
+                    }, null, 12, _hoisted_10)
+                  ])
+                ], 4);
+              }), 128))
+            ], 4)
+          ]),
+          _: 1
+        })
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/aims/src/FactorTargetYearPeriod/index.vue2.mjs

@@ -0,0 +1,3 @@
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
+
+export { index_vue_vue_type_style_index_0_lang as default };

package/dist/es/aims/src/FactorTargetYearPeriod/index.vue3.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './index.vue.mjs';
+import './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/dist/es/aims/src/MainPollutionMonthRatio/api/index.mjs

@@ -1,4 +1,4 @@
-import { r as requestControl } from '../../../service/request.mjs';
+import requestControl from '../../../service/request.mjs';
 
 const getAirQualityStatis = (params) => {
   return requestControl({
@@ -8,4 +8,4 @@ const getAirQualityStatis = (params) => {
   });
 };
 
-export { getAirQualityStatis as g };
+export { getAirQualityStatis };

package/dist/es/aims/src/MainPollutionMonthRatio/index.d.ts

@@ -1,5 +1,5 @@
 import _MainPollutionMonthRatio from './index.vue';
-export declare const MainPollutionMonthRatio: {
+export declare const DvAimsMainPollutionMonthRatio: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};

package/dist/es/aims/src/MainPollutionMonthRatio/index.mjs

@@ -1,182 +1,6 @@
-import { _ as _export_sfc, i as install } from '../AirQualityCalendar/index.mjs';
-import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, unref } from 'vue';
-import { E } from '../../../vendor/fpi-tg-factor-tools@1.0.4.mjs';
-import { d as dayjs } from '../../../vendor/dayjs@1.11.9.mjs';
-import { _ as _BasicEcharts } from '../common/BasicEcharts/index.mjs';
-import { g as getAirQualityStatis } from './api/index.mjs';
+import { install } from '../../../utils.mjs';
+import _MainPollutionMonthRatio from './index.vue.mjs';
 
-const clsfix = "main-pollution-year-ratio";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    apiParams: { default: () => ({
-      time: dayjs().subtract(1, "h").valueOf(),
-      code: "0101000000",
-      codeType: "grid"
-    }) }
-  },
-  setup(__props) {
-    const props = __props;
-    const chartsFullOptions = ref({ options: null });
-    const generateOption = (xData, series) => {
-      return {
-        options: {
-          grid: {
-            left: 10,
-            bottom: 30,
-            right: 10,
-            top: 30,
-            containLabel: true
-          },
-          tooltip: {
-            trigger: "axis",
-            padding: 8,
-            background: "rgba(1, 11, 18, 0.6)",
-            formatter: (params) => {
-              const title = params[0] ? params[0].name : "";
-              const totalArr = params.filter((item) => Number(item.value) > 0).map((item) => item.value);
-              const total = totalArr.reduce((a, b) => a + b, 0);
-              const strArr = params.map((item) => {
-                const rate = Number(item.value) > 0 ? (item.value / total * 100).toFixed(1) : "0.0";
-                return `<div>
-                            ${item.marker}
-                            <span style="display: inline-block;width: 40px;">${item.seriesName}</span>
-                            <span style="display: inline-block;text-align: right;width: 40px;">${typeof item.value === "number" ? `${item.value}天` : "--天"}</span>
-                            <span style="display: inline-block;text-align: right;width: 50px;">${rate}%</span>
-                        </div>`;
-              });
-              const str = strArr.join("");
-              return `<div>
-                        <div>${title}</div>
-                        <div><span style="display: inline-block;width: 80px;">统计总天数</span><span>${total}</span></div>
-                        ${str}
-                    </div>`;
-            }
-          },
-          xAxis: {
-            type: "category",
-            axisTick: {
-              show: false
-            },
-            axisLine: {
-              show: false
-            },
-            axisLabel: {
-              color: "#FFF",
-              fontSize: 12,
-              interval: 0,
-              formatter: (value) => value.substr(5)
-            },
-            data: xData
-          },
-          yAxis: {
-            type: "value",
-            name: "天",
-            nameTextStyle: {
-              color: "rgba(255, 255, 255, 0.5)",
-              padding: [0, 30, 0, 0]
-            },
-            splitNumber: 3,
-            axisTick: {
-              show: false
-            },
-            axisLine: {
-              show: false
-            },
-            axisLabel: {
-              show: true,
-              color: "rgba(255, 255, 255, 0.5)"
-            },
-            splitLine: {
-              show: true,
-              lineStyle: {
-                color: ["rgba(255, 255, 255, 0.3)"]
-              }
-            }
-          },
-          legend: {
-            show: true,
-            bottom: 0,
-            itemGap: 4,
-            textStyle: {
-              color: "#FFF",
-              fontSize: 12
-            },
-            itemWidth: 10,
-            itemHeight: 10,
-            itemStyle: {
-              borderWidth: 0
-            }
-          },
-          series
-        }
-      };
-    };
-    const fetchData = () => {
-      const colors = [
-        "#0062FF",
-        "#0AAEFF",
-        "#2AC94F",
-        "#FF792E",
-        "#F84439",
-        "#FFB443",
-        "rgb(154, 154, 154)"
-      ];
-      getAirQualityStatis(props.apiParams).then((res) => {
-        if (res.data && res.data.primaryPollutant.primaryMonthSum) {
-          const data = res.data.primaryPollutant.primaryMonthSum;
-          const xData = data.times;
-          const rawList = E.filter((item) => item.code !== "aqi");
-          rawList.push({
-            name: "无首污",
-            key: "noMainPollutant",
-            code: "noMainPollutant",
-            unit: "",
-            key3: ""
-          });
-          const series = rawList.map((item, index) => {
-            const values = data[item.key];
-            return {
-              name: item.name,
-              type: "bar",
-              stack: "x",
-              data: values,
-              color: colors[index],
-              barWidth: 15
-            };
-          });
-          chartsFullOptions.value = generateOption(xData, series);
-        }
-      });
-    };
-    onMounted(() => {
-      fetchData();
-    });
-    watch(() => props.apiParams, () => {
-      fetchData();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(`${clsfix}-container`)
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(`${clsfix}-echarts`)
-        }, [
-          createVNode(unref(_BasicEcharts), {
-            height: "100%",
-            "full-options": chartsFullOptions.value,
-            loading: false
-          }, null, 8, ["full-options"])
-        ], 2)
-      ], 2);
-    };
-  }
-});
+const DvAimsMainPollutionMonthRatio = install(_MainPollutionMonthRatio);
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_8694d945_lang = '';
-
-const _MainPollutionMonthRatio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8694d945"]]);
-
-const MainPollutionMonthRatio = install(_MainPollutionMonthRatio);
-
-export { MainPollutionMonthRatio as M };
+export { DvAimsMainPollutionMonthRatio, _MainPollutionMonthRatio as default };

package/dist/es/aims/src/MainPollutionMonthRatio/index.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './index.vue2.mjs';
+import './index.vue3.mjs';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+const _MainPollutionMonthRatio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8694d945"]]);
+
+export { _MainPollutionMonthRatio as default };

package/dist/es/aims/src/MainPollutionMonthRatio/index.vue2.mjs

@@ -0,0 +1,176 @@
+import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, unref } from 'vue';
+import { BASE_FACTOR } from 'fpi-tg-factor-tools';
+import dayjs from 'dayjs';
+import '../common/BasicEcharts/index.mjs';
+import { getAirQualityStatis } from './api/index.mjs';
+import _BasicEcharts from '../common/BasicEcharts/index.vue.mjs';
+
+const clsfix = "main-pollution-year-ratio";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    apiParams: { default: () => ({
+      time: dayjs().subtract(1, "h").valueOf(),
+      code: "0101000000",
+      codeType: "grid"
+    }) }
+  },
+  setup(__props) {
+    const props = __props;
+    const chartsFullOptions = ref({ options: null });
+    const generateOption = (xData, series) => {
+      return {
+        options: {
+          grid: {
+            left: 10,
+            bottom: 30,
+            right: 10,
+            top: 30,
+            containLabel: true
+          },
+          tooltip: {
+            trigger: "axis",
+            padding: 8,
+            background: "rgba(1, 11, 18, 0.6)",
+            formatter: (params) => {
+              const title = params[0] ? params[0].name : "";
+              const totalArr = params.filter((item) => Number(item.value) > 0).map((item) => item.value);
+              const total = totalArr.reduce((a, b) => a + b, 0);
+              const strArr = params.map((item) => {
+                const rate = Number(item.value) > 0 ? (item.value / total * 100).toFixed(1) : "0.0";
+                return `<div>
+                            ${item.marker}
+                            <span style="display: inline-block;width: 40px;">${item.seriesName}</span>
+                            <span style="display: inline-block;text-align: right;width: 40px;">${typeof item.value === "number" ? `${item.value}天` : "--天"}</span>
+                            <span style="display: inline-block;text-align: right;width: 50px;">${rate}%</span>
+                        </div>`;
+              });
+              const str = strArr.join("");
+              return `<div>
+                        <div>${title}</div>
+                        <div><span style="display: inline-block;width: 80px;">统计总天数</span><span>${total}</span></div>
+                        ${str}
+                    </div>`;
+            }
+          },
+          xAxis: {
+            type: "category",
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              color: "#FFF",
+              fontSize: 12,
+              interval: 0,
+              formatter: (value) => value.substr(5)
+            },
+            data: xData
+          },
+          yAxis: {
+            type: "value",
+            name: "天",
+            nameTextStyle: {
+              color: "rgba(255, 255, 255, 0.5)",
+              padding: [0, 30, 0, 0]
+            },
+            splitNumber: 3,
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              show: true,
+              color: "rgba(255, 255, 255, 0.5)"
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: ["rgba(255, 255, 255, 0.3)"]
+              }
+            }
+          },
+          legend: {
+            show: true,
+            bottom: 0,
+            itemGap: 4,
+            textStyle: {
+              color: "#FFF",
+              fontSize: 12
+            },
+            itemWidth: 10,
+            itemHeight: 10,
+            itemStyle: {
+              borderWidth: 0
+            }
+          },
+          series
+        }
+      };
+    };
+    const fetchData = () => {
+      const colors = [
+        "#0062FF",
+        "#0AAEFF",
+        "#2AC94F",
+        "#FF792E",
+        "#F84439",
+        "#FFB443",
+        "rgb(154, 154, 154)"
+      ];
+      getAirQualityStatis(props.apiParams).then((res) => {
+        if (res.data && res.data.primaryPollutant.primaryMonthSum) {
+          const data = res.data.primaryPollutant.primaryMonthSum;
+          const xData = data.times;
+          const rawList = BASE_FACTOR.filter((item) => item.code !== "aqi");
+          rawList.push({
+            name: "无首污",
+            key: "noMainPollutant",
+            code: "noMainPollutant",
+            unit: "",
+            key3: ""
+          });
+          const series = rawList.map((item, index) => {
+            const values = data[item.key];
+            return {
+              name: item.name,
+              type: "bar",
+              stack: "x",
+              data: values,
+              color: colors[index],
+              barWidth: 15
+            };
+          });
+          chartsFullOptions.value = generateOption(xData, series);
+        }
+      });
+    };
+    onMounted(() => {
+      fetchData();
+    });
+    watch(() => props.apiParams, () => {
+      fetchData();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`${clsfix}-container`)
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(`${clsfix}-echarts`)
+        }, [
+          createVNode(unref(_BasicEcharts), {
+            height: "100%",
+            "full-options": chartsFullOptions.value,
+            loading: false
+          }, null, 8, ["full-options"])
+        ], 2)
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/aims/src/MainPollutionMonthRatio/index.vue3.mjs

@@ -0,0 +1,3 @@
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_8694d945_lang = '';
+
+export { index_vue_vue_type_style_index_0_scoped_8694d945_lang as default };

package/dist/es/aims/src/MainPollutionYearRatio/api/index.mjs

@@ -1,4 +1,4 @@
-import { r as requestControl } from '../../../service/request.mjs';
+import requestControl from '../../../service/request.mjs';
 
 const getAirQualityStatis = (params) => {
   return requestControl({
@@ -8,4 +8,4 @@ const getAirQualityStatis = (params) => {
   });
 };
 
-export { getAirQualityStatis as g };
+export { getAirQualityStatis };

package/dist/es/aims/src/MainPollutionYearRatio/index.d.ts

@@ -1,5 +1,5 @@
 import _MainPollutionYearRatio from './index.vue';
-export declare const MainPollutionYearRatio: {
+export declare const DvAimsMainPollutionYearRatio: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};