@ued_fpi/data-visual 1.1.1 → 1.1.2

package/dist/lib/aims/src/MulGridCieqContributionMonthRatio/index.js

@@ -1,176 +1,11 @@
 'use strict';
 
-const aims_src_AirQualityCalendar_index = require('../AirQualityCalendar/index.js');
-const vue = require('vue');
-const fpiTgFactorTools = require('fpi-tg-factor-tools');
-const dayjs = require('dayjs');
-const aims_src_common_BasicEcharts_index = require('../common/BasicEcharts/index.js');
-const aims_src_MulGridCieqContributionMonthRatio_api_index = require('./api/index.js');
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const clsfix = "cieq-contributio-ratio";
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: {
-    apiParams: { default: () => ({
-      time: dayjs().subtract(1, "h").valueOf(),
-      gridCode: "0100000000",
-      timeType: "year"
-    }) }
-  },
-  setup(__props) {
-    const props = __props;
-    const chartsFullOptions = vue.ref({ options: null });
-    const generateOption = (xData, series) => {
-      return {
-        options: {
-          colors: [
-            "#0062FF",
-            "#0AAEFF",
-            "#2AC94F",
-            "#FF792E",
-            "#F84439",
-            "#FFB443"
-          ],
-          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 cieq = params[0] ? params[0].data.cieq : "";
-              const strArr = params.map((item) => {
-                return `<div>
-                            ${item.marker}
-                            <span style="display: inline-block;width: 60px;">${item.seriesName}</span>
-                            <span style="display: inline-block;text-align: right;width: 30px;margin-right:10px;">${Number.isNaN(Number(item.data.value)) ? "--" : `${item.data.value}`}</span>
-                            <span style="display: inline-block;text-align: right;width: 40px;">${typeof item.data.rate === "number" ? `${item.data.rate}%` : "--%"}</span>
-                        </div>`;
-              });
-              const str = strArr.join("");
-              return `<div>
-                        <div>${title}</div>
-                        <div><span style="display: inline-block;width: 60px;">综合指数</span><span>${cieq}</span></div>
-                        ${str}
-                    </div>`;
-            }
-          },
-          xAxis: {
-            type: "category",
-            axisTick: {
-              show: false
-            },
-            axisLine: {
-              show: false
-            },
-            axisLabel: {
-              color: "#FFF",
-              fontSize: 12,
-              interval: 0
-            },
-            data: xData
-          },
-          yAxis: {
-            type: "value",
-            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: 10,
-            textStyle: {
-              color: "#FFF",
-              fontSize: 12
-            },
-            itemWidth: 10,
-            itemHeight: 10,
-            itemStyle: {
-              borderWidth: 0
-            }
-          },
-          series
-        }
-      };
-    };
-    const fetchData = () => {
-      aims_src_MulGridCieqContributionMonthRatio_api_index.getCieqRate(props.apiParams).then((res) => {
-        if (res.data && res.data) {
-          const data = res.data;
-          const xData = data.map((c) => c.name);
-          const list = fpiTgFactorTools.BASE_FACTOR.filter((item) => item.code !== "aqi").map((item) => {
-            const values = data.map((c) => {
-              const obj = c.icieqs.find((o) => o.factorName === item.name);
-              return {
-                ...obj,
-                cieq: c.cieq
-              };
-            });
-            return {
-              name: item.name,
-              type: "bar",
-              stack: "x",
-              data: values,
-              barWidth: 15
-            };
-          });
-          chartsFullOptions.value = generateOption(xData, list);
-        }
-      });
-    };
-    vue.onMounted(() => {
-      fetchData();
-    });
-    vue.watch(() => props.apiParams, () => {
-      fetchData();
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(`${clsfix}-container`)
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(`${clsfix}-echarts`)
-        }, [
-          vue.createVNode(vue.unref(aims_src_common_BasicEcharts_index._BasicEcharts), {
-            height: "100%",
-            "full-options": chartsFullOptions.value,
-            loading: false
-          }, null, 8, ["full-options"])
-        ], 2)
-      ], 2);
-    };
-  }
-});
+const utils = require('../../../utils.js');
+const index = require('./index.vue.js');
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_7e17afde_lang = '';
+const DvAimsMulGridCieqContributionMonthRatio = utils.install(index.default);
 
