@ued_fpi/data-visual 1.1.3 → 1.1.5

package/dist/es/wgms/src/ChlorophyllAchangeRate/index.vue.mjs

@@ -1,7 +1,135 @@
-import _sfc_main from './index.vue2.mjs';
-import './index.vue3.mjs';
-import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+import { defineComponent, reactive, watch, computed, toRefs, openBlock, createElementBlock, normalizeStyle, createElementVNode, Fragment, renderList, unref, toDisplayString, withDirectives, vShow } from 'vue';
+import _imports_0 from './images/zao.png.mjs';
+import { getManualData, getAutomaticData } from '../../api/ChlorophyllAchangeRate/index.mjs';
+import upImg from './images/up.png.mjs';
+import downImg from './images/down.png.mjs';
 
-const _ChlorophyllAChangeRate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-43682597"]]);
+const _hoisted_1 = { class: "change-rate" };
+const _hoisted_2 = { class: "value" };
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", null, " %", -1);
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("img", {
+  alt: "",
+  class: "zao",
+  src: _imports_0
+}, null, -1);
+const _hoisted_5 = { class: "trend" };
+const _hoisted_6 = ["src"];
+const _hoisted_7 = { class: "label" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    height: {
+      type: [String, Number],
+      default: "200px"
+    },
+    type: {
+      default: "automatic",
+      // 默认自动数据 manual（手工数据）
+      type: String
+    },
+    // 时间类型
+    timeType: {
+      type: String,
+      required: true
+      // day
+    },
+    siteCode: {
+      type: String,
+      required: true
+      // zaoleishougong
+    },
+    factorCode: {
+      type: String,
+      required: true
+      // w01016
+    },
+    time: {
+      type: String,
+      required: true
+      // 1663257600000
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const state = reactive({
+      list: [
+        { label: "环比", rate: "" },
+        { label: "同比", rate: "" },
+        { label: "近24小时变化率均值", rate: "" }
+      ]
+    });
+    watch(() => props.type, (val) => {
+      if (val === "automatic")
+        getAutomatic();
+      else if (val === "manual")
+        getManual();
+    }, { immediate: true });
+    async function getAutomatic() {
+      const params = {
+        timeType: props.timeType,
+        siteCode: props.siteCode,
+        factorCode: props.factorCode,
+        time: props.time
+      };
+      const res = await getManualData(params);
+      state.list[0].rate = res?.data?.lastCompare ?? "--";
+      state.list[1].rate = res?.data?.yearCompare ?? "--";
+      state.list[2].rate = res?.data?.hourChangeRate ?? "--";
+    }
+    async function getManual() {
+      const params = {
+        timeType: props.timeType,
+        siteCode: props.siteCode,
+        factorCode: props.factorCode,
+        time: props.time
+      };
+      const res = await getAutomaticData(params);
+      state.list[0].rate = res?.data?.lastCompare ?? "--";
+      state.list[1].rate = res?.data?.yearCompare ?? "--";
+      state.list[2].rate = res?.data?.hourChangeRate ?? "--";
+    }
+    const getHeight = computed(() => {
+      if (typeof props.height === "string")
+        return props.height;
+      else if (typeof props.height === "number")
+        return `${props.height}px`;
+      else
+        return "100%";
+    });
+    const { list } = toRefs(state);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "chlorophyll-a-change-rate",
+        style: normalizeStyle({ "--height": getHeight.value })
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "rate-one"
+            }, [
+              createElementVNode("div", _hoisted_2, [
+                createElementVNode("span", {
+                  style: normalizeStyle({ color: Number(item.rate) > 0 ? "#F84439" : Number(item.rate) < 0 ? "#2AC94F" : "#0084FF" })
+                }, toDisplayString(item.rate), 5),
+                _hoisted_3
+              ]),
+              _hoisted_4,
+              createElementVNode("div", _hoisted_5, [
+                withDirectives(createElementVNode("img", {
+                  alt: "",
+                  src: Number(item.rate) > 0 ? unref(upImg) : unref(downImg)
+                }, null, 8, _hoisted_6), [
+                  [vShow, Number(item.rate)]
+                ])
+              ]),
+              createElementVNode("div", _hoisted_7, toDisplayString(item.label), 1)
+            ]);
+          }), 128))
+        ])
+      ], 4);
+    };
+  }
+});
 
