@ued_fpi/data-visual 1.1.3 → 1.1.5

package/dist/lib/aims/src/AirQualityCalendar/index.vue.js

@@ -2,10 +2,255 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
-require('./index.vue3.js');
-const _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+const es = require('element-plus/es');
+require('element-plus/es/components/base/style/css');
+require('element-plus/es/components/date-picker/style/css');
+const vue = require('vue');
+const leftArrowDouble = require('./images/left-arrow-double.png.js');
+const leftArrow = require('./images/left-arrow.png.js');
+const rightArrow = require('./images/right-arrow.png.js');
+const rightArrowDouble = require('./images/right-arrow-double.png.js');
+const dayjs = require('dayjs');
+const fpiTgFactorTools = require('fpi-tg-factor-tools');
+const index = require('./api/index.js');
 
-const _AirQualityCalendar = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__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__ */ vue.createElementVNode("img", { src: leftArrowDouble.default }, null, -1);
+const _hoisted_5 = [
+  _hoisted_4
+];
+const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("img", { src: leftArrow.default }, null, -1);
+const _hoisted_7 = [
+  _hoisted_6
+];
+const _hoisted_8 = { class: "flex img-right" };
+const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("img", { src: rightArrow.default }, null, -1);
+const _hoisted_10 = [
+  _hoisted_9
+];
+const _hoisted_11 = /* @__PURE__ */ vue.createElementVNode("img", { src: rightArrowDouble.default }, 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__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    apiParams: { default: () => ({
+      codeType: "grid",
+      code: "0101000000",
+      factorCode: "aqi"
+    }) }
+  },
+  setup(__props) {
+    const props = __props;
+    const dateTime = vue.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 = vue.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 ? fpiTgFactorTools.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
+      };
+      index.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 },
+              () => ({})
+            );
+          }
+        }
+      });
+    };
+    vue.onMounted(() => {
+      getAirQualityCalendar();
+    });
+    vue.watch(
+      () => props.apiParams,
+      () => {
+        getAirQualityCalendar();
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_el_date_picker = es.ElDatePicker;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("div", {
+              class: "arrow left-arrow-double",
+              onClick: _cache[0] || (_cache[0] = ($event) => changeTime(-1, "year"))
+            }, _hoisted_5),
+            vue.createElementVNode("div", {
+              class: "arrow left-arrow",
+              onClick: _cache[1] || (_cache[1] = ($event) => changeTime(-1, "month"))
+            }, _hoisted_7)
+          ]),
+          vue.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"]),
+          vue.createElementVNode("div", _hoisted_8, [
+            vue.createElementVNode("div", {
+              class: "arrow right-arrow",
+              onClick: _cache[3] || (_cache[3] = ($event) => changeTime(1, "month"))
+            }, _hoisted_10),
+            vue.createElementVNode("div", {
+              class: "arrow right-arrow-double",
+              onClick: _cache[4] || (_cache[4] = ($event) => changeTime(1, "year"))
+            }, _hoisted_12)
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_13, [
+          (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(weeks, (item, index) => {
+            return vue.createElementVNode("div", {
+              key: index,
+              class: "item"
+            }, vue.toDisplayString(item), 1);
+          }), 64))
+        ]),
+        vue.createElementVNode("div", _hoisted_14, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(calendarData.preNullList, (item, index) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: index,
+              class: "item pre-null"
+            });
+          }), 128)),
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(calendarData.list, (item, index) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: index,
+              class: "item",
+              style: vue.normalizeStyle({ background: getDayBgColor(item) })
+            }, [
+              vue.createElementVNode("div", _hoisted_15, vue.toDisplayString(index + 1), 1),
+              vue.createElementVNode("div", _hoisted_16, vue.toDisplayString(getDayValue(item)), 1)
+            ], 4);
+          }), 128)),
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(calendarData.suffNullList, (item, index) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: index,
+              class: "item flex suff-null"
+            }, [
+              vue.createElementVNode("div", _hoisted_17, vue.toDisplayString(index + 1 + calendarData.list.length), 1)
+            ]);
+          }), 128))
+        ]),
+        vue.createElementVNode("div", _hoisted_18, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(calendarData.legends, (item, index) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: index,
+              class: "item"
+            }, [
+              vue.createElementVNode("div", _hoisted_19, vue.toDisplayString(item.level), 1),
+              vue.createElementVNode("div", {
+                class: "flex num",
+                style: vue.normalizeStyle({ color: item.color, background: item.bgColor })
+              }, vue.toDisplayString(item.num), 5)
+            ]);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+});
 
-exports.default = _AirQualityCalendar;
+exports.default = _sfc_main;

package/dist/lib/aims/src/AirQualityCalendar/index.vue2.js

@@ -2,256 +2,6 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const es = require('element-plus/es');
-require('element-plus/es/components/base/style/css');
-require('element-plus/es/components/date-picker/style/css');
-const vue = require('vue');
-const leftArrowDouble = require('./images/left-arrow-double.png.js');
-const leftArrow = require('./images/left-arrow.png.js');
-const rightArrow = require('./images/right-arrow.png.js');
-const rightArrowDouble = require('./images/right-arrow-double.png.js');
-const dayjs = require('dayjs');
-const fpiTgFactorTools = require('fpi-tg-factor-tools');
-const index = require('./api/index.js');
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
 
