@ued_fpi/data-visual 1.0.5 → 1.0.7

package/dist/es/aims/index.mjs

@@ -0,0 +1,15 @@
+import { c as components } from './src/index.mjs';
+
+const aims = {
+  install: (app) => {
+    for (const c in components) {
+      const currCom = components[c];
+      if (currCom.__name === "index")
+        app.component(c, currCom);
+      else
+        app.use(components[c]);
+    }
+  }
+};
+
+export { aims as a };

package/dist/es/aims/service/request.d.ts

@@ -1,3 +1,16 @@
-import type { ApiObjTs, ApiReturnTs } from './types';
+import type { AxiosRequestConfig } from 'axios';
+/**
+ * 暴露请求
+ */
+export interface ApiObjTs extends AxiosRequestConfig {
+    url?: string;
+    isIntercept?: boolean;
+    baseURL?: string;
+}
+export type ApiReturnTs<T, X> = X extends true ? T : {
+    code: number;
+    data: null | T;
+    message: string;
+};
 declare const requestControl: <T, R = false>(option: ApiObjTs) => Promise<ApiReturnTs<T, R>>;
 export default requestControl;

package/dist/es/aims/service/request.mjs

@@ -0,0 +1,52 @@
+import { a as axios } from '../../vendor/axios@1.4.0.mjs';
+import { C as Config } from '../config/index.mjs';
+import { e as errorCodeHandler, a as errorStatusHandler } from '../utils/tools.mjs';
+
+const instance = axios.create({
+  baseURL: Config.domain,
+  timeout: 60 * 1e3,
+  transformResponse: [
+    (data) => {
+      if (typeof data === "string" && (data.startsWith("{") || data.startsWith("[")))
+        data = JSON.parse(data);
+      return data;
+    }
+  ]
+});
+instance.interceptors.request.use(
+  (config) => {
+    config && config.headers && (config.headers["Cache-Control"] = "no-cache, no-store");
+    config && config.headers && (config.headers.Pragma = "no-cache");
+    return config;
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
+instance.interceptors.response.use(
+  (response) => {
+    const { code, message } = response.data;
+    if ([200, "success"].includes(code) || !code) {
+      return response.data;
+    } else {
+      errorCodeHandler(code, message);
+      return Promise.reject(response.data);
+    }
+  },
+  (error) => {
+    if (axios.isCancel(error))
+      console.warn(error.message);
+    const { response } = error;
+    if (response) {
+      errorStatusHandler(response.status, response.data.message);
+      return Promise.reject(response);
+    }
+  }
+);
+const request = instance.request;
+const requestControl = (option) => {
+  option.baseURL = Config.domain;
+  return request(option);
+};
+
+export { requestControl as r };

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

@@ -0,0 +1,56 @@
+interface GetEnvFeatureCalendarParams {
+    codeType: string;
+    code: string;
+    factorCode: string;
+    time: number;
+}
+interface YearSum {
+    veryGood: number;
+    o3: number;
+    mild: number;
+    medium: number;
+    verySerious: number;
+    cO: number;
+    good: number;
+    nO2: number;
+    total: number;
+    'pM2.5': number;
+    sO2: number;
+    serious: number;
+    pM10: number;
+    aQI: number;
+}
+interface Value {
+    aQI: string;
+    time: number;
+    value: string;
+    factorAQIValue?: any;
+    mainPollutants: string;
+}
+interface MonthSum {
+    veryGood: number;
+    o3: number;
+    mild: number;
+    medium: number;
+    cO: number;
+    verySerious: number;
+    good: number;
+    nO2: number;
+    noMainPollutant: number;
+    'pM2.5': number;
+    sO2: number;
+    pM10: number;
+    serious: number;
+    noData: number;
+}
+export interface ResData {
+    yearSum: YearSum;
+    values: Value[];
+    monthSum: MonthSum[];
+}
+export declare const getEnvFeatureCalendar: (params: GetEnvFeatureCalendarParams) => Promise<{
+    code: number;
+    data: ResData | null;
+    message: string;
+}>;
+export {};

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

@@ -0,0 +1,11 @@
+import { r as requestControl } from '../../../service/request.mjs';
+
+const getEnvFeatureCalendar = (params) => {
+  return requestControl({
+    url: "/aims-server/web/api/v1/env-feature/calendar",
+    method: "get",
+    params
+  });
+};
+
+export { getEnvFeatureCalendar as g };

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

@@ -4,6 +4,11 @@ export declare const AirQualityCalendar: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            apiParams?: {
+                codeType: string;
+                code: string;
+                factorCode: string;
+            } | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -62,7 +67,27 @@ export declare const AirQualityCalendar: {
         $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<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            apiParams: {
+                type: globalThis.PropType<{
+                    codeType: string;
+                    code: string;
+                    factorCode: string;
+                }>;
+            } & {
+                default: () => {
+                    codeType: string;
+                    code: string;
+                    factorCode: string;
+                };
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            apiParams: {
+                codeType: string;
+                code: string;
+                factorCode: string;
+            };
+        }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -82,9 +107,43 @@ export declare const AirQualityCalendar: {
         $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<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    } & Readonly<import("vue").ExtractPropTypes<{
+        apiParams: {
+            type: globalThis.PropType<{
+                codeType: string;
+                code: string;
+                factorCode: string;
+            }>;
+        } & {
+            default: () => {
+                codeType: string;
+                code: string;
+                factorCode: string;
+            };
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    apiParams: {
+        type: globalThis.PropType<{
+            codeType: string;
+            code: string;
+            factorCode: string;
+        }>;
+    } & {
+        default: () => {
+            codeType: string;
+            code: string;
+            factorCode: string;
+        };
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    apiParams: {
+        codeType: string;
+        code: string;
+        factorCode: string;
+    };
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _AirQualityCalendar;

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

@@ -0,0 +1,296 @@
+import { C as Config } from '../../../wgms/config/index.mjs';
+import { C as Config$1 } from '../../../ipes/config/index.mjs';
+import { C as Config$2 } from '../../config/index.mjs';
+import { E as ElDatePicker } from '../../../vendor/element-plus@2.3.7_vue@3.3.4.mjs';
+import { defineComponent, ref, reactive, onMounted, watch, openBlock, createElementBlock, createElementVNode, createVNode, Fragment, renderList, toDisplayString, normalizeStyle, pushScopeId, popScopeId } from 'vue';
+import { _ as _imports_0 } from './images/left-arrow-double.mjs';
+import { _ as _imports_1 } from './images/left-arrow.mjs';
+import { _ as _imports_2 } from './images/right-arrow.mjs';
+import { _ as _imports_3 } from './images/right-arrow-double.mjs';
+import { d as dayjs } from '../../../vendor/dayjs@1.11.9.mjs';
+import { L } from '../../../vendor/fpi-tg-factor-tools@1.0.4.mjs';
+import { g as getEnvFeatureCalendar } from './api/index.mjs';
+
+const install = (comp) => {
+  comp.install = (app) => {
+    const name = comp.name || comp.__name;
+    app.component(name, comp);
+  };
+  return comp;
+};
+const setDomain = (domain, type) => {
+  switch (type) {
+    case "aims":
+      Config$2.domain = domain;
+      break;
+    case "ipes":
+      Config$1.domain = domain;
+      break;
+    case "bmp":
+      break;
+    case "wgms":
+      Config.domain = domain;
+      break;
+    default:
+      Config.domain = domain;
+      Config$1.domain = domain;
+      Config$2.domain = domain;
+      break;
+  }
+};
+
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _withScopeId = (n) => (pushScopeId("data-v-1e6efc13"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "air-quality-calendar-container" };
+const _hoisted_2 = { class: "flex date-time" };
+const _hoisted_3 = { class: "flex img-left" };
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", { src: _imports_0 }, null, -1));
+const _hoisted_5 = [
+  _hoisted_4
+];
+const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", { src: _imports_1 }, null, -1));
+const _hoisted_7 = [
+  _hoisted_6
+];
+const _hoisted_8 = { class: "flex img-right" };
+const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", { src: _imports_2 }, null, -1));
+const _hoisted_10 = [
+  _hoisted_9
+];
+const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", { src: _imports_3 }, null, -1));
+const _hoisted_12 = [
+  _hoisted_11
+];
+const _hoisted_13 = { class: "flex weeks" };
+const _hoisted_14 = { class: "flex calendar-content" };
+const _hoisted_15 = { class: "day" };
+const _hoisted_16 = { class: "num" };
+const _hoisted_17 = { class: "suff-null-day" };
+const _hoisted_18 = { class: "flex legends" };
+const _hoisted_19 = { class: "level" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    apiParams: { default: () => ({
+      codeType: "grid",
+      code: "0101000000",
+      factorCode: "aqi"
+    }) }
+  },
+  setup(__props) {
+    const props = __props;
+    const dateTime = ref(dayjs().startOf("month").valueOf());
+    const pickerOptions = (time) => {
+      return time.getTime() > Date.now();
+    };
+    const changeDatePicker = (val) => {
+      dateTime.value = val.getTime();
+      getAirQualityCalendar();
+    };
+    const changeTime = (num, type) => {
+      const time = dayjs(dateTime.value)[num > 0 ? "add" : "subtract"](Math.abs(num), type).startOf("month").valueOf();
+      if (time < Date.now()) {
+        dateTime.value = time;
+        getAirQualityCalendar();
+      }
+    };
+    const weeks = ["一", "二", "三", "四", "五", "六", "日"];
+    const calendarData = reactive({
+      preNullList: [],
+      suffNullList: [],
+      // 最新月份补全剩余日子方格
+      list: [],
+      legends: [
+        {
+          level: "优",
+          key: "veryGood",
+          color: "#30D385",
+          bgColor: "rgba(48, 211, 133, 0.2)"
+        },
+        {
+          level: "良",
+          key: "good",
+          color: "#DFBE00",
+          bgColor: "rgba(255, 217, 2, 0.2)"
+        },
+        {
+          level: "轻度",
+          key: "mild",
+          color: "#F7C212",
+          bgColor: "rgba(255, 153, 2, 0.2)"
+        },
+        {
+          level: "中度",
+          key: "medium",
+          color: "#FF0200",
+          bgColor: "rgba(255, 2, 0, 0.2)"
+        },
+        {
+          level: "重度",
+          key: "serious",
+          color: "#F97D1C",
+          bgColor: "rgba(153, 0, 153, 0.2)"
+        },
+        {
+          level: "严重",
+          key: "verySerious",
+          color: "#990000",
+          bgColor: "rgba(153, 0, 0, 0.2)"
+        },
+        {
+          level: "无数据",
+          key: "noData",
+          color: "#FFFFFF",
+          bgColor: "rgba(255, 255, 255, 0.2)"
+        }
+      ]
+    });
+    const getDayBgColor = (item) => {
+      return Number(item.value) && Number(item.value) > 0 ? L(props.apiParams.factorCode, item.value, "day") : "rgba(255, 255, 255, 0.5)";
+    };
+    const getDayValue = (item) => {
+      return !item.value && item.value !== 0 ? "-" : String(item.value).includes(".") ? item.value.toFixed(2) : item.value;
+    };
+    const getAirQualityCalendar = async () => {
+      const params = {
+        time: dateTime.value,
+        ...props.apiParams
+      };
+      getEnvFeatureCalendar(params).then((res) => {
+        if (res.data) {
+          const data = res.data;
+          const time = dateTime.value;
+          const month = dayjs(time).month();
+          const monthSumItem = data.monthSum[month] || {};
+          calendarData.legends.map(
+            (item) => Object.assign(item, { num: monthSumItem[item.key] })
+          );
+          const nullDay = dayjs(time).day();
+          calendarData.preNullList = Array.from(
+            { length: nullDay },
+            () => ({})
+          );
+          const endTime = dayjs(time).endOf("month").valueOf();
+          calendarData.list = data.values.filter(
+            (item) => item.time >= time && item.time <= endTime
+          );
+          const days = dayjs(time).daysInMonth();
+          calendarData.suffNullList = [];
+          if (time === dayjs().startOf("month").valueOf()) {
+            calendarData.suffNullList = Array.from(
+              { length: days - calendarData.list.length },
+              () => ({})
+            );
+          }
+        }
+      });
+    };
+    onMounted(() => {
+      getAirQualityCalendar();
+    });
+    watch(
+      () => props.apiParams,
+      () => {
+        getAirQualityCalendar();
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_el_date_picker = ElDatePicker;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", {
+              class: "arrow left-arrow-double",
+              onClick: _cache[0] || (_cache[0] = ($event) => changeTime(-1, "year"))
+            }, _hoisted_5),
+            createElementVNode("div", {
+              class: "arrow left-arrow",
+              onClick: _cache[1] || (_cache[1] = ($event) => changeTime(-1, "month"))
+            }, _hoisted_7)
+          ]),
+          createVNode(_component_el_date_picker, {
+            modelValue: dateTime.value,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dateTime.value = $event),
+            type: "month",
+            clearable: false,
+            "disabled-date": pickerOptions,
+            onChange: changeDatePicker
+          }, null, 8, ["modelValue"]),
+          createElementVNode("div", _hoisted_8, [
+            createElementVNode("div", {
+              class: "arrow right-arrow",
+              onClick: _cache[3] || (_cache[3] = ($event) => changeTime(1, "month"))
+            }, _hoisted_10),
+            createElementVNode("div", {
+              class: "arrow right-arrow-double",
+              onClick: _cache[4] || (_cache[4] = ($event) => changeTime(1, "year"))
+            }, _hoisted_12)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_13, [
+          (openBlock(), createElementBlock(Fragment, null, renderList(weeks, (item, index) => {
+            return createElementVNode("div", {
+              key: index,
+              class: "item"
+            }, toDisplayString(item), 1);
+          }), 64))
+        ]),
+        createElementVNode("div", _hoisted_14, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(calendarData.preNullList, (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "item pre-null"
+            });
+          }), 128)),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(calendarData.list, (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "item",
+              style: normalizeStyle({ background: getDayBgColor(item) })
+            }, [
+              createElementVNode("div", _hoisted_15, toDisplayString(index + 1), 1),
+              createElementVNode("div", _hoisted_16, toDisplayString(getDayValue(item)), 1)
+            ], 4);
+          }), 128)),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(calendarData.suffNullList, (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "item flex suff-null"
+            }, [
+              createElementVNode("div", _hoisted_17, toDisplayString(index + 1 + calendarData.list.length), 1)
+            ]);
+          }), 128))
+        ]),
+        createElementVNode("div", _hoisted_18, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(calendarData.legends, (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "item"
+            }, [
+              createElementVNode("div", _hoisted_19, toDisplayString(item.level), 1),
+              createElementVNode("div", {
+                class: "flex num",
+                style: normalizeStyle({ color: item.color, background: item.bgColor })
+              }, toDisplayString(item.num), 5)
+            ]);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_1e6efc13_lang = '';
+
+const _AirQualityCalendar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1e6efc13"]]);
+
+const AirQualityCalendar = install(_AirQualityCalendar);
+
+export { AirQualityCalendar as A, _export_sfc as _, install as i, setDomain as s };

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

@@ -1,2 +1,46 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    apiParams?: {
+        codeType: string;
+        code: string;
+        factorCode: string;
+    } | undefined;
+}>, {
+    apiParams: () => {
+        codeType: string;
+        code: string;
+        factorCode: 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?: {
+        codeType: string;
+        code: string;
+        factorCode: string;
+    } | undefined;
+}>, {
+    apiParams: () => {
+        codeType: string;
+        code: string;
+        factorCode: string;
+    };
+}>>>, {
+    apiParams: {
+        codeType: string;
+        code: string;
+        factorCode: string;
+    };
+}, {}>;
 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];
+};