-export { _ChlorophyllAChangeRate as default };
+export { _sfc_main as default };

package/dist/es/wgms/src/ChlorophyllAchangeRate/index.vue2.mjs

@@ -1,136 +1,3 @@
-import { defineComponent, reactive, watch, computed, toRefs, openBlock, createElementBlock, normalizeStyle, createElementVNode, Fragment, renderList, unref, toDisplayString, withDirectives, vShow, pushScopeId, popScopeId } from 'vue';
-import _imports_0 from './images/zao.png.mjs';
-import { getManualData, getAutomaticData } from '../../api/ChlorophyllAchangeRate/index.mjs';
-import upImg from './images/up.png.mjs';
-import downImg from './images/down.png.mjs';
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
 
-const _withScopeId = (n) => (pushScopeId("data-v-43682597"), n = n(), popScopeId(), n);
-const _hoisted_1 = { class: "change-rate" };
-const _hoisted_2 = { class: "value" };
-const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, " %", -1));
-const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
-  alt: "",
-  class: "zao",
-  src: _imports_0
-}, null, -1));
-const _hoisted_5 = { class: "trend" };
-const _hoisted_6 = ["src"];
-const _hoisted_7 = { class: "label" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    height: {
-      type: [String, Number],
-      default: "200px"
-    },
-    type: {
-      default: "automatic",
-      // 默认自动数据 manual（手工数据）
-      type: String
-    },
-    // 时间类型
-    timeType: {
-      type: String,
-      required: true
-      // day
-    },
-    siteCode: {
-      type: String,
-      required: true
-      // zaoleishougong
-    },
-    factorCode: {
-      type: String,
-      required: true
-      // w01016
-    },
-    time: {
-      type: String,
-      required: true
-      // 1663257600000
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const state = reactive({
-      list: [
-        { label: "环比", rate: "" },
-        { label: "同比", rate: "" },
-        { label: "近24小时变化率均值", rate: "" }
-      ]
-    });
-    watch(() => props.type, (val) => {
-      if (val === "automatic")
-        getAutomatic();
-      else if (val === "manual")
-        getManual();
-    }, { immediate: true });
-    async function getAutomatic() {
-      const params = {
-        timeType: props.timeType,
-        siteCode: props.siteCode,
-        factorCode: props.factorCode,
-        time: props.time
-      };
-      const res = await getManualData(params);
-      state.list[0].rate = res?.data?.lastCompare ?? "--";
-      state.list[1].rate = res?.data?.yearCompare ?? "--";
-      state.list[2].rate = res?.data?.hourChangeRate ?? "--";
-    }
-    async function getManual() {
-      const params = {
-        timeType: props.timeType,
-        siteCode: props.siteCode,
-        factorCode: props.factorCode,
-        time: props.time
-      };
-      const res = await getAutomaticData(params);
-      state.list[0].rate = res?.data?.lastCompare ?? "--";
-      state.list[1].rate = res?.data?.yearCompare ?? "--";
-      state.list[2].rate = res?.data?.hourChangeRate ?? "--";
-    }
-    const getHeight = computed(() => {
-      if (typeof props.height === "string")
-        return props.height;
-      else if (typeof props.height === "number")
-        return `${props.height}px`;
-      else
-        return "100%";
-    });
-    const { list } = toRefs(state);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "chlorophyll-a-change-rate",
-        style: normalizeStyle({ "--height": getHeight.value })
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (item, index) => {
-            return openBlock(), createElementBlock("div", {
-              key: index,
-              class: "rate-one"
-            }, [
-              createElementVNode("div", _hoisted_2, [
-                createElementVNode("span", {
-                  style: normalizeStyle({ color: Number(item.rate) > 0 ? "#F84439" : Number(item.rate) < 0 ? "#2AC94F" : "#0084FF" })
-                }, toDisplayString(item.rate), 5),
-                _hoisted_3
-              ]),
-              _hoisted_4,
-              createElementVNode("div", _hoisted_5, [
-                withDirectives(createElementVNode("img", {
-                  alt: "",
-                  src: Number(item.rate) > 0 ? unref(upImg) : unref(downImg)
-                }, null, 8, _hoisted_6), [
-                  [vShow, Number(item.rate)]
-                ])
-              ]),
-              createElementVNode("div", _hoisted_7, toDisplayString(item.label), 1)
-            ]);
-          }), 128))
-        ])
-      ], 4);
-    };
-  }
-});
-
-export { _sfc_main as default };
+export { index_vue_vue_type_style_index_0_lang as default };

