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

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

@@ -0,0 +1,666 @@
+/// <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, ref } from "vue";
+import { t } from "@liujitcn/kratos-admin-core";
+import { reflowDashboardCards } from "../bi-dashboard-schema";
+import BiDataCard from "./BiDataCard.vue";
+import { useBiI18n } from "../env";
+const { defineProps, defineEmits, } = {};
+const props = defineProps();
+const emit = defineEmits();
+const selected = ref("");
+const dragged = ref(-1);
+const plusIcon = Plus;
+const checkIcon = Check;
+const { t: messages } = useBiI18n();
+const cardByID = computed(() => new Map(props.cards.map(card => [card.id, card])));
+const addedCardIDs = computed(() => new Set(props.modelValue.cards.map(item => item.card_id)));
+/** 加入已保存卡片，复用栅格算法安排位置。 */
+function add(card) {
+    if (addedCardIDs.value.has(card.id) || props.modelValue.cards.length >= 20)
+        return;
+    const item = { id: `card_${card.id}`, card_id: card.id, w: card.chart_type === "metric" ? 3 : 6, h: 4 };
+    emit("update:modelValue", { ...props.modelValue, cards: reflowDashboardCards([...props.modelValue.cards, item]) });
+    selected.value = item.id;
+}
+/** 调整卡片顺序，拖动和方向按钮共用同一入口。 */
+function move(from, to) {
+    if (from < 0 || to < 0 || from >= props.modelValue.cards.length || to >= props.modelValue.cards.length)
+        return;
+    const cards = [...props.modelValue.cards];
+    const [item] = cards.splice(from, 1);
+    cards.splice(to, 0, item);
+    emit("update:modelValue", { ...props.modelValue, cards: reflowDashboardCards(cards) });
+    dragged.value = -1;
+}
+/** 移除当前仪表盘的引用，不删除源卡片。 */
+function remove(id) {
+    emit("update:modelValue", {
+        ...props.modelValue,
+        cards: reflowDashboardCards(props.modelValue.cards.filter(item => item.id !== id))
+    });
+    if (selected.value === id)
+        selected.value = "";
+}
+/** 在卡片内调整尺寸并重新整理画布。 */
+function resize(id, value) {
+    emit("update:modelValue", {
+        ...props.modelValue,
+        cards: reflowDashboardCards(props.modelValue.cards.map(item => (item.id === id ? { ...item, ...value } : item)))
+    });
+}
+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(addedCardIDs, {});
+// @ts-ignore
+__VLS_withDotValue(dragged, {});
+// @ts-ignore
+__VLS_withDotValue(selected, {});
+// @ts-ignore
+__VLS_withDotValue(cardByID, {});
+void {};
+/** @type {__VLS_StyleScopedClasses['bi-designer']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-designer__library']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-designer__library-item']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-designer__library-item']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-designer__library-footer']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-designer__canvas']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-designer__item']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-designer__item']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-designer__item']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-data-card']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-designer']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-designer']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-designer__library']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-designer__canvas']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-designer__item']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "bi-designer" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-designer']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.aside, __VLS_intrinsics.aside)({
+    ...{ class: "bi-designer__library" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-designer__library']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.header, __VLS_intrinsics.header)({
+    ...{ class: "bi-designer__library-header" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-designer__library-header']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.h3, __VLS_intrinsics.h3)({});
+(__VLS_unwrap(t, {})("bi.card.library"));
+__VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)({});
+(__VLS_unwrap(t, {})("bi.dashboard.choose_cards"));
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "bi-designer__library-list" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-designer__library-list']} */ ;
+const __VLS_0 = __VLS_tryAsConstant((__VLS_ctx.cards));
+for (const [card] of __VLS_vFor(__VLS_nonNull(__VLS_0))) {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        key: (card.id),
+        ...{ class: "bi-designer__library-item" },
+    });
+    /** @type {__VLS_StyleScopedClasses['bi-designer__library-item']} */ ;
+    __VLS_asFunctionalElement1(__VLS_intrinsics.h4, __VLS_intrinsics.h4)({});
+    (card.name);
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "bi-designer__library-meta" },
+    });
+    /** @type {__VLS_StyleScopedClasses['bi-designer__library-meta']} */ ;
+    __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
+    (card.chart_type === "metric" ? __VLS_unwrap(t, {})("bi.card.chart.metric") : __VLS_unwrap(messages, {})(`types.${card.chart_type}`));
+    if (addedCardIDs.value.has(card.id)) {
+        __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({
+            ...{ class: "bi-designer__added" },
+        });
+        /** @type {__VLS_StyleScopedClasses['bi-designer__added']} */ ;
+        let __VLS_1;
+        /** @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_2 = __VLS_asFunctionalComponent1(__VLS_1, new __VLS_1({
+        // @ts-ignore
+        }));
+        const __VLS_3 = __VLS_2({}, ...__VLS_functionalComponentArgsRest(__VLS_2));
+        const { default: __VLS_6 } = __VLS_nonNull(__VLS_4.slots);
+        const __VLS_7 = (__VLS_unwrap(checkIcon, {}));
+        // @ts-ignore
+        const __VLS_8 = __VLS_asFunctionalComponent1(__VLS_7, new __VLS_7({
+        // @ts-ignore
+        }));
+        const __VLS_9 = __VLS_8({}, ...__VLS_functionalComponentArgsRest(__VLS_8));
+        // @ts-ignore
+        [t, t, t, cards, messages, addedCardIDs, checkIcon,];
+        var __VLS_4;
+        (__VLS_unwrap(t, {})("bi.card.added"));
+    }
+    else {
+        let __VLS_12;
+        /** @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_13 = __VLS_asFunctionalComponent1(__VLS_12, new __VLS_12({
+            // @ts-ignore
+            ...{ 'onClick': {} }, link: true, type: "primary", size: "small", icon: (__VLS_unwrap(plusIcon, {})), 'aria-label': (`${__VLS_unwrap(t, {})('bi.card.add')}：${card.name}`), disabled: (__VLS_ctx.modelValue.cards.length >= 20),
+        }));
+        const __VLS_14 = __VLS_13({
+            ...{ 'onClick': {} },
+            link: true,
+            type: "primary",
+            size: "small",
+            icon: (__VLS_unwrap(plusIcon, {})),
+            'aria-label': (`${__VLS_unwrap(t, {})('bi.card.add')}：${card.name}`),
+            disabled: (__VLS_ctx.modelValue.cards.length >= 20),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_13));
+        let __VLS_17;
+        const __VLS_18 = {
+            /** @type {typeof __VLS_17.click} */
+            onClick: // @ts-ignore
+            (...[$event]) => {
+                void $event;
+                if (!!(addedCardIDs.value.has(card.id)))
+                    throw 0;
+                return (add(card));
+                // @ts-ignore
+                [t, t, plusIcon, modelValue,];
+            },
+        };
+        void __VLS_18;
+        const { default: __VLS_19 } = __VLS_nonNull(__VLS_15.slots);
+        (__VLS_unwrap(t, {})("bi.card.add_short"));
+        // @ts-ignore
+        [t,];
+        var __VLS_15;
+        var __VLS_16;
+    }
+    // @ts-ignore
+    [];
+}
+if (!__VLS_ctx.cards.length) {
+    let __VLS_20;
+    /** @ts-ignore @type { | typeof __VLS_components.elEmpty | typeof __VLS_components.ElEmpty | typeof __VLS_components['el-empty']} */
+    elEmpty;
+    // @ts-ignore
+    const __VLS_21 = __VLS_asFunctionalComponent1(__VLS_20, new __VLS_20({
+        // @ts-ignore
+        imageSize: (48), description: (__VLS_unwrap(t, {})('bi.card.empty')),
+    }));
+    const __VLS_22 = __VLS_21({
+        imageSize: (48),
+        description: (__VLS_unwrap(t, {})('bi.card.empty')),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_21));
+}
+__VLS_asFunctionalElement1(__VLS_intrinsics.footer, __VLS_intrinsics.footer)({
+    ...{ class: "bi-designer__library-footer" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-designer__library-footer']} */ ;
+let __VLS_25;
+/** @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_26 = __VLS_asFunctionalComponent1(__VLS_25, new __VLS_25({
+    // @ts-ignore
+    ...{ 'onClick': {} }, icon: (__VLS_unwrap(plusIcon, {})), plain: true, type: "primary",
+}));
+const __VLS_27 = __VLS_26({
+    ...{ 'onClick': {} },
+    icon: (__VLS_unwrap(plusIcon, {})),
+    plain: true,
+    type: "primary",
+}, ...__VLS_functionalComponentArgsRest(__VLS_26));
+let __VLS_30;
+const __VLS_31 = {
+    /** @type {typeof __VLS_30.click} */
+    onClick: // @ts-ignore
+    (...[$event]) => {
+        void $event;
+        return (__VLS_unwrap(emit, {})('create-card'));
+        // @ts-ignore
+        [t, cards, plusIcon, emit,];
+    },
+};
+void __VLS_31;
+const { default: __VLS_32 } = __VLS_nonNull(__VLS_28.slots);
+(__VLS_unwrap(t, {})("bi.card.create"));
+// @ts-ignore
+[t,];
+var __VLS_28;
+var __VLS_29;
+__VLS_asFunctionalElement1(__VLS_intrinsics.main, __VLS_intrinsics.main)({
+    ...{ class: "bi-designer__canvas" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-designer__canvas']} */ ;
+const __VLS_33 = __VLS_tryAsConstant((__VLS_ctx.modelValue.cards));
+for (const [item, index] of __VLS_vFor(__VLS_nonNull(__VLS_33))) {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ onDragstart: // @ts-ignore
+            (...[$event]) => {
+                void $event;
+                return (dragged.value = index);
+                // @ts-ignore
+                [modelValue, dragged,];
+            } },
+        ...{ onDragover: () => { } },
+        ...{ onDrop: // @ts-ignore
+            (...[$event]) => {
+                void $event;
+                return (move(dragged.value, index));
+                // @ts-ignore
+                [dragged,];
+            } },
+        ...{ onClick: // @ts-ignore
+            (...[$event]) => {
+                void $event;
+                return (selected.value = item.id);
+                // @ts-ignore
+                [selected,];
+            } },
+        key: (item.id),
+        ...{ class: "bi-designer__item" },
+        ...{ class: ({ 'is-selected': selected.value === item.id }) },
+        ...{ style: ({ gridColumn: `${(item.x || 0) + 1} / span ${item.w}`, gridRow: `${(item.y || 0) + 1} / span ${item.h}` }) },
+        draggable: "true",
+    });
+    /** @type {__VLS_StyleScopedClasses['bi-designer__item']} */ ;
+    /** @type {__VLS_StyleScopedClasses['is-selected']} */ ;
+    if (cardByID.value.get(item.card_id)) {
+        const __VLS_34 = BiDataCard || BiDataCard;
+        // @ts-ignore
+        const __VLS_35 = __VLS_asFunctionalComponent1(__VLS_34, new __VLS_34({
+            // @ts-ignore
+            card: (cardByID.value.get(item.card_id)),
+        }));
+        const __VLS_36 = __VLS_35({
+            card: (cardByID.value.get(item.card_id)),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_35));
+        const { default: __VLS_39 } = __VLS_nonNull(__VLS_37.slots);
+        {
+            const { footer: __VLS_40 } = __VLS_nonNull(__VLS_37.slots);
+            let __VLS_41;
+            /** @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_42 = __VLS_asFunctionalComponent1(__VLS_41, new __VLS_41({
+                // @ts-ignore
+                ...{ 'onClick': {} }, link: true, disabled: (index === 0),
+            }));
+            const __VLS_43 = __VLS_42({
+                ...{ 'onClick': {} },
+                link: true,
+                disabled: (index === 0),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_42));
+            let __VLS_46;
+            const __VLS_47 = {
+                /** @type {typeof __VLS_46.click} */
+                onClick: // @ts-ignore
+                (...[$event]) => {
+                    void $event;
+                    if (!(cardByID.value.get(item.card_id)))
+                        throw 0;
+                    return (move(index, index - 1));
+                    // @ts-ignore
+                    [selected, cardByID, cardByID,];
+                },
+            };
+            void __VLS_47;
+            const { default: __VLS_48 } = __VLS_nonNull(__VLS_44.slots);
+            (__VLS_unwrap(t, {})("bi.workbench.move_before", { name: "" }));
+            // @ts-ignore
+            [t,];
+            var __VLS_44;
+            var __VLS_45;
+            let __VLS_49;
+            /** @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_50 = __VLS_asFunctionalComponent1(__VLS_49, new __VLS_49({
+                // @ts-ignore
+                ...{ 'onClick': {} }, link: true, disabled: (index === __VLS_ctx.modelValue.cards.length - 1),
+            }));
+            const __VLS_51 = __VLS_50({
+                ...{ 'onClick': {} },
+                link: true,
+                disabled: (index === __VLS_ctx.modelValue.cards.length - 1),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_50));
+            let __VLS_54;
+            const __VLS_55 = {
+                /** @type {typeof __VLS_54.click} */
+                onClick: // @ts-ignore
+                (...[$event]) => {
+                    void $event;
+                    if (!(cardByID.value.get(item.card_id)))
+                        throw 0;
+                    return (move(index, index + 1));
+                    // @ts-ignore
+                    [modelValue,];
+                },
+            };
+            void __VLS_55;
+            const { default: __VLS_56 } = __VLS_nonNull(__VLS_52.slots);
+            (__VLS_unwrap(t, {})("bi.workbench.move_after", { name: "" }));
+            // @ts-ignore
+            [t,];
+            var __VLS_52;
+            var __VLS_53;
+            let __VLS_57;
+            /** @ts-ignore @type { | typeof __VLS_components.elPopover | typeof __VLS_components.ElPopover | typeof __VLS_components['el-popover'] | typeof __VLS_components.elPopover | typeof __VLS_components.ElPopover | typeof __VLS_components['el-popover']} */
+            elPopover;
+            // @ts-ignore
+            const __VLS_58 = __VLS_asFunctionalComponent1(__VLS_57, new __VLS_57({
+                // @ts-ignore
+                trigger: "click", width: (220),
+            }));
+            const __VLS_59 = __VLS_58({
+                trigger: "click",
+                width: (220),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_58));
+            const { default: __VLS_62 } = __VLS_nonNull(__VLS_60.slots);
+            {
+                const { reference: __VLS_63 } = __VLS_nonNull(__VLS_60.slots);
+                let __VLS_64;
+                /** @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_65 = __VLS_asFunctionalComponent1(__VLS_64, new __VLS_64({
+                    // @ts-ignore
+                    ...{ 'onClick': {} }, link: true, type: "primary",
+                }));
+                const __VLS_66 = __VLS_65({
+                    ...{ 'onClick': {} },
+                    link: true,
+                    type: "primary",
+                }, ...__VLS_functionalComponentArgsRest(__VLS_65));
+                let __VLS_69;
+                const __VLS_70 = {
+                    /** @type {typeof __VLS_69.click} */
+                    onClick: // @ts-ignore
+                    (...[$event]) => {
+                        void $event;
+                        if (!(cardByID.value.get(item.card_id)))
+                            throw 0;
+                        return (selected.value = item.id);
+                        // @ts-ignore
+                        [selected,];
+                    },
+                };
+                void __VLS_70;
+                const { default: __VLS_71 } = __VLS_nonNull(__VLS_67.slots);
+                (__VLS_unwrap(t, {})("bi.dashboard.layout_settings"));
+                // @ts-ignore
+                [t,];
+                var __VLS_67;
+                var __VLS_68;
+                // @ts-ignore
+                [];
+            }
+            let __VLS_72;
+            /** @ts-ignore @type { | typeof __VLS_components.elForm | typeof __VLS_components.ElForm | typeof __VLS_components['el-form'] | typeof __VLS_components.elForm | typeof __VLS_components.ElForm | typeof __VLS_components['el-form']} */
+            elForm;
+            // @ts-ignore
+            const __VLS_73 = __VLS_asFunctionalComponent1(__VLS_72, new __VLS_72({
+                // @ts-ignore
+                labelPosition: "top", size: "small",
+            }));
+            const __VLS_74 = __VLS_73({
+                labelPosition: "top",
+                size: "small",
+            }, ...__VLS_functionalComponentArgsRest(__VLS_73));
+            const { default: __VLS_77 } = __VLS_nonNull(__VLS_75.slots);
+            let __VLS_78;
+            /** @ts-ignore @type { | typeof __VLS_components.elFormItem | typeof __VLS_components.ElFormItem | typeof __VLS_components['el-form-item'] | typeof __VLS_components.elFormItem | typeof __VLS_components.ElFormItem | typeof __VLS_components['el-form-item']} */
+            elFormItem;
+            // @ts-ignore
+            const __VLS_79 = __VLS_asFunctionalComponent1(__VLS_78, new __VLS_78({
+                // @ts-ignore
+                label: (__VLS_unwrap(t, {})('bi.dashboard.card_width')),
+            }));
+            const __VLS_80 = __VLS_79({
+                label: (__VLS_unwrap(t, {})('bi.dashboard.card_width')),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_79));
+            const { default: __VLS_83 } = __VLS_nonNull(__VLS_81.slots);
+            let __VLS_84;
+            /** @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_85 = __VLS_asFunctionalComponent1(__VLS_84, new __VLS_84({
+                // @ts-ignore
+                ...{ 'onChange': {} }, modelValue: (item.w),
+            }));
+            const __VLS_86 = __VLS_85({
+                ...{ 'onChange': {} },
+                modelValue: (item.w),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_85));
+            let __VLS_89;
+            const __VLS_90 = {
+                /** @type {typeof __VLS_89.change} */
+                onChange: // @ts-ignore
+                (...[$event]) => {
+                    void $event;
+                    if (!(cardByID.value.get(item.card_id)))
+                        throw 0;
+                    return (resize(item.id, { w: $event }));
+                    // @ts-ignore
+                    [t,];
+                },
+            };
+            void __VLS_90;
+            const { default: __VLS_91 } = __VLS_nonNull(__VLS_87.slots);
+            let __VLS_92;
+            /** @ts-ignore @type { | typeof __VLS_components.elOption | typeof __VLS_components.ElOption | typeof __VLS_components['el-option']} */
+            elOption;
+            // @ts-ignore
+            const __VLS_93 = __VLS_asFunctionalComponent1(__VLS_92, new __VLS_92({
+                // @ts-ignore
+                value: (3), label: (__VLS_unwrap(t, {})('bi.dashboard.width_quarter')),
+            }));
+            const __VLS_94 = __VLS_93({
+                value: (3),
+                label: (__VLS_unwrap(t, {})('bi.dashboard.width_quarter')),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_93));
+            let __VLS_97;
+            /** @ts-ignore @type { | typeof __VLS_components.elOption | typeof __VLS_components.ElOption | typeof __VLS_components['el-option']} */
+            elOption;
+            // @ts-ignore
+            const __VLS_98 = __VLS_asFunctionalComponent1(__VLS_97, new __VLS_97({
+                // @ts-ignore
+                value: (6), label: (__VLS_unwrap(t, {})('bi.dashboard.width_half')),
+            }));
+            const __VLS_99 = __VLS_98({
+                value: (6),
+                label: (__VLS_unwrap(t, {})('bi.dashboard.width_half')),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_98));
+            let __VLS_102;
+            /** @ts-ignore @type { | typeof __VLS_components.elOption | typeof __VLS_components.ElOption | typeof __VLS_components['el-option']} */
+            elOption;
+            // @ts-ignore
+            const __VLS_103 = __VLS_asFunctionalComponent1(__VLS_102, new __VLS_102({
+                // @ts-ignore
+                value: (12), label: (__VLS_unwrap(t, {})('bi.dashboard.width_full')),
+            }));
+            const __VLS_104 = __VLS_103({
+                value: (12),
+                label: (__VLS_unwrap(t, {})('bi.dashboard.width_full')),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_103));
+            // @ts-ignore
+            [t, t, t,];
+            var __VLS_87;
+            var __VLS_88;
+            // @ts-ignore
+            [];
+            var __VLS_81;
+            let __VLS_107;
+            /** @ts-ignore @type { | typeof __VLS_components.elFormItem | typeof __VLS_components.ElFormItem | typeof __VLS_components['el-form-item'] | typeof __VLS_components.elFormItem | typeof __VLS_components.ElFormItem | typeof __VLS_components['el-form-item']} */
+            elFormItem;
+            // @ts-ignore
+            const __VLS_108 = __VLS_asFunctionalComponent1(__VLS_107, new __VLS_107({
+                // @ts-ignore
+                label: (__VLS_unwrap(t, {})('bi.dashboard.card_height')),
+            }));
+            const __VLS_109 = __VLS_108({
+                label: (__VLS_unwrap(t, {})('bi.dashboard.card_height')),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_108));
+            const { default: __VLS_112 } = __VLS_nonNull(__VLS_110.slots);
+            let __VLS_113;
+            /** @ts-ignore @type { | typeof __VLS_components.elInputNumber | typeof __VLS_components.ElInputNumber | typeof __VLS_components['el-input-number']} */
+            elInputNumber;
+            // @ts-ignore
+            const __VLS_114 = __VLS_asFunctionalComponent1(__VLS_113, new __VLS_113({
+                // @ts-ignore
+                ...{ 'onUpdate:modelValue': {} }, modelValue: (item.h), min: (3), max: (12), precision: (0),
+            }));
+            const __VLS_115 = __VLS_114({
+                ...{ 'onUpdate:modelValue': {} },
+                modelValue: (item.h),
+                min: (3),
+                max: (12),
+                precision: (0),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_114));
+            let __VLS_118;
+            const __VLS_119 = {
+                /** @type {typeof __VLS_118.'update:modelValue'} */
+                'onUpdate:modelValue': // @ts-ignore
+                (...[$event]) => {
+                    void $event;
+                    if (!(cardByID.value.get(item.card_id)))
+                        throw 0;
+                    return (resize(item.id, { h: $event || 4 }));
+                    // @ts-ignore
+                    [t,];
+                },
+            };
+            void __VLS_119;
+            var __VLS_116;
+            var __VLS_117;
+            // @ts-ignore
+            [];
+            var __VLS_110;
+            // @ts-ignore
+            [];
+            var __VLS_75;
+            // @ts-ignore
+            [];
+            var __VLS_60;
+            if (cardByID.value.get(item.card_id)?.can_edit) {
+                let __VLS_120;
+                /** @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_121 = __VLS_asFunctionalComponent1(__VLS_120, new __VLS_120({
+                    // @ts-ignore
+                    ...{ 'onClick': {} }, link: true, type: "primary",
+                }));
+                const __VLS_122 = __VLS_121({
+                    ...{ 'onClick': {} },
+                    link: true,
+                    type: "primary",
+                }, ...__VLS_functionalComponentArgsRest(__VLS_121));
+                let __VLS_125;
+                const __VLS_126 = {
+                    /** @type {typeof __VLS_125.click} */
+                    onClick: // @ts-ignore
+                    (...[$event]) => {
+                        void $event;
+                        if (!(cardByID.value.get(item.card_id)))
+                            throw 0;
+                        if (!(cardByID.value.get(item.card_id)?.can_edit))
+                            throw 0;
+                        return (__VLS_unwrap(emit, {})('edit-card', cardByID.value.get(item.card_id)));
+                        // @ts-ignore
+                        [emit, cardByID, cardByID,];
+                    },
+                };
+                void __VLS_126;
+                const { default: __VLS_127 } = __VLS_nonNull(__VLS_123.slots);
+                (__VLS_unwrap(t, {})("bi.card.edit"));
+                // @ts-ignore
+                [t,];
+                var __VLS_123;
+                var __VLS_124;
+            }
+            let __VLS_128;
+            /** @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_129 = __VLS_asFunctionalComponent1(__VLS_128, new __VLS_128({
+                // @ts-ignore
+                ...{ 'onClick': {} }, link: true, type: "danger",
+            }));
+            const __VLS_130 = __VLS_129({
+                ...{ 'onClick': {} },
+                link: true,
+                type: "danger",
+            }, ...__VLS_functionalComponentArgsRest(__VLS_129));
+            let __VLS_133;
+            const __VLS_134 = {
+                /** @type {typeof __VLS_133.click} */
+                onClick: // @ts-ignore
+                (...[$event]) => {
+                    void $event;
+                    if (!(cardByID.value.get(item.card_id)))
+                        throw 0;
+                    return (remove(item.id));
+                    // @ts-ignore
+                    [];
+                },
+            };
+            void __VLS_134;
+            const { default: __VLS_135 } = __VLS_nonNull(__VLS_131.slots);
+            (__VLS_unwrap(t, {})("bi.workbench.remove", { name: "" }));
+            // @ts-ignore
+            [t,];
+            var __VLS_131;
+            var __VLS_132;
+            // @ts-ignore
+            [];
+        }
+        // @ts-ignore
+        [];
+        var __VLS_37;
+    }
+    else {
+        let __VLS_136;
+        /** @ts-ignore @type { | typeof __VLS_components.elAlert | typeof __VLS_components.ElAlert | typeof __VLS_components['el-alert']} */
+        elAlert;
+        // @ts-ignore
+        const __VLS_137 = __VLS_asFunctionalComponent1(__VLS_136, new __VLS_136({
+            // @ts-ignore
+            type: "warning", closable: (false), title: (__VLS_unwrap(t, {})('bi.dashboard.card_missing')),
+        }));
+        const __VLS_138 = __VLS_137({
+            type: "warning",
+            closable: (false),
+            title: (__VLS_unwrap(t, {})('bi.dashboard.card_missing')),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_137));
+    }
+    // @ts-ignore
+    [t,];
+}
+if (!__VLS_ctx.modelValue.cards.length) {
+    let __VLS_141;
+    /** @ts-ignore @type { | typeof __VLS_components.elEmpty | typeof __VLS_components.ElEmpty | typeof __VLS_components['el-empty']} */
+    elEmpty;
+    // @ts-ignore
+    const __VLS_142 = __VLS_asFunctionalComponent1(__VLS_141, new __VLS_141({
+        // @ts-ignore
+        description: (__VLS_unwrap(t, {})('bi.dashboard.choose_cards')),
+    }));
+    const __VLS_143 = __VLS_142({
+        description: (__VLS_unwrap(t, {})('bi.dashboard.choose_cards')),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_142));
+}
+// @ts-ignore
+[t, modelValue,];
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+});
+export default {};

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

@@ -0,0 +1,17 @@
+import type { BiSource } from "../rpc/bi/admin/v1/bi_source";
+import "@vue-flow/core/dist/style.css";
+import "@vue-flow/controls/dist/style.css";
+import "@vue-flow/minimap/dist/style.css";
+type __VLS_Props = {
+    modelValue: boolean;
+    source?: BiSource;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    saved: (source: BiSource) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onSaved?: ((source: BiSource) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;