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

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

@@ -0,0 +1,807 @@
+/// <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, onMounted, onActivated, reactive, ref } from "vue";
+import { useRouter } from "vue-router";
+import { t } from "@liujitcn/kratos-admin-core";
+import FormDialog from "@liujitcn/kratos-admin-core/components/Dialog/FormDialog.vue";
+import { defBiCardService } from "../api/bi/admin/v1/bi_card";
+import { defBiQueryService } from "../api/bi/admin/v1/bi_query";
+import { defBiDashboardService } from "../api/bi/admin/v1/bi_dashboard";
+import { parseDashboardLayout, reflowDashboardCards } from "../bi-dashboard-schema";
+import BiDataCard from "./BiDataCard.vue";
+import BiCardFormDialog from "./BiCardFormDialog.vue";
+const icons = { Star, StarFilled, Search };
+const router = useRouter(), cards = ref([]), sources = ref([]), name = ref(""), sourceCode = ref(""), category = ref(""), page = ref(1), total = ref(0), loading = ref(false), saving = ref(false), editorOpen = ref(false), dashboardOpen = ref(false), editingCard = ref(), previewCard = ref(), addingCard = ref(), dashboards = ref([]);
+const categories = ["", "mine", "favorite", "shared", "system"];
+const counts = ref({ all: 0, system: 0, mine: 0, favorite: 0, shared: 0 });
+const workbench = ref({ dashboard_ids: [], favorite_ids: [], dashboards: [] });
+const target = reactive({ id: undefined });
+let request = 0, loaded = false;
+const dashboardFields = computed(() => [
+    {
+        prop: "id",
+        label: t("bi.dashboard.title"),
+        component: "select",
+        options: dashboards.value.map(item => ({ label: item.name, value: item.id })),
+        props: { filterable: true }
+    }
+]);
+/** 按同一过滤条件查询当前可见卡片，丢弃迟到请求。 */
+async function loadCards() {
+    const current = ++request;
+    loading.value = true;
+    try {
+        const data = await defBiCardService.PageBiCard({
+            name: name.value,
+            source_code: sourceCode.value,
+            category: category.value,
+            search_source_codes: sources.value.filter(item => item.name.includes(name.value)).map(item => item.code),
+            page_num: page.value,
+            page_size: 100
+        });
+        if (current !== request)
+            return;
+        cards.value = data.cards;
+        total.value = data.total;
+        counts.value = data.counts;
+        loaded = true;
+    }
+    catch (cause) {
+        ElMessage.error(cause instanceof Error ? cause.message : t("bi.query.error"));
+    }
+    finally {
+        if (current === request)
+            loading.value = false;
+    }
+}
+/** 搜索或切换分类时从第一页开始。 */
+function search() {
+    page.value = 1;
+    void loadCards();
+}
+/** 预加载查询目录和收藏后刷新列表。 */
+async function reload() {
+    try {
+        const [dictionary, config] = await Promise.all([defBiQueryService.ListBiSources({}), defBiCardService.GetBiWorkbench({})]);
+        sources.value = dictionary.sources;
+        workbench.value = config;
+        await loadCards();
+    }
+    catch (cause) {
+        ElMessage.error(cause instanceof Error ? cause.message : t("bi.query.error"));
+    }
+}
+/** 打开已有卡片的编辑表单。 */
+function openEditor(card) {
+    editingCard.value = card;
+    editorOpen.value = true;
+}
+/** 保存收藏后只更新星标选中状态，保持当前列表和图表实例。 */
+async function toggleFavorite(card) {
+    try {
+        const latest = await defBiCardService.GetBiWorkbench({});
+        const ids = latest.favorite_ids.includes(card.id)
+            ? latest.favorite_ids.filter(id => id !== card.id)
+            : [...latest.favorite_ids, card.id];
+        const saved = await defBiCardService.SaveBiWorkbench({ dashboard_ids: latest.dashboard_ids, favorite_ids: ids });
+        workbench.value.favorite_ids = saved.favorite_ids;
+    }
+    catch (cause) {
+        ElMessage.error(cause instanceof Error ? cause.message : t("bi.card.save_failed"));
+    }
+}
+/** 删除当前用户自己的卡片，确认时展示卡片名称。 */
+async function remove(card) {
+    try {
+        await ElMessageBox.confirm(t("bi.card.delete_confirm", { name: card.name }), t("common.action.delete"), { type: "warning" });
+    }
+    catch {
+        return;
+    }
+    try {
+        await defBiCardService.DeleteBiCard({ id: card.id });
+        await reload();
+    }
+    catch (cause) {
+        ElMessage.error(cause instanceof Error ? cause.message : t("bi.card.delete_failed"));
+    }
+}
+/** 选择当前用户可编辑的仪表盘草稿。 */
+async function pickDashboard(card) {
+    try {
+        const result = [];
+        let current = 1;
+        while (true) {
+            const data = await defBiDashboardService.PageBiDashboard({ name: "", page_num: current, page_size: 100 });
+            result.push(...data.dashboards.filter(item => item.can_edit));
+            if (current * 100 >= data.total || !data.dashboards.length)
+                break;
+            current++;
+        }
+        if (!result.length) {
+            ElMessage.info(t("bi.card.create_dashboard_first"));
+            return;
+        }
+        dashboards.value = result;
+        addingCard.value = card;
+        target.id = undefined;
+        dashboardOpen.value = true;
+    }
+    catch (cause) {
+        ElMessage.error(cause instanceof Error ? cause.message : t("bi.query.error"));
+    }
+}
+/** 只追加卡片引用，发布之前不改变正式仪表盘。 */
+async function addToDashboard() {
+    if (!target.id || !addingCard.value || saving.value)
+        return;
+    saving.value = true;
+    try {
+        const item = await defBiDashboardService.GetBiDashboard({ id: target.id });
+        const layout = parseDashboardLayout(item.schema_json);
+        if (layout.cards.some(item => item.card_id === addingCard.value.id)) {
+            ElMessage.info(t("bi.card.already_in_dashboard"));
+            return;
+        }
+        layout.cards = reflowDashboardCards([
+            ...layout.cards,
+            { id: `card_${addingCard.value.id}`, card_id: addingCard.value.id, w: 6, h: 4 }
+        ]);
+        await defBiDashboardService.SaveBiDashboard({ dashboard: { ...item, schema_json: JSON.stringify(layout) } });
+        dashboardOpen.value = false;
+        ElMessage.success(t("bi.card.add_dashboard_success"));
+    }
+    catch (cause) {
+        ElMessage.error(cause instanceof Error ? cause.message : t("bi.card.save_failed"));
+    }
+    finally {
+        saving.value = false;
+    }
+}
+onMounted(() => void reload());
+onActivated(() => {
+    if (loaded)
+        void reload();
+});
+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(counts, {});
+// @ts-ignore
+__VLS_withDotValue(icons, {});
+// @ts-ignore
+__VLS_withDotValue(loading, {});
+// @ts-ignore
+__VLS_withDotValue(cards, {});
+// @ts-ignore
+__VLS_withDotValue(sources, {});
+// @ts-ignore
+__VLS_withDotValue(workbench, {});
+// @ts-ignore
+__VLS_withDotValue(previewCard, {});
+// @ts-ignore
+__VLS_withDotValue(router, {});
+// @ts-ignore
+__VLS_withDotValue(target, {});
+void {};
+/** @type {__VLS_StyleScopedClasses['bi-card-library__filters']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-card-library__filters']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-card-library__filters']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-card-library']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-card-library__grid']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-card-library__grid']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-card-library__filters']} */ ;
+/** @type {__VLS_StyleScopedClasses['el-input']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-card-library__filters']} */ ;
+/** @type {__VLS_StyleScopedClasses['el-select']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.main, __VLS_intrinsics.main)({
+    ...{ class: "bi-card-library" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-card-library']} */ ;
+let __VLS_0;
+/** @ts-ignore @type { | typeof __VLS_components.elCard | typeof __VLS_components.ElCard | typeof __VLS_components['el-card'] | typeof __VLS_components.elCard | typeof __VLS_components.ElCard | typeof __VLS_components['el-card']} */
+elCard;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent1(__VLS_0, new __VLS_0({
+    // @ts-ignore
+    ...{ class: "admin-page-card" }, shadow: "never",
+}));
+const __VLS_2 = __VLS_1({
+    ...{ class: "admin-page-card" },
+    shadow: "never",
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+/** @type {__VLS_StyleScopedClasses['admin-page-card']} */ ;
+const { default: __VLS_5 } = __VLS_nonNull(__VLS_3.slots);
+let __VLS_6;
+/** @ts-ignore @type { | typeof __VLS_components.elTabs | typeof __VLS_components.ElTabs | typeof __VLS_components['el-tabs'] | typeof __VLS_components.elTabs | typeof __VLS_components.ElTabs | typeof __VLS_components['el-tabs']} */
+elTabs;
+// @ts-ignore
+const __VLS_7 = __VLS_asFunctionalComponent1(__VLS_6, new __VLS_6({
+    // @ts-ignore
+    ...{ 'onTabChange': {} }, modelValue: (__VLS_unwrap(category, {})),
+}));
+const __VLS_8 = __VLS_7({
+    ...{ 'onTabChange': {} },
+    modelValue: (__VLS_unwrap(category, {})),
+}, ...__VLS_functionalComponentArgsRest(__VLS_7));
+let __VLS_11;
+const __VLS_12 = {
+    /** @type {typeof __VLS_11.tabChange} */
+    onTabChange: (search),
+};
+void __VLS_12;
+const { default: __VLS_13 } = __VLS_nonNull(__VLS_9.slots);
+const __VLS_14 = __VLS_tryAsConstant((__VLS_unwrap(categories, {})));
+for (const [item] of __VLS_vFor(__VLS_nonNull(__VLS_14))) {
+    let __VLS_15;
+    /** @ts-ignore @type { | typeof __VLS_components.elTabPane | typeof __VLS_components.ElTabPane | typeof __VLS_components['el-tab-pane'] | typeof __VLS_components.elTabPane | typeof __VLS_components.ElTabPane | typeof __VLS_components['el-tab-pane']} */
+    elTabPane;
+    // @ts-ignore
+    const __VLS_16 = __VLS_asFunctionalComponent1(__VLS_15, new __VLS_15({
+        // @ts-ignore
+        key: (item), name: (item),
+    }));
+    const __VLS_17 = __VLS_16({
+        key: (item),
+        name: (item),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_16));
+    const { default: __VLS_20 } = __VLS_nonNull(__VLS_18.slots);
+    {
+        const { label: __VLS_21 } = __VLS_nonNull(__VLS_18.slots);
+        __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
+        (__VLS_unwrap(t, {})(`bi.card.category.${item || "all"}`));
+        __VLS_asFunctionalElement1(__VLS_intrinsics.small, __VLS_intrinsics.small)({
+            ...{ class: "bi-card-library__count" },
+        });
+        /** @type {__VLS_StyleScopedClasses['bi-card-library__count']} */ ;
+        (counts.value[item || "all"]);
+        // @ts-ignore
+        [category, categories, t, counts,];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_18;
+    // @ts-ignore
+    [];
+}
+// @ts-ignore
+[];
+var __VLS_9;
+var __VLS_10;
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "bi-card-library__filters" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-card-library__filters']} */ ;
+let __VLS_22;
+/** @ts-ignore @type { | typeof __VLS_components.elInput | typeof __VLS_components.ElInput | typeof __VLS_components['el-input']} */
+elInput;
+// @ts-ignore
+const __VLS_23 = __VLS_asFunctionalComponent1(__VLS_22, new __VLS_22({
+    // @ts-ignore
+    ...{ 'onKeyup': {} }, ...{ 'onClear': {} }, modelValue: (__VLS_unwrap(name, {})), placeholder: (__VLS_unwrap(t, {})('bi.card.search')), clearable: true,
+}));
+const __VLS_24 = __VLS_23({
+    ...{ 'onKeyup': {} },
+    ...{ 'onClear': {} },
+    modelValue: (__VLS_unwrap(name, {})),
+    placeholder: (__VLS_unwrap(t, {})('bi.card.search')),
+    clearable: true,
+}, ...__VLS_functionalComponentArgsRest(__VLS_23));
+let __VLS_27;
+const __VLS_28 = {
+    /** @type {typeof __VLS_27.keyup} */
+    onKeyup: (search),
+};
+void __VLS_28;
+const __VLS_29 = {
+    /** @type {typeof __VLS_27.clear} */
+    onClear: (search),
+};
+void __VLS_29;
+var __VLS_25;
+var __VLS_26;
+let __VLS_30;
+/** @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_31 = __VLS_asFunctionalComponent1(__VLS_30, new __VLS_30({
+    // @ts-ignore
+    ...{ 'onChange': {} }, modelValue: (__VLS_unwrap(sourceCode, {})), placeholder: (__VLS_unwrap(t, {})('bi.card.all_sources')), clearable: true,
+}));
+const __VLS_32 = __VLS_31({
+    ...{ 'onChange': {} },
+    modelValue: (__VLS_unwrap(sourceCode, {})),
+    placeholder: (__VLS_unwrap(t, {})('bi.card.all_sources')),
+    clearable: true,
+}, ...__VLS_functionalComponentArgsRest(__VLS_31));
+let __VLS_35;
+const __VLS_36 = {
+    /** @type {typeof __VLS_35.change} */
+    onChange: (search),
+};
+void __VLS_36;
+const { default: __VLS_37 } = __VLS_nonNull(__VLS_33.slots);
+const __VLS_38 = __VLS_tryAsConstant((sources.value));
+for (const [item] of __VLS_vFor(__VLS_nonNull(__VLS_38))) {
+    let __VLS_39;
+    /** @ts-ignore @type { | typeof __VLS_components.elOption | typeof __VLS_components.ElOption | typeof __VLS_components['el-option']} */
+    elOption;
+    // @ts-ignore
+    const __VLS_40 = __VLS_asFunctionalComponent1(__VLS_39, new __VLS_39({
+        // @ts-ignore
+        key: (item.code), label: (item.name), value: (item.code),
+    }));
+    const __VLS_41 = __VLS_40({
+        key: (item.code),
+        label: (item.name),
+        value: (item.code),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_40));
+    // @ts-ignore
+    [t, t, name, sourceCode, sources,];
+}
+// @ts-ignore
+[];
+var __VLS_33;
+var __VLS_34;
+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': {} }, type: "primary", icon: (icons.value.Search), loading: (loading.value),
+}));
+const __VLS_46 = __VLS_45({
+    ...{ 'onClick': {} },
+    type: "primary",
+    icon: (icons.value.Search),
+    loading: (loading.value),
+}, ...__VLS_functionalComponentArgsRest(__VLS_45));
+let __VLS_49;
+const __VLS_50 = {
+    /** @type {typeof __VLS_49.click} */
+    onClick: (search),
+};
+void __VLS_50;
+const { default: __VLS_51 } = __VLS_nonNull(__VLS_47.slots);
+(__VLS_unwrap(t, {})("common.action.search"));
+// @ts-ignore
+[t, icons, loading,];
+var __VLS_47;
+var __VLS_48;
+__VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
+(__VLS_unwrap(t, {})("bi.card.total", { count: __VLS_unwrap(total, {}) }));
+// @ts-ignore
+[t, total,];
+var __VLS_3;
+if (loading.value) {
+    let __VLS_52;
+    /** @ts-ignore @type { | typeof __VLS_components.elSkeleton | typeof __VLS_components.ElSkeleton | typeof __VLS_components['el-skeleton']} */
+    elSkeleton;
+    // @ts-ignore
+    const __VLS_53 = __VLS_asFunctionalComponent1(__VLS_52, new __VLS_52({
+        // @ts-ignore
+        rows: (6), animated: true,
+    }));
+    const __VLS_54 = __VLS_53({
+        rows: (6),
+        animated: true,
+    }, ...__VLS_functionalComponentArgsRest(__VLS_53));
+}
+else if (!cards.value.length) {
+    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
+        description: (__VLS_unwrap(t, {})('bi.card.empty')),
+    }));
+    const __VLS_59 = __VLS_58({
+        description: (__VLS_unwrap(t, {})('bi.card.empty')),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_58));
+}
+else {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "bi-card-library__grid" },
+    });
+    /** @type {__VLS_StyleScopedClasses['bi-card-library__grid']} */ ;
+    const __VLS_62 = __VLS_tryAsConstant((cards.value));
+    for (const [card] of __VLS_vFor(__VLS_nonNull(__VLS_62))) {
+        const __VLS_63 = BiDataCard || BiDataCard;
+        // @ts-ignore
+        const __VLS_64 = __VLS_asFunctionalComponent1(__VLS_63, new __VLS_63({
+            // @ts-ignore
+            key: (card.id), card: (card), sourceName: (sources.value.find(item => item.code === card.source_code)?.name || card.source_code),
+        }));
+        const __VLS_65 = __VLS_64({
+            key: (card.id),
+            card: (card),
+            sourceName: (sources.value.find(item => item.code === card.source_code)?.name || card.source_code),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_64));
+        const { default: __VLS_68 } = __VLS_nonNull(__VLS_66.slots);
+        {
+            const { actions: __VLS_69 } = __VLS_nonNull(__VLS_66.slots);
+            let __VLS_70;
+            /** @ts-ignore @type { | typeof __VLS_components.elTooltip | typeof __VLS_components.ElTooltip | typeof __VLS_components['el-tooltip'] | typeof __VLS_components.elTooltip | typeof __VLS_components.ElTooltip | typeof __VLS_components['el-tooltip']} */
+            elTooltip;
+            // @ts-ignore
+            const __VLS_71 = __VLS_asFunctionalComponent1(__VLS_70, new __VLS_70({
+                // @ts-ignore
+                content: (__VLS_unwrap(t, {})(workbench.value.favorite_ids.includes(card.id) ? 'bi.card.unfavorite' : 'bi.card.favorite', { name: card.name })),
+            }));
+            const __VLS_72 = __VLS_71({
+                content: (__VLS_unwrap(t, {})(workbench.value.favorite_ids.includes(card.id) ? 'bi.card.unfavorite' : 'bi.card.favorite', { name: card.name })),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_71));
+            const { default: __VLS_75 } = __VLS_nonNull(__VLS_73.slots);
+            let __VLS_76;
+            /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+            elButton;
+            // @ts-ignore
+            const __VLS_77 = __VLS_asFunctionalComponent1(__VLS_76, new __VLS_76({
+                // @ts-ignore
+                ...{ 'onClick': {} }, text: true, circle: true, type: (workbench.value.favorite_ids.includes(card.id) ? 'warning' : 'default'), icon: (workbench.value.favorite_ids.includes(card.id) ? icons.value.StarFilled : icons.value.Star), 'aria-label': (__VLS_unwrap(t, {})(workbench.value.favorite_ids.includes(card.id) ? 'bi.card.unfavorite' : 'bi.card.favorite', { name: card.name })), 'aria-pressed': (workbench.value.favorite_ids.includes(card.id)),
+            }));
+            const __VLS_78 = __VLS_77({
+                ...{ 'onClick': {} },
+                text: true,
+                circle: true,
+                type: (workbench.value.favorite_ids.includes(card.id) ? 'warning' : 'default'),
+                icon: (workbench.value.favorite_ids.includes(card.id) ? icons.value.StarFilled : icons.value.Star),
+                'aria-label': (__VLS_unwrap(t, {})(workbench.value.favorite_ids.includes(card.id) ? 'bi.card.unfavorite' : 'bi.card.favorite', { name: card.name })),
+                'aria-pressed': (workbench.value.favorite_ids.includes(card.id)),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_77));
+            let __VLS_81;
+            const __VLS_82 = {
+                /** @type {typeof __VLS_81.click} */
+                onClick: // @ts-ignore
+                (...[$event]) => {
+                    void $event;
+                    if (!!(loading.value))
+                        throw 0;
+                    if (!!(!cards.value.length))
+                        throw 0;
+                    return (toggleFavorite(card));
+                    // @ts-ignore
+                    [t, t, t, sources, icons, icons, loading, cards, cards, workbench, workbench, workbench, workbench, workbench,];
+                },
+            };
+            void __VLS_82;
+            var __VLS_79;
+            var __VLS_80;
+            // @ts-ignore
+            [];
+            var __VLS_73;
+            // @ts-ignore
+            [];
+        }
+        {
+            const { footer: __VLS_83 } = __VLS_nonNull(__VLS_66.slots);
+            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({});
+            let __VLS_84;
+            /** @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_85 = __VLS_asFunctionalComponent1(__VLS_84, new __VLS_84({
+                // @ts-ignore
+                ...{ 'onClick': {} }, link: true, type: "primary",
+            }));
+            const __VLS_86 = __VLS_85({
+                ...{ 'onClick': {} },
+                link: true,
+                type: "primary",
+            }, ...__VLS_functionalComponentArgsRest(__VLS_85));
+            let __VLS_89;
+            const __VLS_90 = {
+                /** @type {typeof __VLS_89.click} */
+                onClick: // @ts-ignore
+                (...[$event]) => {
+                    void $event;
+                    if (!!(loading.value))
+                        throw 0;
+                    if (!!(!cards.value.length))
+                        throw 0;
+                    return (previewCard.value = card);
+                    // @ts-ignore
+                    [previewCard,];
+                },
+            };
+            void __VLS_90;
+            const { default: __VLS_91 } = __VLS_nonNull(__VLS_87.slots);
+            (__VLS_unwrap(t, {})("bi.card.preview"));
+            // @ts-ignore
+            [t,];
+            var __VLS_87;
+            var __VLS_88;
+            if (card.can_edit) {
+                let __VLS_92;
+                /** @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_93 = __VLS_asFunctionalComponent1(__VLS_92, new __VLS_92({
+                    // @ts-ignore
+                    ...{ 'onClick': {} }, link: true,
+                }));
+                const __VLS_94 = __VLS_93({
+                    ...{ 'onClick': {} },
+                    link: true,
+                }, ...__VLS_functionalComponentArgsRest(__VLS_93));
+                let __VLS_97;
+                const __VLS_98 = {
+                    /** @type {typeof __VLS_97.click} */
+                    onClick: // @ts-ignore
+                    (...[$event]) => {
+                        void $event;
+                        if (!!(loading.value))
+                            throw 0;
+                        if (!!(!cards.value.length))
+                            throw 0;
+                        if (!(card.can_edit))
+                            throw 0;
+                        return (openEditor(card));
+                        // @ts-ignore
+                        [];
+                    },
+                };
+                void __VLS_98;
+                const { default: __VLS_99 } = __VLS_nonNull(__VLS_95.slots);
+                (__VLS_unwrap(t, {})("common.action.edit"));
+                // @ts-ignore
+                [t,];
+                var __VLS_95;
+                var __VLS_96;
+            }
+            if (card.can_edit) {
+                let __VLS_100;
+                /** @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_101 = __VLS_asFunctionalComponent1(__VLS_100, new __VLS_100({
+                    // @ts-ignore
+                    ...{ 'onClick': {} }, link: true, type: "danger",
+                }));
+                const __VLS_102 = __VLS_101({
+                    ...{ 'onClick': {} },
+                    link: true,
+                    type: "danger",
+                }, ...__VLS_functionalComponentArgsRest(__VLS_101));
+                let __VLS_105;
+                const __VLS_106 = {
+                    /** @type {typeof __VLS_105.click} */
+                    onClick: // @ts-ignore
+                    (...[$event]) => {
+                        void $event;
+                        if (!!(loading.value))
+                            throw 0;
+                        if (!!(!cards.value.length))
+                            throw 0;
+                        if (!(card.can_edit))
+                            throw 0;
+                        return (remove(card));
+                        // @ts-ignore
+                        [];
+                    },
+                };
+                void __VLS_106;
+                const { default: __VLS_107 } = __VLS_nonNull(__VLS_103.slots);
+                (__VLS_unwrap(t, {})("common.action.delete"));
+                // @ts-ignore
+                [t,];
+                var __VLS_103;
+                var __VLS_104;
+            }
+            let __VLS_108;
+            /** @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_109 = __VLS_asFunctionalComponent1(__VLS_108, new __VLS_108({
+                // @ts-ignore
+                ...{ 'onClick': {} }, size: "small", type: "primary",
+            }));
+            const __VLS_110 = __VLS_109({
+                ...{ 'onClick': {} },
+                size: "small",
+                type: "primary",
+            }, ...__VLS_functionalComponentArgsRest(__VLS_109));
+            let __VLS_113;
+            const __VLS_114 = {
+                /** @type {typeof __VLS_113.click} */
+                onClick: // @ts-ignore
+                (...[$event]) => {
+                    void $event;
+                    if (!!(loading.value))
+                        throw 0;
+                    if (!!(!cards.value.length))
+                        throw 0;
+                    return (pickDashboard(card));
+                    // @ts-ignore
+                    [];
+                },
+            };
+            void __VLS_114;
+            const { default: __VLS_115 } = __VLS_nonNull(__VLS_111.slots);
+            (__VLS_unwrap(t, {})("bi.card.add_to_dashboard"));
+            // @ts-ignore
+            [t,];
+            var __VLS_111;
+            var __VLS_112;
+            if (card.query_record_id) {
+                let __VLS_116;
+                /** @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_117 = __VLS_asFunctionalComponent1(__VLS_116, new __VLS_116({
+                    // @ts-ignore
+                    ...{ 'onClick': {} }, link: true, disabled: (!card.can_edit),
+                }));
+                const __VLS_118 = __VLS_117({
+                    ...{ 'onClick': {} },
+                    link: true,
+                    disabled: (!card.can_edit),
+                }, ...__VLS_functionalComponentArgsRest(__VLS_117));
+                let __VLS_121;
+                const __VLS_122 = {
+                    /** @type {typeof __VLS_121.click} */
+                    onClick: // @ts-ignore
+                    (...[$event]) => {
+                        void $event;
+                        if (!!(loading.value))
+                            throw 0;
+                        if (!!(!cards.value.length))
+                            throw 0;
+                        if (!(card.query_record_id))
+                            throw 0;
+                        return (router.value.push({ path: '/bi/query', query: { record_id: String(card.query_record_id) } }));
+                        // @ts-ignore
+                        [router,];
+                    },
+                };
+                void __VLS_122;
+                const { default: __VLS_123 } = __VLS_nonNull(__VLS_119.slots);
+                (__VLS_unwrap(t, {})("bi.card.source_record", { id: card.query_record_id }));
+                // @ts-ignore
+                [t,];
+                var __VLS_119;
+                var __VLS_120;
+            }
+            // @ts-ignore
+            [];
+        }
+        // @ts-ignore
+        [];
+        var __VLS_66;
+        // @ts-ignore
+        [];
+    }
+}
+if (__VLS_unwrap(total, {}) > 100) {
+    let __VLS_124;
+    /** @ts-ignore @type { | typeof __VLS_components.elPagination | typeof __VLS_components.ElPagination | typeof __VLS_components['el-pagination']} */
+    elPagination;
+    // @ts-ignore
+    const __VLS_125 = __VLS_asFunctionalComponent1(__VLS_124, new __VLS_124({
+        // @ts-ignore
+        ...{ 'onCurrentChange': {} }, currentPage: (__VLS_unwrap(page, {})), pageSize: (100), total: (__VLS_unwrap(total, {})), layout: "prev,pager,next",
+    }));
+    const __VLS_126 = __VLS_125({
+        ...{ 'onCurrentChange': {} },
+        currentPage: (__VLS_unwrap(page, {})),
+        pageSize: (100),
+        total: (__VLS_unwrap(total, {})),
+        layout: "prev,pager,next",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_125));
+    let __VLS_129;
+    const __VLS_130 = {
+        /** @type {typeof __VLS_129.currentChange} */
+        onCurrentChange: (loadCards),
+    };
+    void __VLS_130;
+    var __VLS_127;
+    var __VLS_128;
+}
+const __VLS_131 = BiCardFormDialog;
+// @ts-ignore
+const __VLS_132 = __VLS_asFunctionalComponent1(__VLS_131, new __VLS_131({
+    // @ts-ignore
+    ...{ 'onSaved': {} }, modelValue: (__VLS_unwrap(editorOpen, {})), sources: (sources.value), card: (__VLS_unwrap(editingCard, {})),
+}));
+const __VLS_133 = __VLS_132({
+    ...{ 'onSaved': {} },
+    modelValue: (__VLS_unwrap(editorOpen, {})),
+    sources: (sources.value),
+    card: (__VLS_unwrap(editingCard, {})),
+}, ...__VLS_functionalComponentArgsRest(__VLS_132));
+let __VLS_136;
+const __VLS_137 = {
+    /** @type {typeof __VLS_136.saved} */
+    onSaved: (reload),
+};
+void __VLS_137;
+var __VLS_134;
+var __VLS_135;
+let __VLS_138;
+/** @ts-ignore @type { | typeof __VLS_components.elDialog | typeof __VLS_components.ElDialog | typeof __VLS_components['el-dialog'] | typeof __VLS_components.elDialog | typeof __VLS_components.ElDialog | typeof __VLS_components['el-dialog']} */
+elDialog;
+// @ts-ignore
+const __VLS_139 = __VLS_asFunctionalComponent1(__VLS_138, new __VLS_138({
+    // @ts-ignore
+    ...{ 'onClose': {} }, modelValue: (Boolean(previewCard.value)), title: (__VLS_unwrap(t, {})('bi.card.preview')), width: "min(760px,94vw)", destroyOnClose: true,
+}));
+const __VLS_140 = __VLS_139({
+    ...{ 'onClose': {} },
+    modelValue: (Boolean(previewCard.value)),
+    title: (__VLS_unwrap(t, {})('bi.card.preview')),
+    width: "min(760px,94vw)",
+    destroyOnClose: true,
+}, ...__VLS_functionalComponentArgsRest(__VLS_139));
+let __VLS_143;
+const __VLS_144 = {
+    /** @type {typeof __VLS_143.close} */
+    onClose: // @ts-ignore
+    (...[$event]) => {
+        void $event;
+        return (previewCard.value = undefined);
+        // @ts-ignore
+        [t, sources, total, total, previewCard, previewCard, page, editorOpen, editingCard,];
+    },
+};
+void __VLS_144;
+const { default: __VLS_145 } = __VLS_nonNull(__VLS_141.slots);
+if (previewCard.value) {
+    const __VLS_146 = BiDataCard;
+    // @ts-ignore
+    const __VLS_147 = __VLS_asFunctionalComponent1(__VLS_146, new __VLS_146({
+        // @ts-ignore
+        card: (previewCard.value), sourceName: (sources.value.find(item => item.code === previewCard.value?.source_code)?.name || previewCard.value.source_code),
+    }));
+    const __VLS_148 = __VLS_147({
+        card: (previewCard.value),
+        sourceName: (sources.value.find(item => item.code === previewCard.value?.source_code)?.name || previewCard.value.source_code),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_147));
+}
+// @ts-ignore
+[sources, previewCard, previewCard, previewCard, previewCard,];
+var __VLS_141;
+var __VLS_142;
+const __VLS_151 = FormDialog;
+// @ts-ignore
+const __VLS_152 = __VLS_asFunctionalComponent1(__VLS_151, new __VLS_151({
+    // @ts-ignore
+    ...{ 'onConfirm': {} }, ...{ 'onClosed': {} }, modelValue: (__VLS_unwrap(dashboardOpen, {})), model: (target.value), title: (__VLS_unwrap(t, {})('bi.card.add_to_dashboard')), fields: (__VLS_unwrap(dashboardFields, {})), rules: ({ id: [{ required: true, message: __VLS_unwrap(t, {})('bi.card.select_dashboard'), trigger: 'change' }] }), confirmLoading: (__VLS_unwrap(saving, {})),
+}));
+const __VLS_153 = __VLS_152({
+    ...{ 'onConfirm': {} },
+    ...{ 'onClosed': {} },
+    modelValue: (__VLS_unwrap(dashboardOpen, {})),
+    model: (target.value),
+    title: (__VLS_unwrap(t, {})('bi.card.add_to_dashboard')),
+    fields: (__VLS_unwrap(dashboardFields, {})),
+    rules: ({ id: [{ required: true, message: __VLS_unwrap(t, {})('bi.card.select_dashboard'), trigger: 'change' }] }),
+    confirmLoading: (__VLS_unwrap(saving, {})),
+}, ...__VLS_functionalComponentArgsRest(__VLS_152));
+let __VLS_156;
+const __VLS_157 = {
+    /** @type {typeof __VLS_156.confirm} */
+    onConfirm: (addToDashboard),
+};
+void __VLS_157;
+const __VLS_158 = {
+    /** @type {typeof __VLS_156.closed} */
+    onClosed: // @ts-ignore
+    (...[$event]) => {
+        void $event;
+        return (target.value.id = undefined);
+        // @ts-ignore
+        [t, t, dashboardOpen, target, target, dashboardFields, saving,];
+    },
+};
+void __VLS_158;
+var __VLS_154;
+var __VLS_155;
+// @ts-ignore
+[];
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};