package/dist/es/wgms/src/ChlorophyllAchangeRate/index.vue3.mjs

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

package/dist/es/wgms/src/CrossSectionCorrelation/index.mjs

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

package/dist/es/wgms/src/CrossSectionCorrelation/index.vue.mjs

@@ -1,7 +1,132 @@
-import _sfc_main from './index.vue2.mjs';
-import './index.vue3.mjs';
-import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+import { defineComponent, reactive, watch, onMounted, nextTick, toRefs, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, toDisplayString, createVNode, createStaticVNode } from 'vue';
+import dayjs from 'dayjs';
+import _sfc_main$1 from '../common/ProgressBar.vue.mjs';
+import '../common/ProgressBar.vue2.mjs';
+import { correlationAnalysis } from './api/index.mjs';
 
-const _CrossSectionCorrelation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-00d6028f"]]);
+const _hoisted_1 = { class: "dv-wgms-cross-section-correlation" };
+const _hoisted_2 = { class: "section-correlation-table" };
+const _hoisted_3 = /* @__PURE__ */ createStaticVNode('<div class="section-correlation-list header"><span class="sort"></span><span class="name"></span><span class="progress"></span><span class="correlation-coefficient">相关系数</span><span class="alarm">报警数</span></div>', 1);
+const _hoisted_4 = { class: "sort" };
+const _hoisted_5 = ["title"];
+const _hoisted_6 = { class: "progress" };
+const _hoisted_7 = { class: "correlation-coefficient green" };
+const _hoisted_8 = { class: "alarm red" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    startTime: {
+      type: Number,
+      default: dayjs().startOf("year").valueOf()
+    },
+    endTime: {
+      type: Number,
+      default: dayjs().endOf("year").valueOf()
+    },
+    factorCode: {
+      type: String,
+      default: ""
+    },
+    siteCode: {
+      type: String,
+      default: ""
+    },
+    timeType: {
+      type: String,
+      default: "hour"
+    },
+    // 站点名称
+    sourceIds: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const data = reactive({
+      handleStyle: {
+        background: "#15F3A3",
+        width: "2px",
+        height: "12px"
+      },
+      activeColor: "linear-gradient(270deg, rgba(15,235,198,0.80) 0%, rgba(15,235,198,0.20) 100%)",
+      relativeData: [{
+        value: "",
+        siteName: "北苕溪（落塘埠下）",
+        coefficient: "0.7466052239940852",
+        alarmNum: 2,
+        rank: 1,
+        quality: null,
+        coefficientDoubleValue: 0.7466052239940852,
+        coefficientPre: "0.75"
+      }],
+      firstAlarmNum: "",
+      params: {
+        startTime: 16539264e5,
+        endTime: 16566912e5,
+        factorCode: "w01009",
+        siteCode: "GKA330100_2009",
+        timeType: "hour",
+        sourceIds: ""
+        // 关联的站点id
+      }
+    });
+    const getData = async () => {
+      const res = await correlationAnalysis(data.params);
+      const resData = res.data || [];
+      data.relativeData = resData.slice(0, 3);
+      if (data.relativeData.length > 0)
+        data.firstAlarmNum = data.relativeData[0].alarmNum;
+    };
+    const initData = () => {
+      data.params = {
+        startTime: props?.startTime,
+        endTime: props?.endTime,
+        factorCode: props?.factorCode,
+        siteCode: props?.siteCode,
+        timeType: props?.timeType,
+        sourceIds: props?.sourceIds
+        // 关联的站点id
+      };
+      getData();
+    };
+    watch(() => [props.startTime, props.endTime, props.factorCode, props.siteCode, props.timeType, props?.sourceIds], () => {
+      initData();
+    });
+    onMounted(async () => {
+      await nextTick();
+      initData();
+    });
+    const { relativeData, handleStyle, activeColor, params, firstAlarmNum } = toRefs(data);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _hoisted_3,
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(relativeData), (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "section-correlation-list"
+            }, [
+              createElementVNode("span", _hoisted_4, toDisplayString(index + 1), 1),
+              createElementVNode("span", {
+                class: "name",
+                title: item.siteName
+              }, toDisplayString(item.siteName), 9, _hoisted_5),
+              createElementVNode("div", _hoisted_6, [
+                createVNode(_sfc_main$1, {
+                  percentage: item.coefficientPre * 100,
+                  "active-color": unref(activeColor),
+                  "handle-style": unref(handleStyle)
+                }, null, 8, ["percentage", "active-color", "handle-style"])
+              ]),
+              createElementVNode("span", _hoisted_7, toDisplayString(item.coefficientPre), 1),
+              createElementVNode("span", _hoisted_8, toDisplayString(item.alarmNum), 1)
+            ]);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+});
 
