@ued_fpi/data-visual 1.2.2 → 1.2.4

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

@@ -3,10 +3,23 @@ import { BASE_FACTOR, factorToColor } from 'fpi-tg-factor-tools';
 import dayjs from 'dayjs';
 import { getCityDetail } from './api/index.mjs';
 
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", null, "综合指数", -1);
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", { class: "text" }, "主要污染物", -1);
-const _hoisted_3 = { class: "name" };
-const clsfix = "dv-aims-air-quality-realtime";
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", { class: "title" }, "综合指数", -1);
+const _hoisted_2 = { class: "content" };
+const _hoisted_3 = { class: "value" };
+const _hoisted_4 = { class: "main" };
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("span", { class: "text" }, "主要污染物", -1);
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", { class: "title" }, "优良率", -1);
+const _hoisted_7 = { class: "content" };
+const _hoisted_8 = { class: "value" };
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", { class: "per" }, "%", -1);
+const _hoisted_10 = /* @__PURE__ */ createElementVNode("span", null, "污染物浓度", -1);
+const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", null, "（ 单位：μg/m³, CO：mg/m³ ）", -1);
+const _hoisted_12 = [
+  _hoisted_10,
+  _hoisted_11
+];
+const _hoisted_13 = { class: "name" };
+const clsfix = "dv-aims-air-quality-present-situation";
 const noDataColor = "rgb(255, 255, 255, 0.5)";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -22,6 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const realtimeData = reactive({
       cieqVal: "--",
       firstPollution: "--",
+      fineRate: "--",
       factorList: BASE_FACTOR.filter((item) => item.code !== "aqi").map(
         (item) => {
           return {
@@ -64,23 +78,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(`${clsfix}-top`)
         }, [
           createElementVNode("div", {
-            class: normalizeClass(`${clsfix}-top-left`)
+            class: normalizeClass(`${clsfix}-top-item`)
           }, [
             _hoisted_1,
-            createElementVNode("span", null, toDisplayString(realtimeData.cieqVal), 1)
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("span", _hoisted_3, toDisplayString(realtimeData.cieqVal), 1),
+              createElementVNode("div", _hoisted_4, [
+                _hoisted_5,
+                createElementVNode("span", {
+                  class: "factor",
+                  style: normalizeStyle({
+                    color: realtimeData.firstPollution === "--" ? noDataColor : void 0
+                  })
+                }, toDisplayString(realtimeData.firstPollution), 5)
+              ])
+            ])
           ], 2),
           createElementVNode("div", {
-            class: normalizeClass(`${clsfix}-top-right`)
+            class: normalizeClass(`${clsfix}-top-item`)
           }, [
-            _hoisted_2,
-            createElementVNode("span", {
-              class: "value",
-              style: normalizeStyle({
-                color: realtimeData.firstPollution === "--" ? noDataColor : void 0
-              })
-            }, toDisplayString(realtimeData.firstPollution), 5)
+            _hoisted_6,
+            createElementVNode("div", _hoisted_7, [
+              createElementVNode("span", _hoisted_8, toDisplayString(realtimeData.fineRate), 1),
+              _hoisted_9
+            ])
           ], 2)
         ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(`${clsfix}-center`)
+        }, _hoisted_12, 2),
         createElementVNode("ul", {
           class: normalizeClass(`${clsfix}-bottom`)
         }, [
@@ -97,7 +123,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: "line",
                 style: normalizeStyle({ backgroundColor: item.color })
               }, null, 4),
-              createElementVNode("span", _hoisted_3, toDisplayString(item.name), 1)
+              createElementVNode("span", _hoisted_13, toDisplayString(item.name), 1)
             ], 2);
           }), 128))
         ], 2)

package/dist/es/aims/src/AirQualityRealTime/api/index.d.ts