-const _withScopeId = (n) => (vue.pushScopeId("data-v-7fbc4638"), n = n(), vue.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__ */ vue.createElementVNode("img", { src: leftArrowDouble.default }, null, -1));
-const _hoisted_5 = [
-  _hoisted_4
-];
-const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", { src: leftArrow.default }, null, -1));
-const _hoisted_7 = [
-  _hoisted_6
-];
-const _hoisted_8 = { class: "flex img-right" };
-const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", { src: rightArrow.default }, null, -1));
-const _hoisted_10 = [
-  _hoisted_9
-];
-const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", { src: rightArrowDouble.default }, 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__ */ vue.defineComponent({
-  __name: "index",
-  props: {
-    apiParams: { default: () => ({
-      codeType: "grid",
-      code: "0101000000",
-      factorCode: "aqi"
-    }) }
-  },
-  setup(__props) {
-    const props = __props;
-    const dateTime = vue.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 = vue.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 ? fpiTgFactorTools.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
-      };
-      index.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 },
-              () => ({})
-            );
-          }
-        }
-      });
-    };
-    vue.onMounted(() => {
-      getAirQualityCalendar();
-    });
-    vue.watch(
-      () => props.apiParams,
-      () => {
-        getAirQualityCalendar();
-      }
-    );
-    return (_ctx, _cache) => {
-      const _component_el_date_picker = es.ElDatePicker;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createElementVNode("div", {
-              class: "arrow left-arrow-double",
-              onClick: _cache[0] || (_cache[0] = ($event) => changeTime(-1, "year"))
-            }, _hoisted_5),
-            vue.createElementVNode("div", {
-              class: "arrow left-arrow",
-              onClick: _cache[1] || (_cache[1] = ($event) => changeTime(-1, "month"))
-            }, _hoisted_7)
-          ]),
-          vue.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"]),
-          vue.createElementVNode("div", _hoisted_8, [
-            vue.createElementVNode("div", {
-              class: "arrow right-arrow",
-              onClick: _cache[3] || (_cache[3] = ($event) => changeTime(1, "month"))
-            }, _hoisted_10),
-            vue.createElementVNode("div", {
-              class: "arrow right-arrow-double",
-              onClick: _cache[4] || (_cache[4] = ($event) => changeTime(1, "year"))
-            }, _hoisted_12)
-          ])
-        ]),
-        vue.createElementVNode("div", _hoisted_13, [
-          (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(weeks, (item, index) => {
-            return vue.createElementVNode("div", {
-              key: index,
-              class: "item"
-            }, vue.toDisplayString(item), 1);
-          }), 64))
-        ]),
-        vue.createElementVNode("div", _hoisted_14, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(calendarData.preNullList, (item, index) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: index,
-              class: "item pre-null"
-            });
-          }), 128)),
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(calendarData.list, (item, index) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: index,
-              class: "item",
-              style: vue.normalizeStyle({ background: getDayBgColor(item) })
-            }, [
-              vue.createElementVNode("div", _hoisted_15, vue.toDisplayString(index + 1), 1),
-              vue.createElementVNode("div", _hoisted_16, vue.toDisplayString(getDayValue(item)), 1)
-            ], 4);
-          }), 128)),
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(calendarData.suffNullList, (item, index) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: index,
-              class: "item flex suff-null"
-            }, [
-              vue.createElementVNode("div", _hoisted_17, vue.toDisplayString(index + 1 + calendarData.list.length), 1)
-            ]);
-          }), 128))
-        ]),
-        vue.createElementVNode("div", _hoisted_18, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(calendarData.legends, (item, index) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: index,
-              class: "item"
-            }, [
-              vue.createElementVNode("div", _hoisted_19, vue.toDisplayString(item.level), 1),
-              vue.createElementVNode("div", {
-                class: "flex num",
-                style: vue.normalizeStyle({ color: item.color, background: item.bgColor })
-              }, vue.toDisplayString(item.num), 5)
-            ]);
-          }), 128))
-        ])
-      ]);
-    };
-  }
-});
-
-exports.default = _sfc_main;
+exports.default = index_vue_vue_type_style_index_0_lang;

package/dist/lib/aims/src/AirQualityCalendar/index.vue3.js

@@ -2,6 +2,9 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_7fbc4638_lang = '';
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-exports.default = index_vue_vue_type_style_index_0_scoped_7fbc4638_lang;
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/aims/src/AirQualityLevelMonthRatio/index.js

@@ -3,9 +3,10 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const utils = require('../../../utils.js');
-const index = require('./index.vue.js');
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-const DvAimsAirQualityLevelMonthRatio = utils.install(index.default);
+const DvAimsAirQualityLevelMonthRatio = utils.install(index_vue_vue_type_script_setup_true_lang.default);
 
-exports.default = index.default;
+exports.default = index_vue_vue_type_script_setup_true_lang.default;
 exports.DvAimsAirQualityLevelMonthRatio = DvAimsAirQualityLevelMonthRatio;