-export { _CrossSectionCorrelation as default };
+export { _sfc_main as default };

package/dist/es/wgms/src/CrossSectionCorrelation/index.vue2.mjs

@@ -1,132 +1,3 @@
-import { defineComponent, reactive, watch, onMounted, nextTick, toRefs, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, toDisplayString, createVNode, createStaticVNode } from 'vue';
-import dayjs from 'dayjs';
-import _sfc_main$1 from '../common/ProgressBar.vue.mjs';
-import '../common/ProgressBar.vue2.mjs';
-import { correlationAnalysis } from './api/index.mjs';
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
 
-const _hoisted_1 = { class: "dv-wgms-cross-section-correlation" };
-const _hoisted_2 = { class: "section-correlation-table" };
-const _hoisted_3 = /* @__PURE__ */ createStaticVNode('<div class="section-correlation-list header" data-v-00d6028f><span class="sort" data-v-00d6028f></span><span class="name" data-v-00d6028f></span><span class="progress" data-v-00d6028f></span><span class="correlation-coefficient" data-v-00d6028f>相关系数</span><span class="alarm" data-v-00d6028f>报警数</span></div>', 1);
-const _hoisted_4 = { class: "sort" };
-const _hoisted_5 = ["title"];
-const _hoisted_6 = { class: "progress" };
-const _hoisted_7 = { class: "correlation-coefficient green" };
-const _hoisted_8 = { class: "alarm red" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    startTime: {
-      type: Number,
-      default: dayjs().startOf("year").valueOf()
-    },
-    endTime: {
-      type: Number,
-      default: dayjs().endOf("year").valueOf()
-    },
-    factorCode: {
-      type: String,
-      default: ""
-    },
-    siteCode: {
-      type: String,
-      default: ""
-    },
-    timeType: {
-      type: String,
-      default: "hour"
-    },
-    // 站点名称
-    sourceIds: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const data = reactive({
-      handleStyle: {
-        background: "#15F3A3",
-        width: "2px",
-        height: "12px"
-      },
-      activeColor: "linear-gradient(270deg, rgba(15,235,198,0.80) 0%, rgba(15,235,198,0.20) 100%)",
-      relativeData: [{
-        value: "",
-        siteName: "北苕溪（落塘埠下）",
-        coefficient: "0.7466052239940852",
-        alarmNum: 2,
-        rank: 1,
-        quality: null,
-        coefficientDoubleValue: 0.7466052239940852,
-        coefficientPre: "0.75"
-      }],
-      firstAlarmNum: "",
-      params: {
-        startTime: 16539264e5,
-        endTime: 16566912e5,
-        factorCode: "w01009",
-        siteCode: "GKA330100_2009",
-        timeType: "hour",
-        sourceIds: ""
-        // 关联的站点id
-      }
-    });
-    const getData = async () => {
-      const res = await correlationAnalysis(data.params);
-      const resData = res.data || [];
-      data.relativeData = resData.slice(0, 3);
-      if (data.relativeData.length > 0)
-        data.firstAlarmNum = data.relativeData[0].alarmNum;
-    };
-    const initData = () => {
-      data.params = {
-        startTime: props?.startTime,
-        endTime: props?.endTime,
-        factorCode: props?.factorCode,
-        siteCode: props?.siteCode,
-        timeType: props?.timeType,
-        sourceIds: props?.sourceIds
-        // 关联的站点id
-      };
-      getData();
-    };
-    watch(() => [props.startTime, props.endTime, props.factorCode, props.siteCode, props.timeType, props?.sourceIds], () => {
-      initData();
-    });
-    onMounted(async () => {
-      await nextTick();
-      initData();
-    });
-    const { relativeData, handleStyle, activeColor, params, firstAlarmNum } = toRefs(data);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          _hoisted_3,
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(relativeData), (item, index) => {
-            return openBlock(), createElementBlock("div", {
-              key: index,
-              class: "section-correlation-list"
-            }, [
-              createElementVNode("span", _hoisted_4, toDisplayString(index + 1), 1),
-              createElementVNode("span", {
-                class: "name",
-                title: item.siteName
-              }, toDisplayString(item.siteName), 9, _hoisted_5),
-              createElementVNode("div", _hoisted_6, [
-                createVNode(_sfc_main$1, {
-                  percentage: item.coefficientPre * 100,
-                  "active-color": unref(activeColor),
-                  "handle-style": unref(handleStyle)
-                }, null, 8, ["percentage", "active-color", "handle-style"])
-              ]),
-              createElementVNode("span", _hoisted_7, toDisplayString(item.coefficientPre), 1),
-              createElementVNode("span", _hoisted_8, toDisplayString(item.alarmNum), 1)
-            ]);
-          }), 128))
-        ])
-      ]);
-    };
-  }
-});
-
-export { _sfc_main as default };
+export { index_vue_vue_type_style_index_0_lang as default };

