@ued_fpi/data-visual 1.1.3 → 1.1.5

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

@@ -2,10 +2,142 @@
 
 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 vue = require('vue');
+const fpiTgFactorTools = require('fpi-tg-factor-tools');
+const dayjs = require('dayjs');
+require('../common/BasicEcharts/index.js');
+const index = require('./api/index.js');
+const index_vue_vue_type_script_setup_true_lang = require('../common/BasicEcharts/index.vue.js');
+require('../common/BasicEcharts/index.vue2.js');
 
-const _CieqContributionYearRatio = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-98bca703"]]);
+const clsfix = "cieq-contributio-ratio";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    apiParams: { default: () => ({
+      time: dayjs().subtract(1, "h").valueOf(),
+      code: "0101000000",
+      codeType: "grid"
+    }) },
+    showCieq: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const chartsFullOptions = vue.ref({ options: null });
+    const generateOption = (list, cieq) => {
+      return {
+        options: {
+          colors: [
+            "#0062FF",
+            "#0AAEFF",
+            "#2AC94F",
+            "#FF792E",
+            "#F84439",
+            "#FFB443"
+          ],
+          title: [
+            {
+              show: props.showCieq,
+              text: `{cieq|${cieq}}`,
+              top: "62px",
+              left: "center",
+              textStyle: {
+                rich: {
+                  cieq: {
+                    fontSize: 14,
+                    color: "#fff"
+                  }
+                }
+              }
+            }
+          ],
+          grid: {
+            left: 0,
+            right: 0
+          },
+          legend: {
+            show: true,
+            bottom: -4,
+            itemGap: 10,
+            textStyle: {
+              color: "#FFF",
+              fontSize: 12
+            },
+            icon: "circle",
+            itemWidth: 12,
+            itemHeight: 12
+          },
+          tooltip: {
+            trigger: "item",
+            padding: 8,
+            formatter: (params) => {
+              return `${params.marker} ${params.name}  ${params.data.value2} ${params.value}%`;
+            },
+            background: "rgba(1, 11, 18, 0.6)"
+          },
+          series: [
+            {
+              type: "pie",
+              radius: props.showCieq ? ["28%", "60%"] : "60%",
+              center: ["50%", "44%"],
+              data: list,
+              label: {
+                position: "outside",
+                color: "#fff",
+                overflow: "none",
+                formatter: (params) => {
+                  const { name, value, value2 } = params.data;
+                  return `${name}  ${value2}  ${value}%`;
+                }
+              }
+            }
+          ]
+        }
+      };
+    };
+    const fetchData = () => {
+      index.getAirQualityStatis(props.apiParams).then((res) => {
+        if (res.data && res.data.CIEQ) {
+          const data1 = res.data.CIEQ.CIEQYearValueRate;
+          const data2 = res.data.CIEQ.CIEQYearValue;
+          const cieq = res.data.CIEQ.CIEQYearValue.cieq;
+          const list = fpiTgFactorTools.BASE_FACTOR.filter((item) => item.code !== "aqi").map((item) => {
+            const key = `V_ICIEQ_${item.key}`;
+            const value1 = data1[key] ?? 0;
+            const value2 = data2[key] ?? 0;
+            return {
+              name: item.name,
+              code: item.code,
+              value: value1,
+              value2
+            };
+          });
+          chartsFullOptions.value = generateOption(list, cieq);
+        }
+      });
+    };
+    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_vue_vue_type_script_setup_true_lang.default), {
+            height: "100%",
+            "full-options": chartsFullOptions.value,
+            loading: false
+          }, null, 8, ["full-options"])
+        ], 2)
+      ], 2);
+    };
+  }
+});
 
-exports.default = _CieqContributionYearRatio;
+exports.default = _sfc_main;

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

@@ -2,141 +2,6 @@
 
 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');
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
 
