@ued_fpi/data-visual 1.0.4 → 1.0.6

package/dist/lib/ipes/src/AirPollutionDischarge/index.js

@@ -0,0 +1,176 @@
+'use strict';
+
+const aims_src_AirQualityCalendar_index = require('../../../aims/src/AirQualityCalendar/index.js');
+const vue = require('vue');
+const ipes_src_AirPollutionDischarge_images_blue_2 = require('./images/blue_2.js');
+const ipes_src_AirPollutionDischarge_images_blue_1 = require('./images/blue_1.js');
+
+const _withScopeId = (n) => (vue.pushScopeId("data-v-59dfc1b2"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = { class: "air-pollution" };
+const _hoisted_2 = { class: "enterprise-statistics" };
+const _hoisted_3 = { class: "statistics-charts" };
+const _hoisted_4 = {
+  ref: "statisticsCharts",
+  style: { "width": "68px", "height": "36px" }
+};
+const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", {
+  src: ipes_src_AirPollutionDischarge_images_blue_2._imports_0,
+  alt: "",
+  class: "img1"
+}, null, -1));
+const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", {
+  src: ipes_src_AirPollutionDischarge_images_blue_1._imports_1,
+  alt: "",
+  class: "img2"
+}, null, -1));
+const _hoisted_7 = { class: "statistics-list" };
+const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", null, "企业总数", -1));
+const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", null, "家", -1));
+const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", null, "在线监测", -1));
+const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", null, "家", -1));
+const _hoisted_12 = { class: "discharge-total" };
+const _hoisted_13 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "discharge-title" }, " 年度累计排放总量 ", -1));
+const _hoisted_14 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "discharge-title-small" }, " 排放量/允许排放量（吨） ", -1));
+const _hoisted_15 = { class: "box" };
+const _hoisted_16 = { class: "chart-statistics-head" };
+const _hoisted_17 = ["title"];
+const _hoisted_18 = { class: "statistics-he;ad-number" };
+const _hoisted_19 = ["title"];
+const _hoisted_20 = { class: "chart-statistics-body" };
+const _hoisted_21 = { class: "chart-statistics-body-box" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    title: {
+      type: String,
+      default: "曲线"
+    },
+    discharge: {
+      stype: Object,
+      default: () => {
+        return {
+          companyNum: 141,
+          monitorCompanyNum: 23
+        };
+      }
+    },
+    list: {
+      type: Array,
+      default: () => {
+        return [
+          {
+            factorName: "非甲烷总氰",
+            factorValue: "403.2",
+            targetValue: "428.3",
+            color: "#03D5FB",
+            percent: ""
+          },
+          {
+            factorName: "非甲烷总氰",
+            factorValue: "403.2",
+            targetValue: "428.3",
+            color: "#FFBE00"
+          },
+          {
+            factorName: "非甲烷总氰",
+            factorValue: "403.2",
+            targetValue: "428.3",
+            color: "#FF553C"
+          }
+        ];
+      }
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    let chartStatistics = vue.reactive([]);
+    vue.watch(() => props.list, (newValue) => {
+      chartStatistics = newValue.map((item) => {
+        let num = parseInt(item.factorValue) / parseInt(item.targetValue) * 100;
+        isNaN(num) && (num = 0);
+        return {
+          ...item,
+          percent: num > 100 ? 100 : num
+        };
+      });
+    }, { immediate: true });
+    vue.onMounted(() => {
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("div", _hoisted_4, null, 512),
+            _hoisted_5,
+            _hoisted_6
+          ]),
+          vue.createElementVNode("div", _hoisted_7, [
+            vue.createElementVNode("div", null, [
+              _hoisted_8,
+              vue.createElementVNode("span", null, vue.toDisplayString(props.discharge.companyNum), 1),
+              _hoisted_9
+            ]),
+            vue.createElementVNode("div", null, [
+              _hoisted_10,
+              vue.createElementVNode("span", null, vue.toDisplayString(props.discharge.monitorCompanyNum), 1),
+              _hoisted_11
+            ])
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_12, [
+          _hoisted_13,
+          _hoisted_14,
+          vue.createElementVNode("div", _hoisted_15, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(chartStatistics), (item, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: index,
+                class: "chart-statistics"
+              }, [
+                vue.createElementVNode("div", _hoisted_16, [
+                  vue.createElementVNode("div", {
+                    class: "statistics-head-name",
+                    title: item.factorName
+                  }, vue.toDisplayString(item.factorName), 9, _hoisted_17),
+                  vue.createElementVNode("div", _hoisted_18, [
+                    vue.createElementVNode("span", {
+                      style: vue.normalizeStyle({ color: item.color })
+                    }, vue.toDisplayString(item.factorValue || "0"), 5),
+                    vue.createElementVNode("span", {
+                      style: { "opacity": "0.5" },
+                      title: item.targetValue
+                    }, "/ " + vue.toDisplayString(item.targetValue), 9, _hoisted_19)
+                  ])
+                ]),
+                vue.createElementVNode("div", _hoisted_20, [
+                  vue.createElementVNode("div", _hoisted_21, [
+                    vue.createElementVNode("div", {
+                      class: "statistics-body-left",
+                      style: vue.normalizeStyle({
+                        backgroundColor: item.color,
+                        width: `${item.percent}%`
+                      })
+                    }, null, 4),
+                    vue.createElementVNode("div", {
+                      class: "statistics-body-right",
+                      style: vue.normalizeStyle({
+                        width: `${100 - item.percent}%`
+                      })
+                    }, null, 4)
+                  ])
+                ])
+              ]);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_59dfc1b2_lang = '';
+
+const _AirPollutionDischarge = /* @__PURE__ */ aims_src_AirQualityCalendar_index._export_sfc(_sfc_main, [["__scopeId", "data-v-59dfc1b2"]]);
+
+const AirPollutionDischarge = aims_src_AirQualityCalendar_index.install(_AirPollutionDischarge);
+
+exports.AirPollutionDischarge = AirPollutionDischarge;

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

@@ -0,0 +1,65 @@
+declare const _default: import("vue").DefineComponent<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    discharge: {
+        stype: ObjectConstructor;
+        default: () => {
+            companyNum: number;
+            monitorCompanyNum: number;
+        };
+    };
+    list: {
+        type: ArrayConstructor;
+        default: () => ({
+            factorName: string;
+            factorValue: string;
+            targetValue: string;
+            color: string;
+            percent: string;
+        } | {
+            factorName: string;
+            factorValue: string;
+            targetValue: string;
+            color: string;
+            percent?: undefined;
+        })[];
+    };
+}, {}, 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;
+    };
+    discharge: {
+        stype: ObjectConstructor;
+        default: () => {
+            companyNum: number;
+            monitorCompanyNum: number;
+        };
+    };
+    list: {
+        type: ArrayConstructor;
+        default: () => ({
+            factorName: string;
+            factorValue: string;
+            targetValue: string;
+            color: string;
+            percent: string;
+        } | {
+            factorName: string;
+            factorValue: string;
+            targetValue: string;
+            color: string;
+            percent?: undefined;
+        })[];
+    };
+}>>, {
+    title: string;
+    list: unknown[];
+    discharge: {
+        companyNum: number;
+        monitorCompanyNum: number;
+    };
+}, {}>;
+export default _default;

package/dist/lib/ipes/src/AirPollutionDischarge/type.d.ts

@@ -0,0 +1,7 @@
+export interface pollutionTs {
+    factorName: string;
+    factorValue: string;
+    targetValue: string;
+    color: string;
+    percent: number;
+}

package/dist/lib/ipes/src/AirQuality/index.d.ts

@@ -0,0 +1,152 @@
+import _AirQuality from './index.vue';
+export declare const AirQuality: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            factorList?: import("./type").Factor[] | undefined;
+            airQualityObj?: import("./type").AirQuality | undefined;
+            key?: string | number | symbol | undefined;
+            style?: unknown;
+            ref?: import("vue").VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            class?: unknown;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            factorList: {
+                type: globalThis.PropType<import("./type").Factor[]>;
+            } & {
+                default: () => never[];
+            };
+            airQualityObj: {
+                type: globalThis.PropType<import("./type").AirQuality>;
+            } & {
+                default: () => {
+                    time: string;
+                    aqiValue: null;
+                    aqiLevel: string;
+                    aqiColor: string;
+                    mainPolluter: string;
+                    yearRatio: null;
+                };
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            factorList: import("./type").Factor[];
+            airQualityObj: import("./type").AirQuality;
+        }, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        factorList: {
+            type: globalThis.PropType<import("./type").Factor[]>;
+        } & {
+            default: () => never[];
+        };
+        airQualityObj: {
+            type: globalThis.PropType<import("./type").AirQuality>;
+        } & {
+            default: () => {
+                time: string;
+                aqiValue: null;
+                aqiLevel: string;
+                aqiColor: string;
+                mainPolluter: string;
+                yearRatio: null;
+            };
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    factorList: {
+        type: globalThis.PropType<import("./type").Factor[]>;
+    } & {
+        default: () => never[];
+    };
+    airQualityObj: {
+        type: globalThis.PropType<import("./type").AirQuality>;
+    } & {
+        default: () => {
+            time: string;
+            aqiValue: null;
+            aqiLevel: string;
+            aqiColor: string;
+            mainPolluter: string;
+            yearRatio: null;
+        };
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    factorList: import("./type").Factor[];
+    airQualityObj: import("./type").AirQuality;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+export default _AirQuality;

package/dist/lib/ipes/src/AirQuality/index.js

@@ -0,0 +1,183 @@
+'use strict';
+
+const aims_src_AirQualityCalendar_index = require('../../../aims/src/AirQualityCalendar/index.js');
+const vendor_elementPlus_2_3_7_vue_3_3_4 = require('../../../vendor/element-plus@2.3.7_vue@3.3.4.js');
+const vue = require('vue');
+
+const _withScopeId = (n) => (vue.pushScopeId("data-v-cfcd6518"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = { class: "air-quality" };
+const _hoisted_2 = { class: "real-time-air" };
+const _hoisted_3 = { class: "real-time-air-up" };
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "real-title" }, "实时空气质量", -1));
+const _hoisted_5 = { class: "real-time" };
+const _hoisted_6 = {
+  class: "card-body d-flex",
+  style: { "margin-top": "36px" }
+};
+const _hoisted_7 = { class: "item" };
+const _hoisted_8 = {
+  class: "item",
+  style: { "margin-right": "4px" }
+};
+const _hoisted_9 = { class: "card-panel-description" };
+const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "card-panel-text" }, " AQI ", -1));
+const _hoisted_11 = { class: "item" };
+const _hoisted_12 = { class: "card-panel-right d-flex" };
+const _hoisted_13 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "card-panel-name" }, " 首污 ", -1));
+const _hoisted_14 = { class: "card-panel-main" };
+const _hoisted_15 = { class: "text" };
+const _hoisted_16 = { class: "year-air-quality" };
+const _hoisted_17 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "year-air-title" }, " 年度空气质量 ", -1));
+const _hoisted_18 = { class: "excellent-rate" };
+const _hoisted_19 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "icon-img" }, null, -1));
+const _hoisted_20 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "name" }, "优良率", -1));
+const _hoisted_21 = { class: "number" };
+const _hoisted_22 = { class: "quality-table" };
+const _hoisted_23 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "table-row-header" }, [
+  /* @__PURE__ */ vue.createElementVNode("div", { class: "row-header1" }, " 监测因子 "),
+  /* @__PURE__ */ vue.createElementVNode("div", { class: "row-header2" }, " 均值 "),
+  /* @__PURE__ */ vue.createElementVNode("div", { class: "row-header3" }, " 目标值 ")
+], -1));
+const _hoisted_24 = { class: "row-body1" };
+const _hoisted_25 = { class: "row-body3" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    airQualityObj: { default: () => ({
+      time: "",
+      aqiValue: null,
+      aqiLevel: "",
+      aqiColor: "",
+      mainPolluter: "",
+      yearRatio: null
+    }) },
+    factorList: { default: () => [
+      // {
+      //     factorName: 'PM2.5',
+      //     factorValue: 0,
+      //     targetValue: 0,
+      //     color: '',
+      // },
+      // {
+      //     factorName: 'PM10',
+      //     factorValue: 0,
+      //     targetValue: 0,
+      //     color: '',
+      // },
+      // {
+      //     factorName: 'SO2',
+      //     factorValue: 0,
+      //     targetValue: 0,
+      //     color: '',
+      // },
+      // {
+      //     factorName: 'NO2',
+      //     factorValue: 0,
+      //     targetValue: 0,
+      //     color: '',
+      // },
+      // {
+      //     factorName: 'O3',
+      //     factorValue: 0,
+      //     targetValue: 0,
+      //     color: '',
+      // },
+      // {
+      //     factorName: 'CO',
+      //     factorValue: 0,
+      //     targetValue: 0,
+      //     color: '',
+      // },
+    ] }
+  },
+  setup(__props) {
+    const props = __props;
+    const factorList = vue.computed(() => {
+      return props.factorList;
+    });
+    const airQualityObj = vue.computed(() => {
+      return props.airQualityObj;
+    });
+    return (_ctx, _cache) => {
+      const _component_el_tooltip = vendor_elementPlus_2_3_7_vue_3_3_4.ElTooltip;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            _hoisted_4,
+            vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(vue.unref(airQualityObj).time), 1),
+            vue.createElementVNode("div", _hoisted_6, [
+              vue.createElementVNode("div", _hoisted_7, [
+                vue.createTextVNode(" ; "),
+                vue.createElementVNode("div", {
+                  class: "card-panel-wrapper",
+                  style: vue.normalizeStyle({ color: vue.unref(airQualityObj).aqiColor })
+                }, vue.toDisplayString(vue.unref(airQualityObj).aqiValue), 5)
+              ]),
+              vue.createTextVNode("; "),
+              vue.createElementVNode("div", _hoisted_8, [
+                vue.createElementVNode("div", _hoisted_9, [
+                  vue.createTextVNode(" ; "),
+                  _hoisted_10,
+                  vue.createElementVNode("div", {
+                    class: "card-panel-num",
+                    style: vue.normalizeStyle({ color: vue.unref(airQualityObj).aqiColor })
+                  }, vue.toDisplayString(vue.unref(airQualityObj).aqiLevel), 5)
+                ])
+              ]),
+              vue.createElementVNode("div", _hoisted_11, [
+                vue.createElementVNode("div", _hoisted_12, [
+                  _hoisted_13,
+                  vue.createElementVNode("div", _hoisted_14, [
+                    vue.createVNode(_component_el_tooltip, {
+                      class: "item",
+                      effect: "dark",
+                      content: vue.unref(airQualityObj).mainPolluter,
+                      placement: "top"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createElementVNode("div", _hoisted_15, vue.toDisplayString(vue.unref(airQualityObj).mainPolluter), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["content"])
+                  ])
+                ])
+              ])
+            ])
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_16, [
+          _hoisted_17,
+          vue.createElementVNode("div", _hoisted_18, [
+            _hoisted_19,
+            _hoisted_20,
+            vue.createElementVNode("span", _hoisted_21, vue.toDisplayString(vue.unref(airQualityObj).yearRatio) + "%", 1)
+          ]),
+          vue.createElementVNode("div", _hoisted_22, [
+            _hoisted_23,
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(factorList), (item, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: index,
+                class: "table-row-body"
+              }, [
+                vue.createElementVNode("div", _hoisted_24, vue.toDisplayString(item.factorName), 1),
+                vue.createElementVNode("div", {
+                  class: "row-body2",
+                  style: vue.normalizeStyle({ color: item.color })
+                }, vue.toDisplayString(item.factorValue), 5),
+                vue.createElementVNode("div", _hoisted_25, vue.toDisplayString(item.targetValue), 1)
+              ]);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_cfcd6518_lang = '';
+
+const _AirQuality = /* @__PURE__ */ aims_src_AirQualityCalendar_index._export_sfc(_sfc_main, [["__scopeId", "data-v-cfcd6518"]]);
+
+const AirQuality = aims_src_AirQualityCalendar_index.install(_AirQuality);
+
+exports.AirQuality = AirQuality;

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

@@ -0,0 +1,46 @@
+import type { AirQuality, Factor } from './type';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    airQualityObj?: AirQuality | undefined;
+    factorList?: Factor[] | undefined;
+}>, {
+    airQualityObj: () => {
+        time: string;
+        aqiValue: null;
+        aqiLevel: string;
+        aqiColor: string;
+        mainPolluter: string;
+        yearRatio: null;
+    };
+    factorList: () => never[];
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    airQualityObj?: AirQuality | undefined;
+    factorList?: Factor[] | undefined;
+}>, {
+    airQualityObj: () => {
+        time: string;
+        aqiValue: null;
+        aqiLevel: string;
+        aqiColor: string;
+        mainPolluter: string;
+        yearRatio: null;
+    };
+    factorList: () => never[];
+}>>>, {
+    factorList: Factor[];
+    airQualityObj: AirQuality;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/dist/lib/ipes/src/AirQuality/type.d.ts

@@ -0,0 +1,14 @@
+export interface AirQuality {
+    time: string;
+    aqiValue: number | null;
+    aqiLevel: string;
+    aqiColor: string;
+    mainPolluter: string;
+    yearRatio: number | null;
+}
+export interface Factor {
+    factorName: string;
+    factorValue: number | null;
+    targetValue: number | null;
+    color: string;
+}