@@ -1,7 +1,7 @@
 interface GetAirQualityParams {
     time: number;
     gridCode: string;
-    timeType: string;
+    timeType: 'hour' | 'day';
 }
 interface GetAirQualityRes {
     airQuality: string;

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

@@ -1,14 +1,15 @@
 import { defineComponent, reactive, onMounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, Fragment, renderList } from 'vue';
-import { BASE_FACTOR, factorToLevel, factorToColor, FACTOR_LEVEL_TEXT } from 'fpi-tg-factor-tools';
+import { BASE_FACTOR, factorToLevel, factorToColor } from 'fpi-tg-factor-tools';
 import dayjs from 'dayjs';
 import { getAirQuality } from './api/index.mjs';
 
 const _hoisted_1 = { class: "aqiInfo" };
 const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", null, "AQI", -1);
 const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", { class: "text" }, "首要污染物", -1);
-const _hoisted_4 = { class: "name" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("span", null, "（ 单位：μg/m³, CO：mg/m³ ）", -1);
+const _hoisted_5 = { class: "name" };
 const clsfix = "dv-aims-air-quality-realtime";
-const noDataColor = "rgb(255, 255, 255, 0.5)";
+const noDataColor = "var(--dv-color-text-secondary)";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -41,19 +42,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       getAirQuality(props.apiParams).then((res) => {
         if (res.data) {
           const data = res.data;
-          const level = factorToLevel("aqi", data.aqi, "hour");
+          const level = factorToLevel("aqi", data.aqi, props.apiParams.timeType);
           realtimeData.aqiVal = data.aqi;
-          realtimeData.aqiColor = factorToColor("aqi", data.aqi, "hour");
-          realtimeData.aqiPollutionZh = level >= 0 ? FACTOR_LEVEL_TEXT[level].label : "--";
-          if (realtimeData.aqiPollutionZh !== "--" && realtimeData.aqiPollutionZh.length >= 2)
-            realtimeData.aqiPollutionZh = `${realtimeData.aqiPollutionZh}污染`;
+          realtimeData.aqiColor = level >= 0 ? factorToColor("aqi", data.aqi, props.apiParams.timeType) : noDataColor;
+          realtimeData.aqiPollutionZh = data.airQuality;
           realtimeData.firstPollution = data.mainPollutants;
           realtimeData.factorList = realtimeData.factorList.map((item) => {
             const obj = data.commonFactors.find((c) => c.key === item.key);
             return {
               ...item,
-              value: obj?.value ? obj.value : "--",
-              color: obj?.value ? factorToColor(item.code, obj?.value, "hour") : noDataColor
+              value: obj && obj.value ? obj.value : "--",
+              color: obj && obj.value && obj.value !== "--" ? factorToColor(item.code, obj?.value, props.apiParams.timeType) : noDataColor
             };
           });
         }
@@ -96,6 +95,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, toDisplayString(realtimeData.firstPollution), 5)
           ], 2)
         ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(`${clsfix}-center`)
+        }, [
+          createElementVNode("span", null, toDisplayString(props.apiParams.timeType === "hour" ? "实时" : "今日") + "浓度", 1),
+          _hoisted_4
+        ], 2),
         createElementVNode("ul", {
           class: normalizeClass(`${clsfix}-bottom`)
         }, [
@@ -112,7 +117,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: "line",
                 style: normalizeStyle({ backgroundColor: item.color })
               }, null, 4),
-              createElementVNode("span", _hoisted_4, toDisplayString(item.name), 1)
+              createElementVNode("span", _hoisted_5, toDisplayString(item.name), 1)
             ], 2);
           }), 128))
         ], 2)

package/dist/es/aims/src/AirQualityRealTimeAndDay/api/index.d.ts

@@ -0,0 +1,28 @@
+interface GetAirQualityParams {
+    time: number;
+    gridCode: string;
+    timeType: string;
+}
+interface GetAirQualityRes {
+    airQuality: string;
+    mainPollutants: string;
+    aqi: string;
+    commonFactors: {
+        key: string;
+        name: string;
+        unit: string;
+        value: string;
+    }[];
+    weatherFactors: {
+        key: string;
+        name: string;
+        unit: string;
+        value: string;
+    }[];
+}
+export declare const getAirQuality: (params: GetAirQualityParams) => Promise<{
+    code: number;
+    data: GetAirQualityRes | null;
+    message: string;
+}>;
+export type { GetAirQualityParams };

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