-const _MulGridCieqContributionMonthRatio = /* @__PURE__ */ aims_src_AirQualityCalendar_index._export_sfc(_sfc_main, [["__scopeId", "data-v-7e17afde"]]);
-
-const MulGridCieqContributionMonthRatio = aims_src_AirQualityCalendar_index.install(_MulGridCieqContributionMonthRatio);
-
-exports.MulGridCieqContributionMonthRatio = MulGridCieqContributionMonthRatio;
+exports.default = index.default;
+exports.DvAimsMulGridCieqContributionMonthRatio = DvAimsMulGridCieqContributionMonthRatio;

package/dist/lib/aims/src/MulGridCieqContributionMonthRatio/index.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+require('./index.vue3.js');
+const _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+const _MulGridCieqContributionMonthRatio = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-7e17afde"]]);
+
+exports.default = _MulGridCieqContributionMonthRatio;

package/dist/lib/aims/src/MulGridCieqContributionMonthRatio/index.vue2.js

@@ -0,0 +1,172 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const fpiTgFactorTools = require('fpi-tg-factor-tools');
+const dayjs = require('dayjs');
+require('../common/BasicEcharts/index.js');
+const index$1 = require('./api/index.js');
+const index = require('../common/BasicEcharts/index.vue.js');
+
+const clsfix = "cieq-contributio-ratio";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    apiParams: { default: () => ({
+      time: dayjs().subtract(1, "h").valueOf(),
+      gridCode: "0100000000",
+      timeType: "year"
+    }) }
+  },
+  setup(__props) {
+    const props = __props;
+    const chartsFullOptions = vue.ref({ options: null });
+    const generateOption = (xData, series) => {
+      return {
+        options: {
+          colors: [
+            "#0062FF",
+            "#0AAEFF",
+            "#2AC94F",
+            "#FF792E",
+            "#F84439",
+            "#FFB443"
+          ],
+          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 cieq = params[0] ? params[0].data.cieq : "";
+              const strArr = params.map((item) => {
+                return `<div>
+                            ${item.marker}
+                            <span style="display: inline-block;width: 60px;">${item.seriesName}</span>
+                            <span style="display: inline-block;text-align: right;width: 30px;margin-right:10px;">${Number.isNaN(Number(item.data.value)) ? "--" : `${item.data.value}`}</span>
+                            <span style="display: inline-block;text-align: right;width: 40px;">${typeof item.data.rate === "number" ? `${item.data.rate}%` : "--%"}</span>
+                        </div>`;
+              });
+              const str = strArr.join("");
+              return `<div>
+                        <div>${title}</div>
+                        <div><span style="display: inline-block;width: 60px;">综合指数</span><span>${cieq}</span></div>
+                        ${str}
+                    </div>`;
+            }
+          },
+          xAxis: {
+            type: "category",
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              color: "#FFF",
+              fontSize: 12,
+              interval: 0
+            },
+            data: xData
+          },
+          yAxis: {
+            type: "value",
+            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: 10,
+            textStyle: {
+              color: "#FFF",
+              fontSize: 12
+            },
+            itemWidth: 10,
+            itemHeight: 10,
+            itemStyle: {
+              borderWidth: 0
+            }
+          },
+          series
+        }
+      };
+    };
+    const fetchData = () => {
+      index$1.getCieqRate(props.apiParams).then((res) => {
+        if (res.data && res.data) {
+          const data = res.data;
+          const xData = data.map((c) => c.name);
+          const list = fpiTgFactorTools.BASE_FACTOR.filter((item) => item.code !== "aqi").map((item) => {
+            const values = data.map((c) => {
+              const obj = c.icieqs.find((o) => o.factorName === item.name);
+              return {
+                ...obj,
+                cieq: c.cieq
+              };
+            });
+            return {
+              name: item.name,
+              type: "bar",
+              stack: "x",
+              data: values,
+              barWidth: 15
+            };
+          });
+          chartsFullOptions.value = generateOption(xData, list);
+        }
+      });
+    };
+    vue.onMounted(() => {
+      fetchData();
+    });
+    vue.watch(() => props.apiParams, () => {
+      fetchData();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(`${clsfix}-container`)
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(`${clsfix}-echarts`)
+        }, [
+          vue.createVNode(vue.unref(index.default), {
+            height: "100%",
+            "full-options": chartsFullOptions.value,
+            loading: false
+          }, null, 8, ["full-options"])
+        ], 2)
+      ], 2);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/aims/src/MulGridCieqContributionMonthRatio/index.vue3.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_7e17afde_lang = '';
+
+exports.default = index_vue_vue_type_style_index_0_scoped_7e17afde_lang;

