@ued_fpi/data-visual 1.1.4 → 1.1.5

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

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

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

@@ -1,7 +1,252 @@
-import _sfc_main from './index.vue2.mjs';
-import './index.vue3.mjs';
-import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+import { ElDatePicker } from 'element-plus/es';
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/es/components/date-picker/style/css';
+import { defineComponent, ref, reactive, onMounted, watch, openBlock, createElementBlock, createElementVNode, createVNode, Fragment, renderList, toDisplayString, normalizeStyle } from 'vue';
+import _imports_0 from './images/left-arrow-double.png.mjs';
+import _imports_1 from './images/left-arrow.png.mjs';
+import _imports_2 from './images/right-arrow.png.mjs';
+import _imports_3 from './images/right-arrow-double.png.mjs';
+import dayjs from 'dayjs';
+import { factorToColor } from 'fpi-tg-factor-tools';
+import { getEnvFeatureCalendar } from './api/index.mjs';
 
-const _AirQualityCalendar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7fbc4638"]]);
+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__ */ createElementVNode("img", { src: _imports_0 }, null, -1);
+const _hoisted_5 = [
+  _hoisted_4
+];
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("img", { src: _imports_1 }, null, -1);
+const _hoisted_7 = [
+  _hoisted_6
+];
+const _hoisted_8 = { class: "flex img-right" };
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("img", { src: _imports_2 }, null, -1);
+const _hoisted_10 = [
+  _hoisted_9
+];
+const _hoisted_11 = /* @__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 ? factorToColor(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))
+        ])
+      ]);
+    };
+  }
+});
 
-export { _AirQualityCalendar as default };
+export { _sfc_main as default };

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

@@ -1,253 +1,3 @@
-import { ElDatePicker } from 'element-plus/es';
-import 'element-plus/es/components/base/style/css';
-import 'element-plus/es/components/date-picker/style/css';
-import { defineComponent, ref, reactive, onMounted, watch, openBlock, createElementBlock, createElementVNode, createVNode, Fragment, renderList, toDisplayString, normalizeStyle, pushScopeId, popScopeId } from 'vue';
-import _imports_0 from './images/left-arrow-double.png.mjs';
-import _imports_1 from './images/left-arrow.png.mjs';
-import _imports_2 from './images/right-arrow.png.mjs';
-import _imports_3 from './images/right-arrow-double.png.mjs';
-import dayjs from 'dayjs';
-import { factorToColor } from 'fpi-tg-factor-tools';
-import { getEnvFeatureCalendar } from './api/index.mjs';
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
 
-const _withScopeId = (n) => (pushScopeId("data-v-7fbc4638"), 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 ? factorToColor(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))
-        ])
-      ]);
-    };
-  }
-});
-
-export { _sfc_main as default };
+export { index_vue_vue_type_style_index_0_lang as default };

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

@@ -1,3 +1,6 @@
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_7fbc4638_lang = '';
+import _sfc_main from './index.vue.mjs';
+import './index.vue2.mjs';
 
-export { index_vue_vue_type_style_index_0_scoped_7fbc4638_lang as default };
+
+
+export { _sfc_main as default };

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

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