@@ -0,0 +1,11 @@
+import requestControl from '../../../service/request.mjs';
+
+const getAirQuality = (params) => {
+  return requestControl({
+    url: "/aims-server/web/api/v1/analyze-map/grid-detail",
+    method: "get",
+    params
+  });
+};
+
+export { getAirQuality };

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

@@ -0,0 +1,122 @@
+import _AirQualityRealTimeAndDay from './index.vue';
+export declare const DvAimsAirQualityRealTimeAndDay: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            apiParams?: Pick<import("./api").GetAirQualityParams, "time" | "gridCode"> | 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<{
+            apiParams: {
+                type: globalThis.PropType<Pick<import("./api").GetAirQualityParams, "time" | "gridCode">>;
+            } & {
+                default: () => {
+                    time: number;
+                    gridCode: string;
+                };
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            apiParams: Pick<import("./api").GetAirQualityParams, "time" | "gridCode">;
+        }, {}, 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<{
+        apiParams: {
+            type: globalThis.PropType<Pick<import("./api").GetAirQualityParams, "time" | "gridCode">>;
+        } & {
+            default: () => {
+                time: number;
+                gridCode: string;
+            };
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    apiParams: {
+        type: globalThis.PropType<Pick<import("./api").GetAirQualityParams, "time" | "gridCode">>;
+    } & {
+        default: () => {
+            time: number;
+            gridCode: string;
+        };
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    apiParams: Pick<import("./api").GetAirQualityParams, "time" | "gridCode">;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+export default _AirQualityRealTimeAndDay;

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

@@ -0,0 +1,7 @@
+import { install } from '../../../utils.mjs';
+import _sfc_main from './index.vue.mjs';
+import './index.vue2.mjs';
+
+const DvAimsAirQualityRealTimeAndDay = install(_sfc_main);
+
+export { DvAimsAirQualityRealTimeAndDay, _sfc_main as default };

package/dist/es/aims/src/AirQualityRealTimeAndDay/index.vue.d.ts

@@ -0,0 +1,33 @@
+import type { GetAirQualityParams } from './api';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    apiParams?: Pick<GetAirQualityParams, "time" | "gridCode"> | undefined;
+}>, {
+    apiParams: () => {
+        time: number;
+        gridCode: string;
+    };
+}>, {}, 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<{
+    apiParams?: Pick<GetAirQualityParams, "time" | "gridCode"> | undefined;
+}>, {
+    apiParams: () => {
+        time: number;
+        gridCode: string;
+    };
+}>>>, {
+    apiParams: Pick<GetAirQualityParams, 'gridCode' | 'time'>;
+}, {}>;
+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/es/aims/src/AirQualityRealTimeAndDay/index.vue.mjs

@@ -0,0 +1,218 @@
+import { defineComponent, reactive, onMounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, Fragment, renderList } from 'vue';
+import { BASE_FACTOR, factorToLevel, factorToColor } from 'fpi-tg-factor-tools';
+import dayjs from 'dayjs';
+import { getAirQuality } from './api/index.mjs';
+
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { class: "title" }, " 实时AQI ", -1);
+const _hoisted_2 = { class: "aqi-container" };
+const _hoisted_3 = { class: "aqiInfo" };
+const _hoisted_4 = { class: "main" };
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("span", { class: "text" }, "首污", -1);
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", { class: "title" }, " 今日AQI ", -1);
+const _hoisted_7 = { class: "aqi-container" };
+const _hoisted_8 = { class: "aqiInfo" };
+const _hoisted_9 = { class: "main" };
+const _hoisted_10 = /* @__PURE__ */ createElementVNode("span", { class: "text" }, "首污", -1);
+const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", null, "浓度", -1);
+const _hoisted_12 = /* @__PURE__ */ createElementVNode("span", null, "（ 单位：μg/m³, CO：mg/m³ ）", -1);
+const _hoisted_13 = [
+  _hoisted_11,
+  _hoisted_12
+];
+const _hoisted_14 = /* @__PURE__ */ createElementVNode("li", { class: "bottom-left-title" }, [
+  /* @__PURE__ */ createElementVNode("span", null, "实时"),
+  /* @__PURE__ */ createElementVNode("span", null, "今日")
+], -1);
+const _hoisted_15 = { class: "name" };
+const clsfix = "dv-aims-air-quality-realtime-and-day";
+const noDataColor = "rgb(255, 255, 255, 0.5)";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    apiParams: { default: () => ({
+      time: dayjs().subtract(2, "h").valueOf(),
+      gridCode: "0101000000"
+    }) }
+  },
+  setup(__props) {
+    const props = __props;
+    const realtimeData = reactive({
+      hourV: "--",
+      hourColor: noDataColor,
+      hourPollutionZh: "--",
+      hourMainPollutants: "--",
+      dayV: "--",
+      dayColor: noDataColor,
+      dayPollutionZh: "--",
+      dayMainPollutants: "--",
+      factorList: BASE_FACTOR.filter((item) => item.code !== "aqi").map(
+        (item) => {
+          return {
+            name: item.name,
+            code: item.code,
+            key: item.key,
+            hourV: "--",
+            hourColor: noDataColor,
+            dayV: "--",
+            dayColor: noDataColor
+          };
+        }
+      )
+    });
+    const fetchData = () => {
+      const p1 = getAirQuality({ ...props.apiParams, timeType: "hour" });
+      const p2 = getAirQuality({ ...props.apiParams, timeType: "day" });
+      Promise.all([p1, p2]).then((res) => {
+        let hourData = null;
+        let dayData = null;
+        let factorList = realtimeData.factorList;
+        if (res[0] && res[0].data) {
+          const data = res[0].data;
+          const level = factorToLevel("aqi", data.aqi, "hour");
+          hourData = {
+            hourV: data.aqi,
+            hourColor: level >= 0 ? factorToColor("aqi", data.aqi, "hour") : noDataColor,
+            hourPollutionZh: data.airQuality,
+            hourMainPollutants: data.mainPollutants
+          };
+          factorList = factorList.map((item) => {
+            const obj = data.commonFactors.find(
+              (c) => c.key === item.key
+            );
+            return {
+              ...item,
+              hourV: obj?.value ? obj.value : "--",
+              hourColor: obj && obj.value && obj.value !== "--" ? factorToColor(item.code, obj.value, "hour") : noDataColor
+            };
+          });
+        }
+        if (res[1] && res[1].data) {
+          const data = res[1].data;
+          const level = factorToLevel("aqi", data.aqi, "day");
+          dayData = {
+            dayV: data.aqi,
+            dayColor: level >= 0 ? factorToColor("aqi", data.aqi, "day") : noDataColor,
+            dayPollutionZh: data.airQuality,
+            dayMainPollutants: data.mainPollutants
+          };
+          factorList = factorList.map((item) => {
+            const obj = data.commonFactors.find(
+              (c) => c.key === item.key
+            );
+            return {
+              ...item,
+              dayV: obj?.value ? obj.value : "--",
+              dayColor: obj && obj.value && obj.value !== "--" ? factorToColor(item.code, obj.value, "day") : noDataColor
+            };
+          });
+        }
+        Object.assign(realtimeData, hourData, dayData, { factorList });
+      });
+    };
+    onMounted(() => {
+      fetchData();
+    });
+    watch(
+      () => props.apiParams,
+      () => {
+        fetchData();
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`${clsfix}-container`)
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(`${clsfix}-top`)
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(`${clsfix}-top-item`)
+          }, [
+            _hoisted_1,
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", {
+                class: "aqiValue",
+                style: normalizeStyle({ color: realtimeData.hourColor })
+              }, toDisplayString(realtimeData.hourV), 5),
+              createElementVNode("div", _hoisted_3, [
+                createElementVNode("span", {
+                  class: "pollution-zh",
+                  style: normalizeStyle({ color: realtimeData.hourColor })
+                }, toDisplayString(realtimeData.hourPollutionZh), 5),
+                createElementVNode("div", _hoisted_4, [
+                  _hoisted_5,
+                  createElementVNode("span", {
+                    class: "value",
+                    style: normalizeStyle({
+                      color: realtimeData.hourMainPollutants === "--" ? noDataColor : void 0
+                    })
+                  }, toDisplayString(realtimeData.hourMainPollutants), 5)
+                ])
+              ])
+            ])
+          ], 2),
+          createElementVNode("div", {
+            class: normalizeClass(`${clsfix}-top-item`)
+          }, [
+            _hoisted_6,
+            createElementVNode("div", _hoisted_7, [
+              createElementVNode("div", {
+                class: "aqiValue",
+                style: normalizeStyle({ color: realtimeData.dayColor })
+              }, toDisplayString(realtimeData.dayV), 5),
+              createElementVNode("div", _hoisted_8, [
+                createElementVNode("span", {
+                  class: "pollution-zh",
+                  style: normalizeStyle({ color: realtimeData.dayColor })
+                }, toDisplayString(realtimeData.dayPollutionZh), 5),
+                createElementVNode("div", _hoisted_9, [
+                  _hoisted_10,
+                  createElementVNode("span", {
+                    class: "value",
+                    style: normalizeStyle({
+                      color: realtimeData.dayMainPollutants === "--" ? noDataColor : void 0
+                    })
+                  }, toDisplayString(realtimeData.dayMainPollutants), 5)
+                ])
+              ])
+            ])
+          ], 2)
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(`${clsfix}-center`)
+        }, _hoisted_13, 2),
+        createElementVNode("ul", {
+          class: normalizeClass(`${clsfix}-bottom`)
+        }, [
+          _hoisted_14,
+          (openBlock(true), createElementBlock(Fragment, null, renderList(realtimeData.factorList, (item) => {
+            return openBlock(), createElementBlock("li", {
+              key: item.code,
+              class: normalizeClass(`${clsfix}-bottom-item`)
+            }, [
+              createElementVNode("span", {
+                class: "value",
+                style: normalizeStyle({ color: item.hourColor })
+              }, toDisplayString(item.hourV), 5),
+              createElementVNode("span", {
+                class: "line",
+                style: normalizeStyle({ backgroundColor: item.hourColor })
+              }, null, 4),
+              createElementVNode("span", {
+                class: "value",
+                style: normalizeStyle({ color: item.dayColor })
+              }, toDisplayString(item.dayV), 5),
+              createElementVNode("span", {
+                class: "line",
+                style: normalizeStyle({ backgroundColor: item.dayColor })
+              }, null, 4),
+              createElementVNode("span", _hoisted_15, toDisplayString(item.name), 1)
+            ], 2);
+          }), 128))
+        ], 2)
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/aims/src/AirQualityRealTimeAndDay/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/AirQualityRealTimeAndDay/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/index.d.ts