package/dist/lib/aims/src/TbHbAnalysis/api/index.js

@@ -1,9 +1,11 @@
 'use strict';
 
-const aims_service_request = require('../../../service/request.js');
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const request = require('../../../service/request.js');
 
 const getTbHbData = (params) => {
-  return aims_service_request.requestControl({
+  return request.default({
     url: "/aims-server/web/api/v1/env-feature/tb-hb",
     method: "get",
     params

package/dist/lib/aims/src/TbHbAnalysis/index.d.ts

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

package/dist/lib/aims/src/TbHbAnalysis/index.js

@@ -1,233 +1,12 @@
 'use strict';
 
-const aims_src_AirQualityCalendar_index = require('../AirQualityCalendar/index.js');
-const vue = require('vue');
-const dayjs = require('dayjs');
-const fpiTgFactorTools = require('fpi-tg-factor-tools');
-const aims_src_common_BasicEcharts_index = require('../common/BasicEcharts/index.js');
-const aims_src_TbHbAnalysis_api_index = require('./api/index.js');
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const upSvg = `<i style='width: 14px;font-size: 14px;display: inline-block;'>
-    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-ea893728=""><path fill="red" d="M572.235 205.282v600.365a30.118 30.118 0 1 1-60.235 0V205.282L292.382 438.633a28.913 28.913 0 0 1-42.646 0 33.43 33.43 0 0 1 0-45.236l271.058-288.045a28.913 28.913 0 0 1 42.647 0L834.5 393.397a33.43 33.43 0 0 1 0 45.176 28.913 28.913 0 0 1-42.647 0l-219.618-233.23z"></path></svg>
-</i>`;
-const downSvg = `<i style='width: 14px;font-size: 14px;display: inline-block;'>
-    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-ea893728=""><path fill="green" d="M544 805.888V168a32 32 0 1 0-64 0v637.888L246.656 557.952a30.72 30.72 0 0 0-45.312 0 35.52 35.52 0 0 0 0 48.064l288 306.048a30.72 30.72 0 0 0 45.312 0l288-306.048a35.52 35.52 0 0 0 0-48 30.72 30.72 0 0 0-45.312 0L544 805.824z"></path></svg>
-</i>`;
-const clsfix = "air-time-series-analysis";
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: {
-    apiParams: { default: () => ({
-      dataType: "month",
-      startTime: dayjs().subtract(11, "M").valueOf(),
-      endTime: dayjs().valueOf(),
-      factorCode: "cieq",
-      codeType: "grid",
-      code: "0101000000"
-    }) }
-  },
-  setup(__props) {
-    const props = __props;
-    const chartsFullOptions = vue.ref({ options: null });
-    const generateOption = (xData, series) => {
-      return {
-        options: {
-          grid: {
-            left: 20,
-            bottom: 30,
-            right: 20,
-            top: 30,
-            containLabel: true
-          },
-          tooltip: {
-            trigger: "axis",
-            padding: 8,
-            background: "rgba(1, 11, 18, 0.6)",
-            formatter: (params) => {
-              const title = getTootipName();
-              const strArr = params.map((item) => {
-                let str1 = `<div>
-                                ${item.marker}
-                                <span style="display: inline-block;width: 100px;">${item.data.leftTitle}</span>
-                                <span style="display: inline-block;text-align: right;width: 60px;">${item.value}${item.data.unit !== "--" && item.unit ? item.unit : ""}</span>
-                            </div>`;
-                if (item.data.type !== "current") {
-                  str1 += `
-                            <div>
-                                ${item.marker}
-                                <span style="display: inline-block;width: 100px;">${item.data.leftTitle2}</span>
-                                <span style="display: inline-flex;align-items: center;justify-content: flex-end;width: 60px;">
-                                    ${item.data.leftTitle2Value}
-                                </span>
-                                ${item.data.upOrDown}
-                            </div>
-                            `;
-                }
-                return str1;
-              });
-              const str = strArr.join("");
-              return `<div>
-                        <div>${title}</div>
-                        ${str}
-                    </div>`;
-            }
-          },
-          xAxis: {
-            type: "category",
-            axisTick: {
-              show: false
-            },
-            axisLine: {
-              show: false
-            },
-            axisLabel: {
-              color: "#FFF",
-              fontSize: 12
-            },
-            data: xData
-          },
-          yAxis: {
-            type: "value",
-            name: getUnit(),
-            nameTextStyle: {
-              color: "rgba(255, 255, 255, 0.5)",
-              padding: [0, 30, 0, 0]
-            },
-            axisTick: {
-              show: false
-            },
-            axisLine: {
-              show: false
-            },
-            axisLabel: {
-              show: true,
-              color: "rgba(255, 255, 255, 0.5)"
-            },
-            splitNumber: 3,
-            splitLine: {
-              show: true,
-              lineStyle: {
-                color: ["rgba(255, 255, 255, 0.3)"]
-              }
-            }
-          },
-          legend: {
-            show: true,
-            bottom: 0,
-            itemGap: 3,
-            textStyle: {
-              color: "#FFF",
-              fontSize: 12
-            },
-            itemWidth: 16,
-            itemHeight: 8
-          },
-          series
-        }
-      };
-    };
-    const getTootipName = () => {
-      if (props.apiParams.factorCode === "cieq")
-        return "综合指数";
-      else
-        return fpiTgFactorTools.factorKeyTransform(props.apiParams.factorCode, "name");
-    };
-    const getUnit = () => {
-      return fpiTgFactorTools.factorKeyTransform(props.apiParams.factorCode, "unit");
-    };
-    const fetchData = () => {
-      aims_src_TbHbAnalysis_api_index.getTbHbData(props.apiParams).then((res) => {
-        if (res.data && res.data) {
-          const data = res.data;
-          const xData = data.times;
-          const list = [
-            {
-              name: "本期",
-              id: "current",
-              color: "#409eff",
-              key1: "currentPeriodValue",
-              key3: "times"
-            },
-            {
-              name: "上期",
-              id: "last",
-              color: "#fb9905",
-              key1: "lastPeriodValue",
-              key2: "lastPeriodRatio",
-              key3: "lastTimes"
-            },
-            {
-              name: "同期",
-              id: "same",
-              color: "#fb6868",
-              key1: "samePeriodValue",
-              key2: "samePeriodRatio",
-              key3: "sameTimes"
-            }
-          ];
-          const series = list.map((item) => {
-            const values = data[item.key1];
-            const radios = data[item.key2];
-            const times = data[item.key3];
-            return {
-              name: item.name,
-              type: "line",
-              data: values.map((c, index) => {
-                const radioV = radios ? Number(radios[index]) : NaN;
-                let upOrDown = "";
-                if (!Number.isNaN(radioV)) {
-                  if (radioV > 0)
-                    upOrDown = upSvg;
-                  else if (radioV < 0)
-                    upOrDown = downSvg;
-                  else
-                    upOrDown = "";
-                }
-                return {
-                  value: c,
-                  type: item.id,
-                  unit: data.unit,
-                  leftTitle: `${item.name} ${times[index]}`,
-                  leftTitle2: item.id === "same" ? "同比变化率" : item.id === "last" ? "环比变化率" : "",
-                  leftTitle2Value: Number.isNaN(radioV) ? "--" : `${Math.abs(radioV)}%`,
-                  upOrDown
-                };
-              }),
-              itemStyle: {
-                color: item.color
-              }
-            };
-          });
-          chartsFullOptions.value = generateOption(xData, series);
-        }
-      });
-    };
-    vue.onMounted(() => {
-      fetchData();
-    });
-    vue.watch(() => props.apiParams, () => {
-      fetchData();
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(`${clsfix}-container`)
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(`${clsfix}-echarts`)
-        }, [
-          vue.createVNode(vue.unref(aims_src_common_BasicEcharts_index._BasicEcharts), {
-            height: "100%",
-            "full-options": chartsFullOptions.value,
-            loading: false
-          }, null, 8, ["full-options"])
-        ], 2)
-      ], 2);
-    };
-  }
-});
+const utils = require('../../../utils.js');
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
+const DvAimsTbHbAnalysis = utils.install(index_vue_vue_type_script_setup_true_lang.default);
 
-const TbHbAnalysis = aims_src_AirQualityCalendar_index.install(_sfc_main);
-
-exports.TbHbAnalysis = TbHbAnalysis;
+exports.default = index_vue_vue_type_script_setup_true_lang.default;
+exports.DvAimsTbHbAnalysis = DvAimsTbHbAnalysis;