-const clsfix = "cieq-contributio-ratio";
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: {
-    apiParams: { default: () => ({
-      time: dayjs().subtract(1, "h").valueOf(),
-      code: "0101000000",
-      codeType: "grid"
-    }) },
-    showCieq: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const chartsFullOptions = vue.ref({ options: null });
-    const generateOption = (list, cieq) => {
-      return {
-        options: {
-          colors: [
-            "#0062FF",
-            "#0AAEFF",
-            "#2AC94F",
-            "#FF792E",
-            "#F84439",
-            "#FFB443"
-          ],
-          title: [
-            {
-              show: props.showCieq,
-              text: `{cieq|${cieq}}`,
-              top: "62px",
-              left: "center",
-              textStyle: {
-                rich: {
-                  cieq: {
-                    fontSize: 14,
-                    color: "#fff"
-                  }
-                }
-              }
-            }
-          ],
-          grid: {
-            left: 0,
-            right: 0
-          },
-          legend: {
-            show: true,
-            bottom: -4,
-            itemGap: 10,
-            textStyle: {
-              color: "#FFF",
-              fontSize: 12
-            },
-            icon: "circle",
-            itemWidth: 12,
-            itemHeight: 12
-          },
-          tooltip: {
-            trigger: "item",
-            padding: 8,
-            formatter: (params) => {
-              return `${params.marker} ${params.name}  ${params.data.value2} ${params.value}%`;
-            },
-            background: "rgba(1, 11, 18, 0.6)"
-          },
-          series: [
-            {
-              type: "pie",
-              radius: props.showCieq ? ["28%", "60%"] : "60%",
-              center: ["50%", "44%"],
-              data: list,
-              label: {
-                position: "outside",
-                color: "#fff",
-                overflow: "none",
-                formatter: (params) => {
-                  const { name, value, value2 } = params.data;
-                  return `${name}  ${value2}  ${value}%`;
-                }
-              }
-            }
-          ]
-        }
-      };
-    };
-    const fetchData = () => {
-      index$1.getAirQualityStatis(props.apiParams).then((res) => {
-        if (res.data && res.data.CIEQ) {
-          const data1 = res.data.CIEQ.CIEQYearValueRate;
-          const data2 = res.data.CIEQ.CIEQYearValue;
-          const cieq = res.data.CIEQ.CIEQYearValue.cieq;
-          const list = fpiTgFactorTools.BASE_FACTOR.filter((item) => item.code !== "aqi").map((item) => {
-            const key = `V_ICIEQ_${item.key}`;
-            const value1 = data1[key] ?? 0;
-            const value2 = data2[key] ?? 0;
-            return {
-              name: item.name,
-              code: item.code,
-              value: value1,
-              value2
-            };
-          });
-          chartsFullOptions.value = generateOption(list, cieq);
-        }
-      });
-    };
-    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;
+exports.default = index_vue_vue_type_style_index_0_lang;

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

@@ -2,6 +2,9 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_98bca703_lang = '';
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-exports.default = index_vue_vue_type_style_index_0_scoped_98bca703_lang;
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

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

@@ -3,9 +3,10 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const utils = require('../../../utils.js');
-const index = require('./index.vue.js');
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-const DvAimsFactorRealTimeRankChart = utils.install(index.default);
+const DvAimsFactorRealTimeRankChart = utils.install(index_vue_vue_type_script_setup_true_lang.default);
 
-exports.default = index.default;
+exports.default = index_vue_vue_type_script_setup_true_lang.default;
 exports.DvAimsFactorRealTimeRankChart = DvAimsFactorRealTimeRankChart;

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

@@ -2,10 +2,188 @@
 
 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 vue = require('vue');
+const elementPlusExpand = require('@ued_fpi/element-plus-expand');
+const fpiTgFactorTools = require('fpi-tg-factor-tools');
+const dayjs = require('dayjs');
+require('../common/BasicEcharts/index.js');
+const index = require('./api/index.js');
+const index_vue_vue_type_script_setup_true_lang = require('../common/BasicEcharts/index.vue.js');
+require('../common/BasicEcharts/index.vue2.js');
 
-const _FactorRealTimeRankChart = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-ac33ff36"]]);
+const clsfix = "factor-realtime-rank-chart";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    isUseBuiltInApi: { type: Boolean, default: true },
+    apiParams: { default: () => ({
+      time: dayjs().subtract(1, "h").valueOf(),
+      gridCode: "0101000000",
+      timeType: "hour",
+      siteTypeCodes: "A91230101,A91230102,A91230103",
+      type: "site",
+      isAsc: false
+    }) },
+    factorCode: { default: "aqi" },
+    list: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const selectOptions = fpiTgFactorTools.BASE_FACTOR.map((item) => ({
+      ...item
+    }));
+    const selectCode = vue.ref(props.factorCode);
+    const selectUnit = vue.computed(() => {
+      return selectOptions.find((c) => c.code === selectCode.value)?.unit;
+    });
+    const selectName = vue.computed(() => {
+      return selectOptions.find((c) => c.code === selectCode.value)?.name;
+    });
+    const chartWidth = vue.ref(370);
+    const isLoadChartWidth = vue.ref(false);
+    const chartsFullOptions = vue.ref({ options: null });
+    const generateOption = (list) => {
+      return {
+        options: {
+          grid: {
+            left: 10,
+            bottom: 10,
+            right: 10,
+            top: 10,
+            containLabel: true
+          },
+          tooltip: {
+            trigger: "axis",
+            padding: 8,
+            background: "rgba(1, 11, 18, 0.6)"
+          },
+          xAxis: {
+            type: "category",
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              color: "#FFF",
+              fontSize: 12
+            },
+            data: list.map((item) => {
+              return item.name;
+            })
+          },
+          yAxis: {
+            type: "value",
+            name: selectUnit.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: false
+          },
+          series: [
+            {
+              data: list.map((item) => {
+                return {
+                  value: item.value,
+                  itemStyle: {
+                    color: fpiTgFactorTools.factorToColor(selectCode.value, item.value, "hour")
+                  }
+                };
+              }),
+              name: selectName.value,
+              type: "bar",
+              barWidth: 15
+            }
+          ]
+        }
+      };
+    };
+    const fetchData = () => {
+      index.getSiteRank({ ...props.apiParams, factorCode: props.factorCode }).then((res) => {
+        if (res.data && res.data.entries) {
+          const list = res.data.entries.map((item) => {
+            let value = item[selectName.value];
+            value = Number(value) > 0 ? Number(value) : "--";
+            return {
+              name: item.name,
+              value
+            };
+          });
+          setChartWidth(list);
+          vue.nextTick(() => {
+            chartsFullOptions.value = generateOption(list);
+          });
+        }
+      });
+    };
+    const setChartWidth = (list) => {
+      chartWidth.value = list.length * 60 > chartWidth.value ? list.length * 60 : chartWidth.value;
+      isLoadChartWidth.value = true;
+    };
+    vue.onMounted(() => {
+      if (props.isUseBuiltInApi)
+        fetchData();
+    });
+    vue.watch([() => props.apiParams, () => props.factorCode], () => {
+      if (props.isUseBuiltInApi)
+        fetchData();
+    });
+    vue.watch([() => props.list, () => props.factorCode], () => {
+      if (!props.isUseBuiltInApi && props.list) {
+        setChartWidth(props.list);
+        vue.nextTick(() => {
+          props.list && (chartsFullOptions.value = generateOption(props.list));
+        });
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(`${clsfix}-container`)
+      }, [
+        isLoadChartWidth.value ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlusExpand.FpiElRolling), {
+          key: 0,
+          direction: "x",
+          "scroll-able": "",
+          time: 20
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(`${clsfix}-echarts`)
+            }, [
+              vue.createVNode(vue.unref(index_vue_vue_type_script_setup_true_lang.default), {
+                height: "100%",
+                style: vue.normalizeStyle({ width: `${chartWidth.value}px`, marginRight: 16 }),
+                "full-options": chartsFullOptions.value,
+                loading: false
+              }, null, 8, ["style", "full-options"])
+            ], 2)
+          ]),
+          _: 1
+        })) : vue.createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
 
