@ued_fpi/data-visual 1.2.14 → 1.2.19

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

@@ -0,0 +1,269 @@
+import { ElTooltip, ElOption, ElSelect } from 'element-plus/es';
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/es/components/select/style/css';
+import 'element-plus/es/components/option/style/css';
+import 'element-plus/es/components/tooltip/style/css';
+import { defineComponent, reactive, ref, onMounted, nextTick, watch, toRefs, openBlock, createElementBlock, createElementVNode, createVNode, unref, normalizeStyle, Fragment, renderList, normalizeClass, withModifiers, toDisplayString, createBlock, withCtx, withDirectives, isRef, vShow } from 'vue';
+import dayjs from 'dayjs';
+import { maxBy } from 'lodash-es';
+import _sfc_main$1 from '../common/comm-btns.vue.mjs';
+import '../common/comm-btns.vue2.mjs';
+import _sfc_main$2 from '../../utils/echarts/BaseECharts.vue.mjs';
+import { getAlgaeTime } from '../../utils/tools.mjs';
+import { manualMonitoringOption } from '../../utils/echarts/echartsOptions.mjs';
+import { singleMonitoringTrend, algaSingleMonitoringApi } from './api/index.mjs';
+
+const _hoisted_1 = { class: "important-water-box" };
+const _hoisted_2 = { class: "right-btns" };
+const _hoisted_3 = { class: "important-water-top" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("span", { class: "important-water-title" }, " 叶绿素a超标次数排名 ", -1);
+const _hoisted_5 = { class: "bar-box" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = [":title"];
+const _hoisted_8 = ["title"];
+const _hoisted_9 = { class: "bottom-chart" };
+const _hoisted_10 = { class: "chart-title" };
+const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", null, "叶绿素a最近7次变化趋势", -1);
+const _hoisted_12 = { class: "chart-box" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    params: { default: () => {
+      return {
+        type: "6",
+        regionCode: "3301",
+        regionName: "杭州市",
+        beginTime: dayjs().startOf("year").valueOf(),
+        endTime: dayjs().valueOf(),
+        isLast: true
+      };
+    } },
+    data: { default: null },
+    isLazy: { type: Boolean, default: false },
+    timeObj: { default: () => {
+      return {
+        periodBeginTime: dayjs().startOf("year").valueOf(),
+        periodEndTime: dayjs().endOf("year").valueOf(),
+        currentTime: dayjs().valueOf(),
+        currentType: "dailyControl",
+        upToDate: true
+      };
+    } },
+    toggleTabsArr: { default: () => {
+      return [
+        {
+          label: "县级以上饮用水源地",
+          value: "6"
+        }
+      ];
+    } }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const algaeData = reactive({
+      tabs: props.toggleTabsArr,
+      selectedTab: props.toggleTabsArr[0],
+      isShow: true,
+      rankList: [],
+      itemIndex: 0,
+      maxCount: 54,
+      siteList: [],
+      accessCode: "DUIHEKOUSHUIKUSHUIYUANDI",
+      importWaterDom: ref()
+    });
+    const options = ref({});
+    const switchTab = (item) => {
+      algaeData.selectedTab = item;
+    };
+    const changeItem = (index, item) => {
+      algaeData.itemIndex = index;
+      algaeData.siteList = algaeData.rankList[algaeData.itemIndex]?.sites ?? [];
+      algaeData.accessCode = algaeData.siteList.length ? algaeData.siteList[0]?.code : item.code || "";
+      if (algaeData.accessCode !== "")
+        singleMonitoringTrend$1(timeData.endTime);
+    };
+    const changeSite = () => {
+      singleMonitoringTrend$1(timeData.endTime);
+    };
+    const timeData = {
+      beginTimeTrend: 0,
+      endTimeTrend: 0,
+      beginTime: 0,
+      endTime: 0,
+      upToDate: false
+    };
+    const initDefaultTrendTime = () => {
+      timeData.beginTimeTrend = dayjs().add(-6, "days").valueOf();
+      timeData.endTimeTrend = dayjs().valueOf();
+      if (!props.timeObj)
+        return;
+      const { beginTime, endTime, isCurrentPeriod, currentTime } = getAlgaeTime(props.timeObj);
+      timeData.beginTime = beginTime;
+      timeData.endTime = endTime;
+      timeData.upToDate = props.timeObj.upToDate;
+      if (isCurrentPeriod) {
+        const isToday = dayjs().isSame(currentTime, "d");
+        if (!isToday) {
+          timeData.endTimeTrend = dayjs(currentTime).endOf("day").valueOf();
+          timeData.beginTimeTrend = dayjs(timeData.endTimeTrend).add(-6, "days").valueOf();
+        }
+      }
+    };
+    const algaSingleMonitoring = async () => {
+      algaeData.isShow = false;
+      let res;
+      if (props.data && Reflect.ownKeys(props.data).length) {
+        res = props.data;
+      } else {
+        const response = await algaSingleMonitoringApi(props.params);
+        res = response.data;
+      }
+      if (!res)
+        return;
+      const list = res.alageMonitorWaters || [];
+      dataSet(list);
+      algaeData.isShow = true;
+      algaeData.siteList = list?.[0]?.sites || [];
+      algaeData.accessCode = !algaeData.siteList.length ? list[0]?.code || "" : algaeData.siteList?.[0]?.code || "";
+      if (algaeData.accessCode !== "")
+        singleMonitoringTrend$1(timeData.endTime);
+      options.value = manualMonitoringOption([], []);
+    };
+    const singleMonitoringTrend$1 = async (endTime) => {
+      let resData;
+      if (props.data && props.data.trendData) {
+        resData = props.data.trendData[algaeData.accessCode];
+      } else {
+        const { data } = await singleMonitoringTrend({
+          code: algaeData.accessCode,
+          time: props.timeObj?.currentType !== "dailyControl" ? endTime : ""
+          // 如果选择了某一日则传入结束时间
+        });
+        resData = data;
+      }
+      if (!resData) {
+        options.value = await manualMonitoringOption([], []);
+        return;
+      }
+      const chartData = resData || { dates: [], time: [] };
+      const barXvalue = chartData.time;
+      const seriesData = chartData.dates.map((item) => {
+        const val = item?.value ?? null;
+        return val;
+      });
+      options.value = await manualMonitoringOption(barXvalue, seriesData);
+    };
+    const dataSet = (data) => {
+      algaeData.rankList = data;
+      algaeData.maxCount = maxBy(data, (o) => {
+        return o.reproductionNum;
+      })?.reproductionNum || 0;
+    };
+    const getData = () => {
+      initDefaultTrendTime();
+      algaSingleMonitoring();
+    };
+    onMounted(async () => {
+      await nextTick();
+      !props.isLazy && getData();
+    });
+    watch([() => props.params, () => props.data, () => props.isLazy], async () => {
+      await nextTick();
+      !props.isLazy && getData();
+    }, { deep: true });
+    __expose({
+      reload: getData
+    });
+    const { tabs, selectedTab, rankList, itemIndex, maxCount, siteList, accessCode } = toRefs(algaeData);
+    return (_ctx, _cache) => {
+      const _component_el_tooltip = ElTooltip;
+      const _component_el_option = ElOption;
+      const _component_el_select = ElSelect;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_sfc_main$1, {
+            tabs: unref(tabs),
+            selected: unref(selectedTab),
+            onSwitchTab: switchTab
+          }, null, 8, ["tabs", "selected"])
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          _hoisted_4,
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", {
+              style: normalizeStyle({ width: unref(rankList).length > 5 ? "fit-content" : "100%" }),
+              class: "bar-chart"
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(rankList), (item, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: item.name,
+                  class: normalizeClass([{ "base-panel-checked": unref(itemIndex) === index, "static-bar": unref(rankList).length > 5 }, "one"]),
+                  onClick: withModifiers(($event) => changeItem(index, item), ["stop"])
+                }, [
+                  createElementVNode("div", {
+                    class: "value",
+                    style: normalizeStyle({ color: item.reproductionNum ? "var(--dv-color-warning)" : "" })
+                  }, toDisplayString(item.reproductionNum), 5),
+                  createElementVNode("div", {
+                    style: normalizeStyle({ height: unref(maxCount) ? `${item.reproductionNum / unref(maxCount) * 54}px` : "0px" }),
+                    class: "bar"
+                  }, null, 4),
+                  item.name.length > 6 ? (openBlock(), createBlock(_component_el_tooltip, {
+                    key: 0,
+                    class: "item",
+                    effect: "dark",
+                    content: item.name,
+                    placement: "top"
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("span", {
+                        ":title": item.name,
+                        style: { width: "100%" },
+                        class: "text"
+                      }, toDisplayString(item.name), 9, _hoisted_7)
+                    ]),
+                    _: 2
+                  }, 1032, ["content"])) : (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    title: item.name,
+                    style: { width: "100%" },
+                    class: "text"
+                  }, toDisplayString(item.name), 9, _hoisted_8))
+                ], 10, _hoisted_6);
+              }), 128))
+            ], 4)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_9, [
+          createElementVNode("div", _hoisted_10, [
+            _hoisted_11,
+            withDirectives(createVNode(_component_el_select, {
+              modelValue: unref(accessCode),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(accessCode) ? accessCode.value = $event : null),
+              style: { "width": "180px" },
+              onChange: changeSite
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(siteList), (item) => {
+                  return openBlock(), createBlock(_component_el_option, {
+                    key: item.code,
+                    label: item.name,
+                    value: item.code
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]), [
+              [vShow, unref(siteList).length]
+            ])
+          ]),
+          createElementVNode("div", _hoisted_12, [
+            createVNode(_sfc_main$2, { options: options.value }, null, 8, ["options"])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

@@ -0,0 +1,6 @@
+import _sfc_main from './index.vue.mjs';
+import './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/dist/es/wgms/src/AlgaeTopicsManualMonitoring/api/index.d.ts

@@ -0,0 +1,6 @@
+import type { AUTOMATIC_MONITOR_API_REQUEST } from './types';
+export declare const algaeManualAlarmStat: (params: AUTOMATIC_MONITOR_API_REQUEST.ParamsTs) => Promise<{
+    code: number;
+    data: AUTOMATIC_MONITOR_API_REQUEST.AlgaeManualAlarmStat | null;
+    message: string;
+}>;

package/dist/es/wgms/src/AlgaeTopicsManualMonitoring/api/index.mjs

@@ -0,0 +1,12 @@
+import requestControl from '../../../service/request.mjs';
+
+const algaeManualAlarmStat = (params) => {
+  return requestControl({
+    url: "/api/v1/screen/alage-topic/algae-manual-alarm-stat",
+    server: "wgmsScreenServer",
+    method: "get",
+    params
+  });
+};
+
+export { algaeManualAlarmStat };

package/dist/es/wgms/src/AlgaeTopicsManualMonitoring/api/types.d.ts

@@ -0,0 +1,30 @@
+export declare namespace AUTOMATIC_MONITOR_API_REQUEST {
+    interface ParamsTs {
+        treeType: number | string;
+        treeId: number | string;
+        beginTime: number;
+        endTime: number;
+        isLast: boolean;
+    }
+    interface AlgaeManualAlarmStat {
+        totalSiteCount: number;
+        validSiteCount: number;
+        dataCount: number;
+        notAlarmCount: number;
+        normalAlarmCount: number;
+        keyAlarmCount: number;
+        rate: null;
+    }
+    interface IncomingDataTs {
+        validSiteCountNum: number;
+        totalSiteCountNum: number;
+        countList: {
+            name: string;
+            value: number;
+            rate: string | number;
+            itemStyle: {
+                color: string;
+            };
+        }[];
+    }
+}

package/dist/es/wgms/src/AlgaeTopicsManualMonitoring/index.d.ts

@@ -0,0 +1,182 @@
+import _AlgaeTopicsManualMonitoring from './index.vue';
+export declare const DvWgmsAlgaeTopicsManualMonitoring: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            data?: import("./api/types").AUTOMATIC_MONITOR_API_REQUEST.IncomingDataTs | null | undefined;
+            params?: import("./api/types").AUTOMATIC_MONITOR_API_REQUEST.ParamsTs | undefined;
+            isLazy?: boolean | undefined;
+            key?: string | number | symbol | undefined;
+            style?: unknown;
+            ref?: import("vue").VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            class?: unknown;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $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<{
+            data: {
+                type: globalThis.PropType<import("./api/types").AUTOMATIC_MONITOR_API_REQUEST.IncomingDataTs | null>;
+                required: true;
+            } & {
+                default: null;
+            };
+            params: {
+                type: globalThis.PropType<import("./api/types").AUTOMATIC_MONITOR_API_REQUEST.ParamsTs>;
+                required: true;
+            } & {
+                default: () => {
+                    treeType: string;
+                    treeId: string;
+                    beginTime: number;
+                    endTime: number;
+                    isLast: boolean;
+                };
+            };
+            isLazy: {
+                type: globalThis.PropType<boolean>;
+                required: true;
+            } & {
+                default: boolean;
+            };
+        }>>, {
+            reload: () => Promise<void>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            data: import("./api/types").AUTOMATIC_MONITOR_API_REQUEST.IncomingDataTs | null;
+            params: import("./api/types").AUTOMATIC_MONITOR_API_REQUEST.ParamsTs;
+            isLazy: boolean;
+        }, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $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<{
+        data: {
+            type: globalThis.PropType<import("./api/types").AUTOMATIC_MONITOR_API_REQUEST.IncomingDataTs | null>;
+            required: true;
+        } & {
+            default: null;
+        };
+        params: {
+            type: globalThis.PropType<import("./api/types").AUTOMATIC_MONITOR_API_REQUEST.ParamsTs>;
+            required: true;
+        } & {
+            default: () => {
+                treeType: string;
+                treeId: string;
+                beginTime: number;
+                endTime: number;
+                isLast: boolean;
+            };
+        };
+        isLazy: {
+            type: globalThis.PropType<boolean>;
+            required: true;
+        } & {
+            default: boolean;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{
+        reload: () => Promise<void>;
+    }> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: globalThis.PropType<import("./api/types").AUTOMATIC_MONITOR_API_REQUEST.IncomingDataTs | null>;
+        required: true;
+    } & {
+        default: null;
+    };
+    params: {
+        type: globalThis.PropType<import("./api/types").AUTOMATIC_MONITOR_API_REQUEST.ParamsTs>;
+        required: true;
+    } & {
+        default: () => {
+            treeType: string;
+            treeId: string;
+            beginTime: number;
+            endTime: number;
+            isLast: boolean;
+        };
+    };
+    isLazy: {
+        type: globalThis.PropType<boolean>;
+        required: true;
+    } & {
+        default: boolean;
+    };
+}>>, {
+    reload: () => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    data: import("./api/types").AUTOMATIC_MONITOR_API_REQUEST.IncomingDataTs | null;
+    params: import("./api/types").AUTOMATIC_MONITOR_API_REQUEST.ParamsTs;
+    isLazy: boolean;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+export default _AlgaeTopicsManualMonitoring;

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

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

package/dist/es/wgms/src/AlgaeTopicsManualMonitoring/index.vue.d.ts

@@ -0,0 +1,52 @@
+import 'echarts-gl';
+import type { AUTOMATIC_MONITOR_API_REQUEST } from './api/types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    params: AUTOMATIC_MONITOR_API_REQUEST.ParamsTs;
+    data: null | AUTOMATIC_MONITOR_API_REQUEST.IncomingDataTs;
+    isLazy: boolean;
+}>, {
+    params: () => {
+        treeType: string;
+        treeId: string;
+        beginTime: number;
+        endTime: number;
+        isLast: boolean;
+    };
+    data: null;
+    isLazy: boolean;
+}>, {
+    reload: () => Promise<void>;
+}, 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<{
+    params: AUTOMATIC_MONITOR_API_REQUEST.ParamsTs;
+    data: null | AUTOMATIC_MONITOR_API_REQUEST.IncomingDataTs;
+    isLazy: boolean;
+}>, {
+    params: () => {
+        treeType: string;
+        treeId: string;
+        beginTime: number;
+        endTime: number;
+        isLast: boolean;
+    };
+    data: null;
+    isLazy: boolean;
+}>>>, {
+    data: null | AUTOMATIC_MONITOR_API_REQUEST.IncomingDataTs;
+    params: AUTOMATIC_MONITOR_API_REQUEST.ParamsTs;
+    isLazy: boolean;
+}, {}>;
+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];
+};