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

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

@@ -0,0 +1,495 @@
+/// <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, reactive, ref, watch } from "vue";
+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 BiDataCard from "./BiDataCard.vue";
+import BiCardChartEditor from "./BiCardChartEditor.vue";
+import { parseCardChart } from "../card-schema";
+const { defineProps, defineEmits, } = {};
+const props = defineProps();
+const emit = defineEmits();
+const dialogRef = ref();
+const form = reactive(defaultForm());
+const baseQuery = ref();
+const previewResult = ref();
+const sourceRecordID = ref(0);
+const chartConfig = ref({ encoding: {}, style: { showLegend: true, showLabel: false } });
+const saving = ref(false);
+const previewing = ref(false);
+let previewRequest = 0;
+const source = computed(() => props.sources.find(item => item.code === form.source_code));
+const query = computed(() => ({
+    source_code: form.source_code,
+    dimensions: [...form.dimensions],
+    measures: form.measures.map(item => ({ ...item })),
+    filters: baseQuery.value?.filters ?? [],
+    limit: baseQuery.value?.limit || 100,
+    time_range: baseQuery.value?.time_range,
+    orders: baseQuery.value?.orders ?? []
+}));
+const previewCard = computed(() => ({
+    id: 0,
+    tenant_id: 0,
+    project_id: 0,
+    owner_id: 0,
+    name: form.name,
+    source_code: form.source_code,
+    query: query.value,
+    chart_type: form.chart_type,
+    chart_json: JSON.stringify(chartConfig.value),
+    query_record_id: sourceRecordID.value,
+    refresh_seconds: form.refresh_seconds,
+    is_shared: form.is_shared,
+    updated_at: "",
+    category: "mine",
+    can_edit: true
+}));
+const fields = computed(() => [
+    { prop: "name", label: t("bi.card.name"), component: "input", colSpan: 12, props: { maxlength: 128 } },
+    {
+        prop: "source_code",
+        label: t("bi.card.source"),
+        component: "select",
+        colSpan: 12,
+        options: props.sources.map(item => ({ label: item.name, value: item.code })),
+        props: { disabled: true }
+    },
+    {
+        prop: "dimensions",
+        label: t("bi.card.dimensions"),
+        component: "select",
+        colSpan: 12,
+        options: (source.value?.dimensions ?? []).map(item => ({ label: item.name, value: item.code })),
+        props: {
+            multiple: true,
+            multipleLimit: 2,
+            disabled: true
+        }
+    },
+    { prop: "measures", label: t("bi.card.measure"), component: "slot", slotName: "measures", colSpan: 12 },
+    { prop: "chart", label: t("bi.card.chart_type"), component: "slot", slotName: "chart", colSpan: 12 },
+    { prop: "preview", label: t("bi.card.preview"), component: "slot", slotName: "preview", colSpan: 12 },
+    {
+        prop: "refresh_seconds",
+        label: t("bi.card.refresh"),
+        component: "select",
+        colSpan: 12,
+        options: [0, 300, 86400].map(value => ({ label: t(`bi.card.refresh.${value}`), value }))
+    },
+    { prop: "is_shared", label: t("bi.card.share"), component: "switch", colSpan: 12 }
+]);
+const rules = computed(() => ({
+    name: [{ required: true, whitespace: true, message: t("bi.card.validation.name"), trigger: "blur" }],
+    source_code: [{ required: true, message: t("bi.card.validation.source"), trigger: "change" }],
+    measures: [{ type: "array", required: true, min: 1, message: t("bi.card.validation.measures"), trigger: "change" }]
+}));
+/** 创建独立表单状态，关闭后不保留上次卡片。 */
+function defaultForm() {
+    return {
+        name: "",
+        source_code: "",
+        dimensions: [],
+        measures: [],
+        chart_type: "bar",
+        refresh_seconds: 0,
+        is_shared: false
+    };
+}
+/** 打开弹窗时复制原查询，保留问数生成的过滤、排序和时间范围。 */
+watch(() => props.modelValue, visible => {
+    if (!visible)
+        return;
+    const current = props.card?.query ?? props.initialQuery;
+    baseQuery.value = current ? JSON.parse(JSON.stringify(current)) : undefined;
+    Object.assign(form, defaultForm(), {
+        name: props.card?.name ?? props.initialTitle ?? "",
+        source_code: current?.source_code || props.sources[0]?.code || "",
+        dimensions: [...(current?.dimensions ?? [])],
+        measures: (current?.measures ?? []).map(item => ({ ...item })),
+        chart_type: props.card?.chart_type || (current && !current.dimensions.length ? "metric" : props.initialChartType || "bar"),
+        refresh_seconds: props.card?.refresh_seconds ?? 0,
+        is_shared: props.card?.is_shared ?? false
+    });
+    previewResult.value = props.initialResult;
+    sourceRecordID.value = props.card?.query_record_id || props.initialResult?.query_record_id || 0;
+    chartConfig.value = parseCardChart(props.card ?? { chart_json: "" });
+});
+watch(query, () => {
+    previewRequest++;
+    previewResult.value = undefined;
+    sourceRecordID.value = 0;
+    chartConfig.value = { encoding: {}, style: { ...chartConfig.value.style } };
+}, { deep: true, flush: "sync" });
+/** 预览当前语义配置，忽略配置变化前的迟到响应。 */
+async function preview() {
+    if (!(await dialogRef.value?.validate()) || previewing.value)
+        return;
+    if (!sourceRecordID.value) {
+        ElMessage.warning(t("bi.card.ask_required"));
+        return;
+    }
+    const request = ++previewRequest;
+    previewing.value = true;
+    try {
+        const result = await defBiQueryService.PreviewBiQuery({ query: query.value });
+        if (request === previewRequest) {
+            previewResult.value = result;
+        }
+    }
+    catch (cause) {
+        ElMessage.error(cause instanceof Error ? cause.message : t("bi.query.error"));
+    }
+    finally {
+        previewing.value = false;
+    }
+}
+/** 仅保存与原始智能问数关联的卡片，图表编辑不改变查询定义。 */
+async function submit() {
+    if (!(await dialogRef.value?.validate()) || saving.value || previewing.value)
+        return;
+    if (!sourceRecordID.value) {
+        ElMessage.warning(t("bi.card.ask_required"));
+        return;
+    }
+    if (!previewResult.value)
+        await preview();
+    if (!previewResult.value || !sourceRecordID.value)
+        return;
+    saving.value = true;
+    try {
+        const saved = await defBiCardService.SaveBiCard({
+            id: props.card?.id ?? 0,
+            card: {
+                name: form.name,
+                query: query.value,
+                chart_type: form.chart_type,
+                chart_json: JSON.stringify(chartConfig.value),
+                query_record_id: sourceRecordID.value,
+                refresh_seconds: form.refresh_seconds,
+                is_shared: form.is_shared
+            }
+        });
+        emit("saved", saved);
+        emit("update:modelValue", false);
+        ElMessage.success(t("bi.card.saved"));
+    }
+    catch (cause) {
+        ElMessage.error(cause instanceof Error ? cause.message : t("bi.card.save_failed"));
+    }
+    finally {
+        saving.value = false;
+    }
+}
+/** 关闭弹窗后清空表单、预览与校验状态。 */
+function reset() {
+    previewRequest++;
+    baseQuery.value = undefined;
+    Object.assign(form, defaultForm());
+    previewResult.value = undefined;
+    sourceRecordID.value = 0;
+    chartConfig.value = { encoding: {}, style: { showLegend: true, showLabel: false } };
+    dialogRef.value?.clearValidate();
+}
+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(saving, {});
+// @ts-ignore
+__VLS_withDotValue(form, {});
+// @ts-ignore
+__VLS_withDotValue(source, {});
+// @ts-ignore
+__VLS_withDotValue(previewResult, {});
+void {};
+/** @type {__VLS_StyleScopedClasses['bi-card-measures__row']} */ ;
+const __VLS_0 = FormDialog || FormDialog;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent1(__VLS_0, new __VLS_0({
+    // @ts-ignore
+    ...{ 'onUpdate:modelValue': {} }, ...{ 'onConfirm': {} }, ...{ 'onClosed': {} }, ref: "dialogRef", modelValue: (__VLS_ctx.modelValue), title: (__VLS_ctx.card ? __VLS_unwrap(t, {})('bi.card.edit') : __VLS_unwrap(t, {})('bi.card.create')), width: "min(1040px, 94vw)", labelWidth: "7em", model: (form.value), fields: (__VLS_unwrap(fields, {})), rules: (__VLS_unwrap(rules, {})), confirmLoading: (saving.value), closeOnClickModal: (!saving.value), formProps: ({ disabled: saving.value }), destroyOnClose: (true),
+}));
+const __VLS_2 = __VLS_1({
+    ...{ 'onUpdate:modelValue': {} },
+    ...{ 'onConfirm': {} },
+    ...{ 'onClosed': {} },
+    ref: "dialogRef",
+    modelValue: (__VLS_ctx.modelValue),
+    title: (__VLS_ctx.card ? __VLS_unwrap(t, {})('bi.card.edit') : __VLS_unwrap(t, {})('bi.card.create')),
+    width: "min(1040px, 94vw)",
+    labelWidth: "7em",
+    model: (form.value),
+    fields: (__VLS_unwrap(fields, {})),
+    rules: (__VLS_unwrap(rules, {})),
+    confirmLoading: (saving.value),
+    closeOnClickModal: (!saving.value),
+    formProps: ({ disabled: saving.value }),
+    destroyOnClose: (true),
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+let __VLS_5;
+const __VLS_6 = {
+    /** @type {typeof __VLS_5.'update:modelValue'} */
+    'onUpdate:modelValue': // @ts-ignore
+    (...[$event]) => {
+        void $event;
+        return (__VLS_unwrap(emit, {})('update:modelValue', $event));
+        // @ts-ignore
+        [modelValue, card, t, t, form, fields, rules, saving, saving, saving, emit,];
+    },
+};
+void __VLS_6;
+const __VLS_7 = {
+    /** @type {typeof __VLS_5.confirm} */
+    onConfirm: (submit),
+};
+void __VLS_7;
+const __VLS_8 = {
+    /** @type {typeof __VLS_5.closed} */
+    onClosed: (reset),
+};
+void __VLS_8;
+const { default: __VLS_9 } = __VLS_nonNull(__VLS_3.slots);
+{
+    const { measures: __VLS_10 } = __VLS_nonNull(__VLS_3.slots);
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "bi-card-measures" },
+    });
+    /** @type {__VLS_StyleScopedClasses['bi-card-measures']} */ ;
+    const __VLS_11 = __VLS_tryAsConstant((form.value.measures));
+    for (const [measure, index] of __VLS_vFor(__VLS_nonNull(__VLS_11))) {
+        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+            key: (index),
+            ...{ class: "bi-card-measures__row" },
+        });
+        /** @type {__VLS_StyleScopedClasses['bi-card-measures__row']} */ ;
+        let __VLS_12;
+        /** @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_13 = __VLS_asFunctionalComponent1(__VLS_12, new __VLS_12({
+            // @ts-ignore
+            disabled: true, modelValue: (measure.code), 'aria-label': (__VLS_unwrap(t, {})('bi.card.measure')),
+        }));
+        const __VLS_14 = __VLS_13({
+            disabled: true,
+            modelValue: (measure.code),
+            'aria-label': (__VLS_unwrap(t, {})('bi.card.measure')),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_13));
+        const { default: __VLS_17 } = __VLS_nonNull(__VLS_15.slots);
+        const __VLS_18 = __VLS_tryAsConstant((source.value?.measures ?? []));
+        for (const [item] of __VLS_vFor(__VLS_nonNull(__VLS_18))) {
+            let __VLS_19;
+            /** @ts-ignore @type { | typeof __VLS_components.elOption | typeof __VLS_components.ElOption | typeof __VLS_components['el-option']} */
+            elOption;
+            // @ts-ignore
+            const __VLS_20 = __VLS_asFunctionalComponent1(__VLS_19, new __VLS_19({
+                // @ts-ignore
+                key: (item.code), label: (item.name), value: (item.code),
+            }));
+            const __VLS_21 = __VLS_20({
+                key: (item.code),
+                label: (item.name),
+                value: (item.code),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_20));
+            // @ts-ignore
+            [t, form, source,];
+        }
+        // @ts-ignore
+        [];
+        var __VLS_15;
+        let __VLS_24;
+        /** @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_25 = __VLS_asFunctionalComponent1(__VLS_24, new __VLS_24({
+            // @ts-ignore
+            disabled: true, modelValue: (measure.aggregation), 'aria-label': (__VLS_unwrap(t, {})('bi.card.aggregation')),
+        }));
+        const __VLS_26 = __VLS_25({
+            disabled: true,
+            modelValue: (measure.aggregation),
+            'aria-label': (__VLS_unwrap(t, {})('bi.card.aggregation')),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_25));
+        const { default: __VLS_29 } = __VLS_nonNull(__VLS_27.slots);
+        const __VLS_30 = __VLS_tryAsConstant((source.value?.measures.find(item => item.code === measure.code)?.aggregations ?? []));
+        for (const [aggregation] 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: (aggregation), label: (__VLS_unwrap(t, {})(`bi.card.aggregation.${aggregation}`)), value: (aggregation),
+            }));
+            const __VLS_33 = __VLS_32({
+                key: (aggregation),
+                label: (__VLS_unwrap(t, {})(`bi.card.aggregation.${aggregation}`)),
+                value: (aggregation),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_32));
+            // @ts-ignore
+            [t, t, source,];
+        }
+        // @ts-ignore
+        [];
+        var __VLS_27;
+        // @ts-ignore
+        [];
+    }
+    // @ts-ignore
+    [];
+}
+{
+    const { chart: __VLS_36 } = __VLS_nonNull(__VLS_3.slots);
+    const __VLS_37 = BiCardChartEditor;
+    // @ts-ignore
+    const __VLS_38 = __VLS_asFunctionalComponent1(__VLS_37, new __VLS_37({
+        // @ts-ignore
+        modelValue: (__VLS_unwrap(chartConfig, {})), chartType: (form.value.chart_type), query: (__VLS_unwrap(query, {})), result: (previewResult.value),
+    }));
+    const __VLS_39 = __VLS_38({
+        modelValue: (__VLS_unwrap(chartConfig, {})),
+        chartType: (form.value.chart_type),
+        query: (__VLS_unwrap(query, {})),
+        result: (previewResult.value),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_38));
+    // @ts-ignore
+    [form, chartConfig, query, previewResult,];
+}
+{
+    const { preview: __VLS_42 } = __VLS_nonNull(__VLS_3.slots);
+    if (previewResult.value) {
+        const __VLS_43 = BiDataCard;
+        // @ts-ignore
+        const __VLS_44 = __VLS_asFunctionalComponent1(__VLS_43, new __VLS_43({
+            // @ts-ignore
+            card: (__VLS_unwrap(previewCard, {})), previewResult: (previewResult.value), sourceName: (source.value?.name),
+        }));
+        const __VLS_45 = __VLS_44({
+            card: (__VLS_unwrap(previewCard, {})),
+            previewResult: (previewResult.value),
+            sourceName: (source.value?.name),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_44));
+    }
+    else {
+        let __VLS_48;
+        /** @ts-ignore @type { | typeof __VLS_components.elEmpty | typeof __VLS_components.ElEmpty | typeof __VLS_components['el-empty']} */
+        elEmpty;
+        // @ts-ignore
+        const __VLS_49 = __VLS_asFunctionalComponent1(__VLS_48, new __VLS_48({
+            // @ts-ignore
+            imageSize: (36), description: (__VLS_unwrap(t, {})('bi.card.preview_empty')),
+        }));
+        const __VLS_50 = __VLS_49({
+            imageSize: (36),
+            description: (__VLS_unwrap(t, {})('bi.card.preview_empty')),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_49));
+    }
+    // @ts-ignore
+    [t, source, previewResult, previewResult, previewCard,];
+}
+{
+    const { footer: __VLS_53 } = __VLS_nonNull(__VLS_3.slots);
+    let __VLS_54;
+    /** @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_55 = __VLS_asFunctionalComponent1(__VLS_54, new __VLS_54({
+        // @ts-ignore
+        ...{ 'onClick': {} }, disabled: (saving.value),
+    }));
+    const __VLS_56 = __VLS_55({
+        ...{ 'onClick': {} },
+        disabled: (saving.value),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_55));
+    let __VLS_59;
+    const __VLS_60 = {
+        /** @type {typeof __VLS_59.click} */
+        onClick: // @ts-ignore
+        (...[$event]) => {
+            void $event;
+            return (__VLS_unwrap(emit, {})('update:modelValue', false));
+            // @ts-ignore
+            [saving, emit,];
+        },
+    };
+    void __VLS_60;
+    const { default: __VLS_61 } = __VLS_nonNull(__VLS_57.slots);
+    (__VLS_unwrap(t, {})("common.action.cancel"));
+    // @ts-ignore
+    [t,];
+    var __VLS_57;
+    var __VLS_58;
+    let __VLS_62;
+    /** @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_63 = __VLS_asFunctionalComponent1(__VLS_62, new __VLS_62({
+        // @ts-ignore
+        ...{ 'onClick': {} }, loading: (__VLS_unwrap(previewing, {})), disabled: (saving.value),
+    }));
+    const __VLS_64 = __VLS_63({
+        ...{ 'onClick': {} },
+        loading: (__VLS_unwrap(previewing, {})),
+        disabled: (saving.value),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_63));
+    let __VLS_67;
+    const __VLS_68 = {
+        /** @type {typeof __VLS_67.click} */
+        onClick: (preview),
+    };
+    void __VLS_68;
+    const { default: __VLS_69 } = __VLS_nonNull(__VLS_65.slots);
+    (__VLS_unwrap(t, {})("bi.card.preview"));
+    // @ts-ignore
+    [t, saving, previewing,];
+    var __VLS_65;
+    var __VLS_66;
+    let __VLS_70;
+    /** @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_71 = __VLS_asFunctionalComponent1(__VLS_70, new __VLS_70({
+        // @ts-ignore
+        ...{ 'onClick': {} }, type: "primary", loading: (saving.value),
+    }));
+    const __VLS_72 = __VLS_71({
+        ...{ 'onClick': {} },
+        type: "primary",
+        loading: (saving.value),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_71));
+    let __VLS_75;
+    const __VLS_76 = {
+        /** @type {typeof __VLS_75.click} */
+        onClick: (submit),
+    };
+    void __VLS_76;
+    const { default: __VLS_77 } = __VLS_nonNull(__VLS_73.slots);
+    (__VLS_unwrap(t, {})("bi.card.save"));
+    // @ts-ignore
+    [t, saving,];
+    var __VLS_73;
+    var __VLS_74;
+    // @ts-ignore
+    [];
+}
+// @ts-ignore
+[];
+var __VLS_3;
+var __VLS_4;
+// @ts-ignore
+[];
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+});
+export default {};

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;