-exports.default = _FactorRealTimeRankChart;
+exports.default = _sfc_main;

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

@@ -2,187 +2,6 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const vue = require('vue');
-const elementPlusExpand = require('@ued_fpi/element-plus-expand');
-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');
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
 
-const clsfix = "factor-realtime-rank-chart";
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: {
-    isUseBuiltInApi: { type: Boolean, default: true },
-    apiParams: { default: () => ({
-      time: dayjs().subtract(1, "h").valueOf(),
-      gridCode: "0101000000",
-      timeType: "hour",
-      siteTypeCodes: "A91230101,A91230102,A91230103",
-      type: "site",
-      isAsc: false
-    }) },
-    factorCode: { default: "aqi" },
-    list: { default: void 0 }
-  },
-  setup(__props) {
-    const props = __props;
-    const selectOptions = fpiTgFactorTools.BASE_FACTOR.map((item) => ({
-      ...item
-    }));
-    const selectCode = vue.ref(props.factorCode);
-    const selectUnit = vue.computed(() => {
-      return selectOptions.find((c) => c.code === selectCode.value)?.unit;
-    });
-    const selectName = vue.computed(() => {
-      return selectOptions.find((c) => c.code === selectCode.value)?.name;
-    });
-    const chartWidth = vue.ref(370);
-    const isLoadChartWidth = vue.ref(false);
-    const chartsFullOptions = vue.ref({ options: null });
-    const generateOption = (list) => {
-      return {
-        options: {
-          grid: {
-            left: 10,
-            bottom: 10,
-            right: 10,
-            top: 10,
-            containLabel: true
-          },
-          tooltip: {
-            trigger: "axis",
-            padding: 8,
-            background: "rgba(1, 11, 18, 0.6)"
-          },
-          xAxis: {
-            type: "category",
-            axisTick: {
-              show: false
-            },
-            axisLine: {
-              show: false
-            },
-            axisLabel: {
-              color: "#FFF",
-              fontSize: 12
-            },
-            data: list.map((item) => {
-              return item.name;
-            })
-          },
-          yAxis: {
-            type: "value",
-            name: selectUnit.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: false
-          },
-          series: [
-            {
-              data: list.map((item) => {
-                return {
-                  value: item.value,
-                  itemStyle: {
-                    color: fpiTgFactorTools.factorToColor(selectCode.value, item.value, "hour")
-                  }
-                };
-              }),
-              name: selectName.value,
-              type: "bar",
-              barWidth: 15
-            }
-          ]
-        }
-      };
-    };
-    const fetchData = () => {
-      index$1.getSiteRank({ ...props.apiParams, factorCode: props.factorCode }).then((res) => {
-        if (res.data && res.data.entries) {
-          const list = res.data.entries.map((item) => {
-            let value = item[selectName.value];
-            value = Number(value) > 0 ? Number(value) : "--";
-            return {
-              name: item.name,
-              value
-            };
-          });
-          setChartWidth(list);
-          vue.nextTick(() => {
-            chartsFullOptions.value = generateOption(list);
-          });
-        }
-      });
-    };
-    const setChartWidth = (list) => {
-      chartWidth.value = list.length * 60 > chartWidth.value ? list.length * 60 : chartWidth.value;
-      isLoadChartWidth.value = true;
-    };
-    vue.onMounted(() => {
-      if (props.isUseBuiltInApi)
-        fetchData();
-    });
-    vue.watch([() => props.apiParams, () => props.factorCode], () => {
-      if (props.isUseBuiltInApi)
-        fetchData();
-    });
-    vue.watch([() => props.list, () => props.factorCode], () => {
-      if (!props.isUseBuiltInApi && props.list) {
-        setChartWidth(props.list);
-        vue.nextTick(() => {
-          props.list && (chartsFullOptions.value = generateOption(props.list));
-        });
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(`${clsfix}-container`)
-      }, [
-        isLoadChartWidth.value ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlusExpand.FpiElRolling), {
-          key: 0,
-          direction: "x",
-          "scroll-able": "",
-          time: 20
-        }, {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(`${clsfix}-echarts`)
-            }, [
-              vue.createVNode(vue.unref(index.default), {
-                height: "100%",
-                style: vue.normalizeStyle({ width: `${chartWidth.value}px`, marginRight: 16 }),
-                "full-options": chartsFullOptions.value,
-                loading: false
-              }, null, 8, ["style", "full-options"])
-            ], 2)
-          ]),
-          _: 1
-        })) : vue.createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-
-exports.default = _sfc_main;
+exports.default = index_vue_vue_type_style_index_0_lang;