@ued_fpi/data-visual 1.1.1 → 1.1.3

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

@@ -0,0 +1,31 @@
+interface GetSiteRankParams {
+    time?: number;
+    gridCode?: string;
+    timeType?: 'hour' | 'day';
+    factorCode?: string;
+    siteTypeCodes?: string;
+    type?: string;
+    isAsc?: boolean;
+    endTime?: number;
+}
+interface ResData {
+    entries: {
+        code: string;
+        gridName: string;
+        siteTypeName: string;
+        latitude: number;
+        name: string;
+        AQI: string;
+        rank: number;
+        siteTypeCode: string;
+        gridCode: string;
+        longitude: number;
+        mainPollutants: string;
+    }[];
+}
+export declare const getSiteRank: (params: GetSiteRankParams) => Promise<{
+    code: number;
+    data: ResData | null;
+    message: string;
+}>;
+export type { GetSiteRankParams };

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

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

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

@@ -1,11 +1,16 @@
 import _FactorRealTimeRankChart from './index.vue';
-export declare const FactorRealTimeRankChart: {
+export declare const DvAimsFactorRealTimeRankChart: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            list?: unknown[] | undefined;
+            list?: {
+                name: string;
+                value: number;
+            }[] | undefined;
             factorCode?: string | undefined;
+            isUseBuiltInApi?: boolean | undefined;
+            apiParams?: import("./api").GetSiteRankParams | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -65,17 +70,44 @@ export declare const FactorRealTimeRankChart: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            list: {
+                type: globalThis.PropType<{
+                    name: string;
+                    value: number;
+                }[]>;
+            } & {
+                default: undefined;
+            };
             factorCode: {
-                type: StringConstructor;
+                type: globalThis.PropType<string>;
+            } & {
                 default: string;
             };
-            list: {
-                type: ArrayConstructor;
-                default: () => never[];
+            isUseBuiltInApi: {
+                type: globalThis.PropType<boolean>;
+            } & {
+                default: boolean;
+            };
+            apiParams: {
+                type: globalThis.PropType<import("./api").GetSiteRankParams>;
+            } & {
+                default: () => {
+                    time: number;
+                    gridCode: string;
+                    timeType: string;
+                    siteTypeCodes: string;
+                    type: string;
+                    isAsc: boolean;
+                };
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            list: unknown[];
+            list: {
+                name: string;
+                value: number;
+            }[];
             factorCode: string;
+            isUseBuiltInApi: boolean;
+            apiParams: import("./api").GetSiteRankParams;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -97,29 +129,78 @@ export declare const FactorRealTimeRankChart: {
         $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<{
+        list: {
+            type: globalThis.PropType<{
+                name: string;
+                value: number;
+            }[]>;
+        } & {
+            default: undefined;
+        };
         factorCode: {
-            type: StringConstructor;
+            type: globalThis.PropType<string>;
+        } & {
             default: string;
         };
-        list: {
-            type: ArrayConstructor;
-            default: () => never[];
+        isUseBuiltInApi: {
+            type: globalThis.PropType<boolean>;
+        } & {
+            default: boolean;
+        };
+        apiParams: {
+            type: globalThis.PropType<import("./api").GetSiteRankParams>;
+        } & {
+            default: () => {
+                time: number;
+                gridCode: string;
+                timeType: string;
+                siteTypeCodes: string;
+                type: string;
+                isAsc: boolean;
+            };
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    list: {
+        type: globalThis.PropType<{
+            name: string;
+            value: number;
+        }[]>;
+    } & {
+        default: undefined;
+    };
     factorCode: {
-        type: StringConstructor;
+        type: globalThis.PropType<string>;
+    } & {
         default: string;
     };
-    list: {
-        type: ArrayConstructor;
-        default: () => never[];
+    isUseBuiltInApi: {
+        type: globalThis.PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    apiParams: {
+        type: globalThis.PropType<import("./api").GetSiteRankParams>;
+    } & {
+        default: () => {
+            time: number;
+            gridCode: string;
+            timeType: string;
+            siteTypeCodes: string;
+            type: string;
+            isAsc: boolean;
+        };
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    list: unknown[];
+    list: {
+        name: string;
+        value: number;
+    }[];
     factorCode: string;
+    isUseBuiltInApi: boolean;
+    apiParams: import("./api").GetSiteRankParams;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _FactorRealTimeRankChart;

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

@@ -1,163 +1,6 @@
-import { _ as _export_sfc, i as install } from '../AirQualityCalendar/index.mjs';
-import { defineComponent, ref, computed, watch, nextTick, openBlock, createElementBlock, normalizeClass, createBlock, unref, withCtx, createElementVNode, createVNode, normalizeStyle, createCommentVNode } from 'vue';
-import { FpiElRolling } from '@ued_fpi/element-plus-expand';
-import { BASE_FACTOR, factorToColor } from 'fpi-tg-factor-tools';
-import { _ as _BasicEcharts } from '../common/BasicEcharts/index.mjs';
+import { install } from '../../../utils.mjs';
+import _FactorRealTimeRankChart from './index.vue.mjs';
 
-const clsfix = "factor-realtime-rank-chart";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    // 默认选择的六因子或者Aqi
-    factorCode: {
-      type: String,
-      default: "aqi"
-    },
-    // 数据
-    list: {
-      type: Array,
-      default: () => []
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const selectOptions = BASE_FACTOR.map((item) => ({
-      name: item.name,
-      code: item.code,
-      unit: item.unit
-    }));
-    const selectCode = ref(props.factorCode);
-    const selectUnit = computed(() => {
-      return selectOptions.find((c) => c.code === selectCode.value)?.unit;
-    });
-    const selectName = computed(() => {
-      return selectOptions.find((c) => c.code === selectCode.value)?.name;
-    });
-    const chartWidth = ref(370);
-    const isLoadChartWidth = ref(false);
-    const chartsFullOptions = ref({ options: null });
-    const generateOption = (list) => {
-      return {
-        options: {
-          grid: {
-            left: 10,
-            bottom: 10,
-            right: 10,
-            top: 40,
-            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,
-              interval: 0
-            },
-            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: factorToColor(selectCode.value, item.value, "hour")
-                  }
-                };
-              }),
-              name: selectName.value,
-              type: "bar",
-              barWidth: 15
-            }
-          ]
-        }
-      };
-    };
-    watch(() => props.list, () => {
-      if (props.list.length) {
-        chartWidth.value = props.list.length * 60 > chartWidth.value ? props.list.length * 60 : chartWidth.value;
-        isLoadChartWidth.value = true;
-        nextTick(() => {
-          chartsFullOptions.value = generateOption(props.list);
-        });
-      }
-    }, {
-      immediate: true
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(`${clsfix}-container`)
-      }, [
-        isLoadChartWidth.value ? (openBlock(), createBlock(unref(FpiElRolling), {
-          key: 0,
-          direction: "x",
-          "scroll-able": "",
-          time: 20
-        }, {
-          default: withCtx(() => [
-            createElementVNode("div", {
-              class: normalizeClass(`${clsfix}-echarts`)
-            }, [
-              createVNode(unref(_BasicEcharts), {
-                height: "100%",
-                style: normalizeStyle({ width: `${chartWidth.value}px`, marginRight: 16 }),
-                "full-options": chartsFullOptions.value,
-                loading: false
-              }, null, 8, ["style", "full-options"])
-            ], 2)
-          ]),
-          _: 1
-        })) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
+const DvAimsFactorRealTimeRankChart = install(_FactorRealTimeRankChart);
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_be0ac373_lang = '';
-
-const _FactorRealTimeRankChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-be0ac373"]]);
-
-const FactorRealTimeRankChart = install(_FactorRealTimeRankChart);
-
-export { FactorRealTimeRankChart as F };
+export { DvAimsFactorRealTimeRankChart, _FactorRealTimeRankChart as default };

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

@@ -1,23 +1,65 @@
-declare const _default: import("vue").DefineComponent<{
-    factorCode: {
-        type: StringConstructor;
-        default: string;
+import { type GetSiteRankParams } from './api';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    isUseBuiltInApi?: boolean | undefined;
+    apiParams?: GetSiteRankParams | undefined;
+    factorCode?: string | undefined;
+    list?: {
+        name: string;
+        value: number;
+    }[] | undefined;
+}>, {
+    isUseBuiltInApi: boolean;
+    apiParams: () => {
+        time: number;
+        gridCode: string;
+        timeType: string;
+        siteTypeCodes: string;
+        type: string;
+        isAsc: boolean;
     };
-    list: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    factorCode: {
-        type: StringConstructor;
-        default: string;
+    factorCode: string;
+    list: undefined;
+}>, {}, 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<{
+    isUseBuiltInApi?: boolean | undefined;
+    apiParams?: GetSiteRankParams | undefined;
+    factorCode?: string | undefined;
+    list?: {
+        name: string;
+        value: number;
+    }[] | undefined;
+}>, {
+    isUseBuiltInApi: boolean;
+    apiParams: () => {
+        time: number;
+        gridCode: string;
+        timeType: string;
+        siteTypeCodes: string;
+        type: string;
+        isAsc: boolean;
     };
+    factorCode: string;
+    list: undefined;
+}>>>, {
     list: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-}>>, {
-    list: unknown[];
+        name: string;
+        value: number;
+    }[];
     factorCode: string;
+    isUseBuiltInApi: boolean;
+    apiParams: GetSiteRankParams;
 }, {}>;
 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/FactorRealTimeRankChart/index.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './index.vue2.mjs';
+import './index.vue3.mjs';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+const _FactorRealTimeRankChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ac33ff36"]]);
+
+export { _FactorRealTimeRankChart as default };

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

@@ -0,0 +1,184 @@
+import { defineComponent, ref, computed, onMounted, watch, nextTick, openBlock, createElementBlock, normalizeClass, createBlock, unref, withCtx, createElementVNode, createVNode, normalizeStyle, createCommentVNode } from 'vue';
+import { FpiElRolling } from '@ued_fpi/element-plus-expand';
+import { BASE_FACTOR, factorToColor } from 'fpi-tg-factor-tools';
+import dayjs from 'dayjs';
+import '../common/BasicEcharts/index.mjs';
+import { getSiteRank } from './api/index.mjs';
+import _BasicEcharts from '../common/BasicEcharts/index.vue.mjs';
+
+const clsfix = "factor-realtime-rank-chart";
+const _sfc_main = /* @__PURE__ */ 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 = BASE_FACTOR.map((item) => ({
+      ...item
+    }));
+    const selectCode = ref(props.factorCode);
+    const selectUnit = computed(() => {
+      return selectOptions.find((c) => c.code === selectCode.value)?.unit;
+    });
+    const selectName = computed(() => {
+      return selectOptions.find((c) => c.code === selectCode.value)?.name;
+    });
+    const chartWidth = ref(370);
+    const isLoadChartWidth = ref(false);
+    const chartsFullOptions = 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: factorToColor(selectCode.value, item.value, "hour")
+                  }
+                };
+              }),
+              name: selectName.value,
+              type: "bar",
+              barWidth: 15
+            }
+          ]
+        }
+      };
+    };
+    const fetchData = () => {
+      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);
+          nextTick(() => {
+            chartsFullOptions.value = generateOption(list);
+          });
+        }
+      });
+    };
+    const setChartWidth = (list) => {
+      chartWidth.value = list.length * 60 > chartWidth.value ? list.length * 60 : chartWidth.value;
+      isLoadChartWidth.value = true;
+    };
+    onMounted(() => {
+      if (props.isUseBuiltInApi)
+        fetchData();
+    });
+    watch([() => props.apiParams, () => props.factorCode], () => {
+      if (props.isUseBuiltInApi)
+        fetchData();
+    });
+    watch([() => props.list, () => props.factorCode], () => {
+      if (!props.isUseBuiltInApi && props.list) {
+        setChartWidth(props.list);
+        nextTick(() => {
+          props.list && (chartsFullOptions.value = generateOption(props.list));
+        });
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`${clsfix}-container`)
+      }, [
+        isLoadChartWidth.value ? (openBlock(), createBlock(unref(FpiElRolling), {
+          key: 0,
+          direction: "x",
+          "scroll-able": "",
+          time: 20
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(`${clsfix}-echarts`)
+            }, [
+              createVNode(unref(_BasicEcharts), {
+                height: "100%",
+                style: normalizeStyle({ width: `${chartWidth.value}px`, marginRight: 16 }),
+                "full-options": chartsFullOptions.value,
+                loading: false
+              }, null, 8, ["style", "full-options"])
+            ], 2)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,3 @@
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_ac33ff36_lang = '';
+
+export { index_vue_vue_type_style_index_0_scoped_ac33ff36_lang as default };

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

@@ -0,0 +1,31 @@
+interface GetSiteRankParams {
+    time?: number;
+    gridCode?: string;
+    timeType?: 'hour' | 'day';
+    factorCode?: string;
+    siteTypeCodes?: string;
+    type?: string;
+    isAsc?: boolean;
+    endTime?: number;
+}
+interface ResData {
+    entries: {
+        code: string;
+        gridName: string;
+        siteTypeName: string;
+        latitude: number;
+        name: string;
+        AQI: string;
+        rank: number;
+        siteTypeCode: string;
+        gridCode: string;
+        longitude: number;
+        mainPollutants: string;
+    }[];
+}
+export declare const getSiteRank: (params: GetSiteRankParams) => Promise<{
+    code: number;
+    data: ResData | null;
+    message: string;
+}>;
+export type { GetSiteRankParams };

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

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