@liujitcn/kratos-admin-bi 0.0.0-stage → 0.1.6

package/dist/package/declarations/src/components/BiDataCard.vue.js

@@ -0,0 +1,372 @@
+/// <reference types="../../../../../node_modules/.pnpm/@vue+language-core@3.3.13/node_modules/@vue/language-core/types/template-helpers.d.ts" />
+/// <reference types="../../../../../node_modules/.pnpm/@vue+language-core@3.3.13/node_modules/@vue/language-core/types/props-fallback.d.ts" />
+import { computed, onActivated, onBeforeUnmount, onDeactivated, onMounted, ref, watch } from "vue";
+import { t } from "@liujitcn/kratos-admin-core";
+import BiCardVisualization from "./BiCardVisualization.vue";
+import { cardRefreshDelay } from "../card-schema";
+import { defBiCardService } from "../api/bi/admin/v1/bi_card";
+const { defineProps, defineEmits, withDefaults, } = {};
+const icon = DataAnalysis;
+const sourceIcon = Coin;
+const props = withDefaults(defineProps(), { sourceName: "", refreshKey: 0, rangeDays: 0, showPeriodFilter: false, showCategory: true });
+const emit = defineEmits();
+const effectiveRangeDays = computed(() => (props.showPeriodFilter ? props.rangeDays : 0));
+const periodLabel = computed(() => {
+    const range = props.card.query?.time_range;
+    return !effectiveRangeDays.value && range ? `${range.start.slice(0, 10)} — ${range.end.slice(0, 10)}` : "";
+});
+const result = ref();
+const loading = ref(false);
+const error = ref("");
+let timer;
+let active = true;
+let requestID = 0;
+const data = computed(() => props.previewResult ?? result.value);
+/** 按当前卡片周期加载数据，关闭或切换卡片后丢弃迟到响应。 */
+async function loadData() {
+    clearTimeout(timer);
+    if (!active || props.card.id === 0 || props.previewResult)
+        return;
+    const current = ++requestID;
+    loading.value = true;
+    error.value = "";
+    try {
+        const loadedResult = await defBiCardService.GetBiCardData({ id: props.card.id, range_days: effectiveRangeDays.value });
+        if (current === requestID)
+            result.value = loadedResult;
+    }
+    catch (cause) {
+        if (current === requestID) {
+            error.value = cause instanceof Error ? cause.message : t("bi.query.error");
+            result.value = undefined;
+        }
+    }
+    finally {
+        if (current === requestID) {
+            loading.value = false;
+            scheduleRefresh();
+        }
+    }
+}
+/** 隐藏标签页时延后自动取数，避免后台持续查询。 */
+function scheduleRefresh() {
+    clearTimeout(timer);
+    if (active && props.card.refresh_seconds > 0)
+        timer = setTimeout(() => {
+            if (document.hidden)
+                scheduleRefresh();
+            else
+                void loadData();
+        }, cardRefreshDelay(props.card.refresh_seconds));
+}
+/** 标签页重新可见后补一次刷新，避免错过每日刷新时间。 */
+function handleVisibility() {
+    if (active && !document.hidden && props.card.refresh_seconds > 0 && !loading.value)
+        void loadData();
+}
+/** 停止非活动页面的定时器与响应回填。 */
+function stop() {
+    active = false;
+    requestID++;
+    loading.value = false;
+    clearTimeout(timer);
+}
+watch(() => [props.card.id, props.card.updated_at, props.refreshKey, effectiveRangeDays.value], () => {
+    result.value = undefined;
+    void loadData();
+}, { immediate: true });
+onActivated(() => {
+    if (!active) {
+        active = true;
+        void loadData();
+    }
+});
+onDeactivated(stop);
+onMounted(() => document.addEventListener("visibilitychange", handleVisibility));
+onBeforeUnmount(() => {
+    stop();
+    document.removeEventListener("visibilitychange", handleVisibility);
+});
+const __VLS_defaults = { sourceName: "", refreshKey: 0, rangeDays: 0, showPeriodFilter: false, showCategory: true };
+void __VLS_defaults;
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_components;
+let __VLS_intrinsics;
+let __VLS_directives;
+void __VLS_ctx, __VLS_components, __VLS_intrinsics, __VLS_directives;
+// @ts-ignore
+__VLS_withDotValue(periodLabel, {});
+// @ts-ignore
+__VLS_withDotValue(data, {});
+// @ts-ignore
+__VLS_withDotValue(error, {});
+// @ts-ignore
+__VLS_withDotValue(loading, {});
+void {};
+__VLS_asFunctionalElement1(__VLS_intrinsics.article, __VLS_intrinsics.article)({
+    ...{ class: "bi-data-card" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-data-card']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.header, __VLS_intrinsics.header)({
+    ...{ class: "bi-data-card__header" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-data-card__header']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "bi-data-card__heading" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-data-card__heading']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.h3, __VLS_intrinsics.h3)({
+    ...{ class: "bi-data-card__title" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-data-card__title']} */ ;
+let __VLS_0;
+/** @ts-ignore @type { | typeof __VLS_components.elIcon | typeof __VLS_components.ElIcon | typeof __VLS_components['el-icon'] | typeof __VLS_components.elIcon | typeof __VLS_components.ElIcon | typeof __VLS_components['el-icon']} */
+elIcon;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent1(__VLS_0, new __VLS_0({
+    // @ts-ignore
+    ...{ class: "bi-data-card__icon" },
+}));
+const __VLS_2 = __VLS_1({
+    ...{ class: "bi-data-card__icon" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+/** @type {__VLS_StyleScopedClasses['bi-data-card__icon']} */ ;
+const { default: __VLS_5 } = __VLS_nonNull(__VLS_3.slots);
+const __VLS_6 = (__VLS_unwrap(icon, {}));
+// @ts-ignore
+const __VLS_7 = __VLS_asFunctionalComponent1(__VLS_6, new __VLS_6({
+// @ts-ignore
+}));
+const __VLS_8 = __VLS_7({}, ...__VLS_functionalComponentArgsRest(__VLS_7));
+// @ts-ignore
+[icon,];
+var __VLS_3;
+(__VLS_ctx.card.name);
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "bi-data-card__meta" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-data-card__meta']} */ ;
+if (__VLS_ctx.showCategory) {
+    let __VLS_11;
+    /** @ts-ignore @type { | typeof __VLS_components.elTag | typeof __VLS_components.ElTag | typeof __VLS_components['el-tag'] | typeof __VLS_components.elTag | typeof __VLS_components.ElTag | typeof __VLS_components['el-tag']} */
+    elTag;
+    // @ts-ignore
+    const __VLS_12 = __VLS_asFunctionalComponent1(__VLS_11, new __VLS_11({
+        // @ts-ignore
+        size: "small", effect: "plain", type: "info",
+    }));
+    const __VLS_13 = __VLS_12({
+        size: "small",
+        effect: "plain",
+        type: "info",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_12));
+    const { default: __VLS_16 } = __VLS_nonNull(__VLS_14.slots);
+    (__VLS_unwrap(t, {})(`bi.card.category.${__VLS_ctx.card.category || "mine"}`));
+    // @ts-ignore
+    [card, card, showCategory, t,];
+    var __VLS_14;
+}
+if (__VLS_ctx.showPeriodFilter) {
+    let __VLS_17;
+    /** @ts-ignore @type { | typeof __VLS_components.elSelect | typeof __VLS_components.ElSelect | typeof __VLS_components['el-select'] | typeof __VLS_components.elSelect | typeof __VLS_components.ElSelect | typeof __VLS_components['el-select']} */
+    elSelect;
+    // @ts-ignore
+    const __VLS_18 = __VLS_asFunctionalComponent1(__VLS_17, new __VLS_17({
+        // @ts-ignore
+        ...{ 'onUpdate:modelValue': {} }, modelValue: (__VLS_unwrap(effectiveRangeDays, {})), ...{ class: "bi-data-card__period" }, size: "small", 'aria-label': (__VLS_unwrap(t, {})('bi.card.period', { name: __VLS_ctx.card.name })),
+    }));
+    const __VLS_19 = __VLS_18({
+        ...{ 'onUpdate:modelValue': {} },
+        modelValue: (__VLS_unwrap(effectiveRangeDays, {})),
+        ...{ class: "bi-data-card__period" },
+        size: "small",
+        'aria-label': (__VLS_unwrap(t, {})('bi.card.period', { name: __VLS_ctx.card.name })),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_18));
+    let __VLS_22;
+    const __VLS_23 = {
+        /** @type {typeof __VLS_22.'update:modelValue'} */
+        'onUpdate:modelValue': // @ts-ignore
+        (...[$event]) => {
+            void $event;
+            if (!(__VLS_ctx.showPeriodFilter))
+                throw 0;
+            return (__VLS_unwrap(emit, {})('update:rangeDays', $event));
+            // @ts-ignore
+            [card, t, showPeriodFilter, effectiveRangeDays, emit,];
+        },
+    };
+    void __VLS_23;
+    /** @type {__VLS_StyleScopedClasses['bi-data-card__period']} */ ;
+    const { default: __VLS_24 } = __VLS_nonNull(__VLS_20.slots);
+    let __VLS_25;
+    /** @ts-ignore @type { | typeof __VLS_components.elOption | typeof __VLS_components.ElOption | typeof __VLS_components['el-option']} */
+    elOption;
+    // @ts-ignore
+    const __VLS_26 = __VLS_asFunctionalComponent1(__VLS_25, new __VLS_25({
+        // @ts-ignore
+        value: (0), label: (__VLS_unwrap(t, {})('bi.card.period.default')),
+    }));
+    const __VLS_27 = __VLS_26({
+        value: (0),
+        label: (__VLS_unwrap(t, {})('bi.card.period.default')),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_26));
+    const __VLS_30 = __VLS_tryAsConstant(([7, 30]));
+    for (const [days] of __VLS_vFor(__VLS_nonNull(__VLS_30))) {
+        let __VLS_31;
+        /** @ts-ignore @type { | typeof __VLS_components.elOption | typeof __VLS_components.ElOption | typeof __VLS_components['el-option']} */
+        elOption;
+        // @ts-ignore
+        const __VLS_32 = __VLS_asFunctionalComponent1(__VLS_31, new __VLS_31({
+            // @ts-ignore
+            key: (days), value: (days), label: (__VLS_unwrap(t, {})('bi.card.period.recent_days', { days })),
+        }));
+        const __VLS_33 = __VLS_32({
+            key: (days),
+            value: (days),
+            label: (__VLS_unwrap(t, {})('bi.card.period.recent_days', { days })),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_32));
+        // @ts-ignore
+        [t, t,];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_20;
+    var __VLS_21;
+}
+if (periodLabel.value) {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
+    (periodLabel.value);
+}
+if (data.value?.truncated) {
+    let __VLS_36;
+    /** @ts-ignore @type { | typeof __VLS_components.elTag | typeof __VLS_components.ElTag | typeof __VLS_components['el-tag'] | typeof __VLS_components.elTag | typeof __VLS_components.ElTag | typeof __VLS_components['el-tag']} */
+    elTag;
+    // @ts-ignore
+    const __VLS_37 = __VLS_asFunctionalComponent1(__VLS_36, new __VLS_36({
+        // @ts-ignore
+        size: "small", type: "warning",
+    }));
+    const __VLS_38 = __VLS_37({
+        size: "small",
+        type: "warning",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_37));
+    const { default: __VLS_41 } = __VLS_nonNull(__VLS_39.slots);
+    (__VLS_unwrap(t, {})("bi.query.truncated"));
+    // @ts-ignore
+    [t, periodLabel, periodLabel, data,];
+    var __VLS_39;
+}
+var __VLS_42 = {};
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "bi-data-card__chart" },
+    'aria-busy': (loading.value),
+});
+__VLS_asFunctionalDirective(__VLS_directives.vLoading, {})(__VLS_nonNull(null), { ...__VLS_directiveBindingRestFields, value: (loading.value), }, __VLS_nonNull(null), __VLS_nonNull(null));
+/** @type {__VLS_StyleScopedClasses['bi-data-card__chart']} */ ;
+if (error.value) {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "bi-data-card__error" },
+        role: "alert",
+    });
+    /** @type {__VLS_StyleScopedClasses['bi-data-card__error']} */ ;
+    __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
+    (error.value);
+    let __VLS_44;
+    /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button'] | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+    elButton;
+    // @ts-ignore
+    const __VLS_45 = __VLS_asFunctionalComponent1(__VLS_44, new __VLS_44({
+        // @ts-ignore
+        ...{ 'onClick': {} }, link: true, type: "primary",
+    }));
+    const __VLS_46 = __VLS_45({
+        ...{ 'onClick': {} },
+        link: true,
+        type: "primary",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_45));
+    let __VLS_49;
+    const __VLS_50 = {
+        /** @type {typeof __VLS_49.click} */
+        onClick: (loadData),
+    };
+    void __VLS_50;
+    const { default: __VLS_51 } = __VLS_nonNull(__VLS_47.slots);
+    (__VLS_unwrap(t, {})("bi.card.retry"));
+    // @ts-ignore
+    [t, loading, loading, vLoading, error, error,];
+    var __VLS_47;
+    var __VLS_48;
+}
+else if (data.value) {
+    const __VLS_52 = BiCardVisualization;
+    // @ts-ignore
+    const __VLS_53 = __VLS_asFunctionalComponent1(__VLS_52, new __VLS_52({
+        // @ts-ignore
+        card: (__VLS_ctx.card), result: (data.value),
+    }));
+    const __VLS_54 = __VLS_53({
+        card: (__VLS_ctx.card),
+        result: (data.value),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_53));
+}
+else if (!loading.value) {
+    let __VLS_57;
+    /** @ts-ignore @type { | typeof __VLS_components.elEmpty | typeof __VLS_components.ElEmpty | typeof __VLS_components['el-empty']} */
+    elEmpty;
+    // @ts-ignore
+    const __VLS_58 = __VLS_asFunctionalComponent1(__VLS_57, new __VLS_57({
+        // @ts-ignore
+        imageSize: (48), description: (__VLS_unwrap(t, {})('common.message.no_data')),
+    }));
+    const __VLS_59 = __VLS_58({
+        imageSize: (48),
+        description: (__VLS_unwrap(t, {})('common.message.no_data')),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_58));
+}
+if (__VLS_ctx.sourceName) {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "bi-data-card__source" },
+    });
+    /** @type {__VLS_StyleScopedClasses['bi-data-card__source']} */ ;
+    let __VLS_62;
+    /** @ts-ignore @type { | typeof __VLS_components.elIcon | typeof __VLS_components.ElIcon | typeof __VLS_components['el-icon'] | typeof __VLS_components.elIcon | typeof __VLS_components.ElIcon | typeof __VLS_components['el-icon']} */
+    elIcon;
+    // @ts-ignore
+    const __VLS_63 = __VLS_asFunctionalComponent1(__VLS_62, new __VLS_62({
+    // @ts-ignore
+    }));
+    const __VLS_64 = __VLS_63({}, ...__VLS_functionalComponentArgsRest(__VLS_63));
+    const { default: __VLS_67 } = __VLS_nonNull(__VLS_65.slots);
+    const __VLS_68 = (__VLS_unwrap(sourceIcon, {}));
+    // @ts-ignore
+    const __VLS_69 = __VLS_asFunctionalComponent1(__VLS_68, new __VLS_68({
+    // @ts-ignore
+    }));
+    const __VLS_70 = __VLS_69({}, ...__VLS_functionalComponentArgsRest(__VLS_69));
+    // @ts-ignore
+    [card, t, data, data, loading, sourceName, sourceIcon,];
+    var __VLS_65;
+    (__VLS_ctx.sourceName);
+}
+if (__VLS_ctx.$slots.footer) {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.footer, __VLS_intrinsics.footer)({
+        ...{ class: "bi-data-card__footer" },
+    });
+    /** @type {__VLS_StyleScopedClasses['bi-data-card__footer']} */ ;
+    var __VLS_73 = {};
+}
+var __VLS_43 = __VLS_42, __VLS_74 = __VLS_73;
+// @ts-ignore
+[sourceName, $slots,];
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+    props: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/package/declarations/src/components/BiDesigner.vue.d.ts

@@ -0,0 +1,17 @@
+import type { BiCard } from "../rpc/bi/admin/v1/bi_card";
+import type { DashboardLayout } from "../bi-dashboard-schema";
+type __VLS_Props = {
+    modelValue: DashboardLayout;
+    cards: BiCard[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: DashboardLayout) => any;
+    "edit-card": (value: BiCard) => any;
+    "create-card": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: DashboardLayout) => any) | undefined;
+    "onEdit-card"?: ((value: BiCard) => any) | undefined;
+    "onCreate-card"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;