@ued_fpi/data-visual 1.2.2 → 1.2.3

package/dist/lib/ipes/src/VocStatistics/index.vue.d.ts

@@ -1,30 +1,15 @@
 import type { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
     data: {
         type: PropType<any[]>;
-        default: () => {
-            value: string;
-            label: string;
-        }[];
+        default: () => never[];
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
     data: {
         type: PropType<any[]>;
-        default: () => {
-            value: string;
-            label: string;
-        }[];
+        default: () => never[];
     };
 }>>, {
     data: any[];
-    title: string;
 }, {}>;
 export default _default;

package/dist/lib/ipes/src/VocStatistics/index.vue.js

@@ -4,40 +4,22 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const vue = require('vue');
 
-const _hoisted_1 = { class: "dv-ipes-voc-statistics" };
-const _hoisted_2 = { class: "voc-header" };
-const _hoisted_3 = { class: "dv-ipes-voc-content" };
-const _hoisted_4 = { class: "dv-ipes-year" };
-const _hoisted_5 = { class: "dv-ipes-value" };
+const _hoisted_1 = { class: "vocStatistics" };
+const _hoisted_2 = { class: "year" };
+const _hoisted_3 = { class: "degree" };
+const _hoisted_4 = { class: "degree_num" };
+const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("div", { class: "degree_text" }, " 次 ", -1);
 const __default__ = {
   name: "DvIpesVocStatistics",
-  title: "VOCs预警频次"
+  title: "VOCs管控"
 };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   props: {
-    title: {
-      type: String,
-      default: "VOCs预警频次"
-    },
-    // 标题
     data: {
       type: Array,
       default: () => {
-        return [
-          {
-            value: "47次",
-            label: "2022年"
-          },
-          {
-            value: "666次",
-            label: "2023年"
-          },
-          {
-            value: "0次",
-            label: "2024年"
-          }
-        ];
+        return [];
       }
     }
     // voc数据
@@ -46,18 +28,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.ref(false);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("header", _hoisted_2, vue.toDisplayString(__props.title), 1),
-        vue.createElementVNode("div", _hoisted_3, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.data, (m, n) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: n,
-              class: "dv-ipes-base-item"
-            }, [
-              vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(m.label), 1),
-              vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(m.value), 1)
-            ]);
-          }), 128))
-        ])
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.data, (m, n) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            key: n,
+            class: "base-item"
+          }, [
+            vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(m.label) + "年 ", 1),
+            vue.createElementVNode("div", _hoisted_3, [
+              vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(m.value), 1),
+              _hoisted_5
+            ])
+          ]);
+        }), 128))
       ]);
     };
   }

package/dist/lib/ipes/src/common/Echarts.vue.js

@@ -48,6 +48,25 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     const cancalDebounce = debounce(resizeHandler, 50);
     vue.onMounted(() => {
+      initChart();
+    });
+    vue.onBeforeUnmount(() => {
+      window.removeEventListener("resize", cancalDebounce);
+      myChart.dispose();
+    });
+    vue.watch(() => [props.fullOptions.options, props.loading], () => {
+      if (!myChart)
+        initChart();
+      if (!myChart)
+        return;
+      if (!props.loading) {
+        myChart.hideLoading();
+        myChart.setOption(props.fullOptions.options, true);
+      }
+    }, { deep: true });
+    const initChart = () => {
+      if (!echartRef.value || !window?.echarts)
+        return;
       myChart = window.echarts.init(echartRef.value, { renderer: "svg" });
       myChart.showLoading({
         text: "",
@@ -62,17 +81,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         myChart.setOption(props.fullOptions.options, true);
       }
       window.addEventListener("resize", cancalDebounce);
-    });
-    vue.onBeforeUnmount(() => {
-      window.removeEventListener("resize", cancalDebounce);
-      myChart.dispose();
-    });
-    vue.watch(() => [props.fullOptions.options, props.loading], () => {
-      if (!props.loading) {
-        myChart.hideLoading();
-        myChart.setOption(props.fullOptions.options, true);
-      }
-    }, { deep: true });
+    };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         ref_key: "echartRef",