@@ -25,3 +25,4 @@ export * from './MainPollutionYearRatio';
 export * from './MainPollutionMonthRatio';
 export * from './AirTimeSeriesAnalysis';
 export * from './TbHbAnalysis';
+export * from './AirQualityRealTimeAndDay';

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

@@ -19,3 +19,4 @@ export { DvAimsMainPollutionYearRatio } from './MainPollutionYearRatio/index.mjs
 export { DvAimsMainPollutionMonthRatio } from './MainPollutionMonthRatio/index.mjs';
 export { DvAimsAirTimeSeriesAnalysis } from './AirTimeSeriesAnalysis/index.mjs';
 export { DvAimsTbHbAnalysis } from './TbHbAnalysis/index.mjs';
+export { DvAimsAirQualityRealTimeAndDay } from './AirQualityRealTimeAndDay/index.mjs';

package/dist/es/bmp/src/AlgaeMonitoring/index.vue.mjs

@@ -93,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               textAlign: "center",
               fill: "rgba(0, 221, 255, 1)",
               fontSize: 24,
-              fontFamily: "Oswald",
+              fontFamily: "var(--dv-font-family-number)",
               fontWeight: 500
             }
           },
@@ -106,7 +106,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               textAlign: "center",
               fill: "rgba(255, 255, 255, 0.6)",
               fontSize: 18,
-              fontFamily: "Oswald",
+              fontFamily: "var(--dv-font-family-number)",
               fontWeight: 500
             }
           },
@@ -120,7 +120,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               textAlign: "center",
               fill: "rgba(255, 255, 255, 0.6)",
               fontSize: 18,
-              fontFamily: "Oswald",
+              fontFamily: "var(--dv-font-family-number)",
               fontWeight: 500
             }
           }