package/dist/es/wgms/src/CrossSectionCorrelation/index.vue3.mjs

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

package/dist/es/wgms/src/DistributionPoints/index.mjs

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

package/dist/es/wgms/src/DistributionPoints/index.vue.mjs

@@ -1,7 +1,65 @@
-import _sfc_main from './index.vue2.mjs';
-import './index.vue3.mjs';
-import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+import { defineComponent, watch, ref, onMounted, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString } from 'vue';
+import { situation } from './api/index.mjs';
 
-const DistributionPoints = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fc615fbd"]]);
+const _hoisted_1 = { class: "dv-wgms-distribution-points" };
+const _hoisted_2 = { class: "dv-wgms-distribution-font-box" };
+const _hoisted_3 = { class: "dv-wgms-distribution-font-blue" };
+const _hoisted_4 = { class: "dv-wgms-distribution-name" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "DvWgmsDistributionPoints"
+  },
+  __name: "index",
+  props: {
+    regionCode: {
+      type: [Number, String],
+      default: 3302
+    },
+    monitoringMethods: {
+      type: Number,
+      default: 0
+    },
+    isLazy: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    watch([props.monitoringMethods, props.regionCode], () => {
+      !props.isLazy && getRankData();
+    });
+    const list = ref([]);
+    onMounted(() => {
+      !props.isLazy && getRankData();
+    });
+    const getRankData = async () => {
+      const params = {
+        monitoringMethods: props.monitoringMethods,
+        regionCode: props.regionCode
+      };
+      const res = await situation(params);
+      list.value = res?.data || [];
+    };
+    __expose({
+      reload: getRankData
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(list.value, (item, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: index,
+            class: "dv-wgms-distribution-items"
+          }, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, toDisplayString(item.count), 1)
+            ]),
+            createElementVNode("div", _hoisted_4, toDisplayString(item.name), 1)
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+});
 
-export { DistributionPoints as default };
+export { _sfc_main as default };