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

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

@@ -0,0 +1,17 @@
+import type { BiQueryResult, BiQuerySpec } from "../rpc/bi/admin/v1/bi_query";
+import type { CardChartConfig } from "../card-schema";
+type __VLS_Props = {
+    modelValue: CardChartConfig;
+    chartType: string;
+    query: BiQuerySpec;
+    result?: BiQueryResult;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: CardChartConfig) => any;
+    "update:chartType": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: CardChartConfig) => any) | undefined;
+    "onUpdate:chartType"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,527 @@
+/// <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 } from "vue";
+import { t } from "@liujitcn/kratos-admin-core";
+import { getChartTypes } from "../engine/chart-types";
+import { useBiI18n } from "../env";
+const { defineProps, defineEmits, } = {};
+const props = defineProps();
+const emit = defineEmits();
+const { t: messages } = useBiI18n();
+const types = [...getChartTypes(), "metric"];
+const numbers = computed(() => props.result?.columns.filter(field => field.type === "number") ??
+    props.query.measures.map(field => ({ code: field.code, name: field.code, type: "number" })));
+const categories = computed(() => props.query.dimensions.map(code => props.result?.columns.find(field => field.code === code) ?? { code, name: code, type: "string" }));
+const dimensionFields = computed(() => (props.chartType === "scatter" ? numbers.value : categories.value));
+/** 根据真实结果结构启用图型，避免产生不能渲染的卡片。 */
+function reason(type) {
+    if (["metric", "gauge"].includes(type))
+        return props.query.dimensions.length ? t("bi.card.need_ungrouped") : "";
+    if (type === "scatter")
+        return numbers.value.length < 2 ? t("bi.card.need_two_numbers") : "";
+    if (["sankey", "heatmap", "sunburst"].includes(type))
+        return categories.value.length < 2 ? t("bi.card.need_two_dimensions") : "";
+    return categories.value.length ? "" : t("bi.card.need_dimension");
+}
+/** 切换图型时复用当前查询结果，并补齐该图型的默认字段映射。 */
+function changeType(type) {
+    emit("update:chartType", type);
+    emit("update:modelValue", {
+        encoding: {
+            dimension: type === "scatter" ? numbers.value[0]?.code : categories.value[0]?.code,
+            measure: type === "scatter" ? numbers.value[1]?.code : numbers.value[0]?.code,
+            series: type === "scatter" ? undefined : categories.value[1]?.code,
+            measures: ["bar", "line", "area"].includes(type) && categories.value.length < 2 ? numbers.value.map(field => field.code) : undefined
+        },
+        style: { ...props.modelValue.style }
+    });
+}
+/** 同步字段映射，不重新执行已完成的查询。 */
+function patchEncoding(value) {
+    emit("update:modelValue", { ...props.modelValue, encoding: { ...props.modelValue.encoding, ...value } });
+}
+/** 同步受控样式选项。 */
+function patchStyle(value) {
+    emit("update:modelValue", { ...props.modelValue, style: { ...props.modelValue.style, ...value } });
+}
+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(dimensionFields, {});
+// @ts-ignore
+__VLS_withDotValue(numbers, {});
+// @ts-ignore
+__VLS_withDotValue(categories, {});
+void {};
+/** @type {__VLS_StyleScopedClasses['bi-card-chart-editor__types']} */ ;
+/** @type {__VLS_StyleScopedClasses['bi-card-chart-editor__types']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "bi-card-chart-editor" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-card-chart-editor']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "bi-card-chart-editor__types" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-card-chart-editor__types']} */ ;
+const __VLS_0 = __VLS_tryAsConstant((__VLS_unwrap(types, {})));
+for (const [type] of __VLS_vFor(__VLS_nonNull(__VLS_0))) {
+    let __VLS_1;
+    /** @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_2 = __VLS_asFunctionalComponent1(__VLS_1, new __VLS_1({
+        // @ts-ignore
+        ...{ 'onClick': {} }, key: (type), type: (type === __VLS_ctx.chartType ? 'primary' : 'default'), plain: (type !== __VLS_ctx.chartType), disabled: (Boolean(reason(type))), title: (reason(type)),
+    }));
+    const __VLS_3 = __VLS_2({
+        ...{ 'onClick': {} },
+        key: (type),
+        type: (type === __VLS_ctx.chartType ? 'primary' : 'default'),
+        plain: (type !== __VLS_ctx.chartType),
+        disabled: (Boolean(reason(type))),
+        title: (reason(type)),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_2));
+    let __VLS_6;
+    const __VLS_7 = {
+        /** @type {typeof __VLS_6.click} */
+        onClick: // @ts-ignore
+        (...[$event]) => {
+            void $event;
+            return (changeType(type));
+            // @ts-ignore
+            [types, chartType, chartType,];
+        },
+    };
+    void __VLS_7;
+    const { default: __VLS_8 } = __VLS_nonNull(__VLS_4.slots);
+    (type === "metric" ? __VLS_unwrap(t, {})("bi.card.chart.metric") : __VLS_unwrap(messages, {})(`types.${type}`));
+    // @ts-ignore
+    [t, messages,];
+    var __VLS_4;
+    var __VLS_5;
+    // @ts-ignore
+    [];
+}
+__VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)({
+    ...{ class: "bi-card-chart-editor__hint" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-card-chart-editor__hint']} */ ;
+(__VLS_unwrap(t, {})("bi.card.chart_hint"));
+let __VLS_9;
+/** @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_10 = __VLS_asFunctionalComponent1(__VLS_9, new __VLS_9({
+    // @ts-ignore
+    labelPosition: "top",
+}));
+const __VLS_11 = __VLS_10({
+    labelPosition: "top",
+}, ...__VLS_functionalComponentArgsRest(__VLS_10));
+const { default: __VLS_14 } = __VLS_nonNull(__VLS_12.slots);
+if (__VLS_ctx.chartType !== 'metric' && __VLS_ctx.chartType !== 'gauge') {
+    let __VLS_15;
+    /** @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_16 = __VLS_asFunctionalComponent1(__VLS_15, new __VLS_15({
+        // @ts-ignore
+        label: (__VLS_unwrap(t, {})('bi.card.dimension_field')),
+    }));
+    const __VLS_17 = __VLS_16({
+        label: (__VLS_unwrap(t, {})('bi.card.dimension_field')),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_16));
+    const { default: __VLS_20 } = __VLS_nonNull(__VLS_18.slots);
+    let __VLS_21;
+    /** @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_22 = __VLS_asFunctionalComponent1(__VLS_21, new __VLS_21({
+        // @ts-ignore
+        ...{ 'onChange': {} }, modelValue: (__VLS_ctx.modelValue.encoding.dimension || dimensionFields.value[0]?.code),
+    }));
+    const __VLS_23 = __VLS_22({
+        ...{ 'onChange': {} },
+        modelValue: (__VLS_ctx.modelValue.encoding.dimension || dimensionFields.value[0]?.code),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_22));
+    let __VLS_26;
+    const __VLS_27 = {
+        /** @type {typeof __VLS_26.change} */
+        onChange: // @ts-ignore
+        (...[$event]) => {
+            void $event;
+            if (!(__VLS_ctx.chartType !== 'metric' && __VLS_ctx.chartType !== 'gauge'))
+                throw 0;
+            return (patchEncoding({ dimension: $event }));
+            // @ts-ignore
+            [chartType, chartType, t, t, modelValue, dimensionFields,];
+        },
+    };
+    void __VLS_27;
+    const { default: __VLS_28 } = __VLS_nonNull(__VLS_24.slots);
+    const __VLS_29 = __VLS_tryAsConstant((dimensionFields.value));
+    for (const [field] of __VLS_vFor(__VLS_nonNull(__VLS_29))) {
+        let __VLS_30;
+        /** @ts-ignore @type { | typeof __VLS_components.elOption | typeof __VLS_components.ElOption | typeof __VLS_components['el-option']} */
+        elOption;
+        // @ts-ignore
+        const __VLS_31 = __VLS_asFunctionalComponent1(__VLS_30, new __VLS_30({
+            // @ts-ignore
+            key: (field.code), value: (field.code), label: (field.name),
+        }));
+        const __VLS_32 = __VLS_31({
+            key: (field.code),
+            value: (field.code),
+            label: (field.name),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_31));
+        // @ts-ignore
+        [dimensionFields,];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_24;
+    var __VLS_25;
+    // @ts-ignore
+    [];
+    var __VLS_18;
+}
+let __VLS_35;
+/** @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_36 = __VLS_asFunctionalComponent1(__VLS_35, new __VLS_35({
+    // @ts-ignore
+    label: (__VLS_unwrap(t, {})('bi.card.value_field')),
+}));
+const __VLS_37 = __VLS_36({
+    label: (__VLS_unwrap(t, {})('bi.card.value_field')),
+}, ...__VLS_functionalComponentArgsRest(__VLS_36));
+const { default: __VLS_40 } = __VLS_nonNull(__VLS_38.slots);
+let __VLS_41;
+/** @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_42 = __VLS_asFunctionalComponent1(__VLS_41, new __VLS_41({
+    // @ts-ignore
+    ...{ 'onChange': {} }, modelValue: (__VLS_ctx.modelValue.encoding.measure || numbers.value[__VLS_ctx.chartType === 'scatter' ? 1 : 0]?.code),
+}));
+const __VLS_43 = __VLS_42({
+    ...{ 'onChange': {} },
+    modelValue: (__VLS_ctx.modelValue.encoding.measure || numbers.value[__VLS_ctx.chartType === 'scatter' ? 1 : 0]?.code),
+}, ...__VLS_functionalComponentArgsRest(__VLS_42));
+let __VLS_46;
+const __VLS_47 = {
+    /** @type {typeof __VLS_46.change} */
+    onChange: // @ts-ignore
+    (...[$event]) => {
+        void $event;
+        return (patchEncoding({ measure: $event }));
+        // @ts-ignore
+        [chartType, t, modelValue, numbers,];
+    },
+};
+void __VLS_47;
+const { default: __VLS_48 } = __VLS_nonNull(__VLS_44.slots);
+const __VLS_49 = __VLS_tryAsConstant((numbers.value));
+for (const [field] of __VLS_vFor(__VLS_nonNull(__VLS_49))) {
+    let __VLS_50;
+    /** @ts-ignore @type { | typeof __VLS_components.elOption | typeof __VLS_components.ElOption | typeof __VLS_components['el-option']} */
+    elOption;
+    // @ts-ignore
+    const __VLS_51 = __VLS_asFunctionalComponent1(__VLS_50, new __VLS_50({
+        // @ts-ignore
+        key: (field.code), value: (field.code), label: (field.name),
+    }));
+    const __VLS_52 = __VLS_51({
+        key: (field.code),
+        value: (field.code),
+        label: (field.name),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_51));
+    // @ts-ignore
+    [numbers,];
+}
+// @ts-ignore
+[];
+var __VLS_44;
+var __VLS_45;
+// @ts-ignore
+[];
+var __VLS_38;
+if (['sankey', 'heatmap', 'sunburst'].includes(__VLS_ctx.chartType)) {
+    let __VLS_55;
+    /** @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_56 = __VLS_asFunctionalComponent1(__VLS_55, new __VLS_55({
+        // @ts-ignore
+        label: (__VLS_unwrap(t, {})('bi.card.series_field')),
+    }));
+    const __VLS_57 = __VLS_56({
+        label: (__VLS_unwrap(t, {})('bi.card.series_field')),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_56));
+    const { default: __VLS_60 } = __VLS_nonNull(__VLS_58.slots);
+    let __VLS_61;
+    /** @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_62 = __VLS_asFunctionalComponent1(__VLS_61, new __VLS_61({
+        // @ts-ignore
+        ...{ 'onChange': {} }, modelValue: (__VLS_ctx.modelValue.encoding.series || categories.value[1]?.code),
+    }));
+    const __VLS_63 = __VLS_62({
+        ...{ 'onChange': {} },
+        modelValue: (__VLS_ctx.modelValue.encoding.series || categories.value[1]?.code),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_62));
+    let __VLS_66;
+    const __VLS_67 = {
+        /** @type {typeof __VLS_66.change} */
+        onChange: // @ts-ignore
+        (...[$event]) => {
+            void $event;
+            if (!(['sankey', 'heatmap', 'sunburst'].includes(__VLS_ctx.chartType)))
+                throw 0;
+            return (patchEncoding({ series: $event }));
+            // @ts-ignore
+            [chartType, t, modelValue, categories,];
+        },
+    };
+    void __VLS_67;
+    const { default: __VLS_68 } = __VLS_nonNull(__VLS_64.slots);
+    const __VLS_69 = __VLS_tryAsConstant((categories.value));
+    for (const [field] of __VLS_vFor(__VLS_nonNull(__VLS_69))) {
+        let __VLS_70;
+        /** @ts-ignore @type { | typeof __VLS_components.elOption | typeof __VLS_components.ElOption | typeof __VLS_components['el-option']} */
+        elOption;
+        // @ts-ignore
+        const __VLS_71 = __VLS_asFunctionalComponent1(__VLS_70, new __VLS_70({
+            // @ts-ignore
+            key: (field.code), value: (field.code), label: (field.name),
+        }));
+        const __VLS_72 = __VLS_71({
+            key: (field.code),
+            value: (field.code),
+            label: (field.name),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_71));
+        // @ts-ignore
+        [categories,];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_64;
+    var __VLS_65;
+    // @ts-ignore
+    [];
+    var __VLS_58;
+}
+if (['bar', 'line', 'area'].includes(__VLS_ctx.chartType)) {
+    let __VLS_75;
+    /** @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_76 = __VLS_asFunctionalComponent1(__VLS_75, new __VLS_75({
+        // @ts-ignore
+        label: (__VLS_unwrap(t, {})('bi.card.measure')),
+    }));
+    const __VLS_77 = __VLS_76({
+        label: (__VLS_unwrap(t, {})('bi.card.measure')),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_76));
+    const { default: __VLS_80 } = __VLS_nonNull(__VLS_78.slots);
+    let __VLS_81;
+    /** @ts-ignore @type { | typeof __VLS_components.elCheckboxGroup | typeof __VLS_components.ElCheckboxGroup | typeof __VLS_components['el-checkbox-group'] | typeof __VLS_components.elCheckboxGroup | typeof __VLS_components.ElCheckboxGroup | typeof __VLS_components['el-checkbox-group']} */
+    elCheckboxGroup;
+    // @ts-ignore
+    const __VLS_82 = __VLS_asFunctionalComponent1(__VLS_81, new __VLS_81({
+        // @ts-ignore
+        ...{ 'onChange': {} }, modelValue: (__VLS_ctx.modelValue.encoding.measures || []),
+    }));
+    const __VLS_83 = __VLS_82({
+        ...{ 'onChange': {} },
+        modelValue: (__VLS_ctx.modelValue.encoding.measures || []),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_82));
+    let __VLS_86;
+    const __VLS_87 = {
+        /** @type {typeof __VLS_86.change} */
+        onChange: // @ts-ignore
+        (...[$event]) => {
+            void $event;
+            if (!(['bar', 'line', 'area'].includes(__VLS_ctx.chartType)))
+                throw 0;
+            return (patchEncoding({ measures: $event }));
+            // @ts-ignore
+            [chartType, t, modelValue,];
+        },
+    };
+    void __VLS_87;
+    const { default: __VLS_88 } = __VLS_nonNull(__VLS_84.slots);
+    const __VLS_89 = __VLS_tryAsConstant((numbers.value));
+    for (const [field] of __VLS_vFor(__VLS_nonNull(__VLS_89))) {
+        let __VLS_90;
+        /** @ts-ignore @type { | typeof __VLS_components.elCheckbox | typeof __VLS_components.ElCheckbox | typeof __VLS_components['el-checkbox'] | typeof __VLS_components.elCheckbox | typeof __VLS_components.ElCheckbox | typeof __VLS_components['el-checkbox']} */
+        elCheckbox;
+        // @ts-ignore
+        const __VLS_91 = __VLS_asFunctionalComponent1(__VLS_90, new __VLS_90({
+            // @ts-ignore
+            key: (field.code), value: (field.code),
+        }));
+        const __VLS_92 = __VLS_91({
+            key: (field.code),
+            value: (field.code),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_91));
+        const { default: __VLS_95 } = __VLS_nonNull(__VLS_93.slots);
+        (field.name);
+        // @ts-ignore
+        [numbers,];
+        var __VLS_93;
+        // @ts-ignore
+        [];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_84;
+    var __VLS_85;
+    // @ts-ignore
+    [];
+    var __VLS_78;
+}
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "bi-card-chart-editor__style" },
+});
+/** @type {__VLS_StyleScopedClasses['bi-card-chart-editor__style']} */ ;
+let __VLS_96;
+/** @ts-ignore @type { | typeof __VLS_components.elCheckbox | typeof __VLS_components.ElCheckbox | typeof __VLS_components['el-checkbox'] | typeof __VLS_components.elCheckbox | typeof __VLS_components.ElCheckbox | typeof __VLS_components['el-checkbox']} */
+elCheckbox;
+// @ts-ignore
+const __VLS_97 = __VLS_asFunctionalComponent1(__VLS_96, new __VLS_96({
+    // @ts-ignore
+    ...{ 'onChange': {} }, modelValue: (__VLS_ctx.modelValue.style.showLegend),
+}));
+const __VLS_98 = __VLS_97({
+    ...{ 'onChange': {} },
+    modelValue: (__VLS_ctx.modelValue.style.showLegend),
+}, ...__VLS_functionalComponentArgsRest(__VLS_97));
+let __VLS_101;
+const __VLS_102 = {
+    /** @type {typeof __VLS_101.change} */
+    onChange: // @ts-ignore
+    (...[$event]) => {
+        void $event;
+        return (patchStyle({ showLegend: Boolean($event) }));
+        // @ts-ignore
+        [modelValue,];
+    },
+};
+void __VLS_102;
+const { default: __VLS_103 } = __VLS_nonNull(__VLS_99.slots);
+(__VLS_unwrap(t, {})("bi.card.show_legend"));
+// @ts-ignore
+[t,];
+var __VLS_99;
+var __VLS_100;
+let __VLS_104;
+/** @ts-ignore @type { | typeof __VLS_components.elCheckbox | typeof __VLS_components.ElCheckbox | typeof __VLS_components['el-checkbox'] | typeof __VLS_components.elCheckbox | typeof __VLS_components.ElCheckbox | typeof __VLS_components['el-checkbox']} */
+elCheckbox;
+// @ts-ignore
+const __VLS_105 = __VLS_asFunctionalComponent1(__VLS_104, new __VLS_104({
+    // @ts-ignore
+    ...{ 'onChange': {} }, modelValue: (__VLS_ctx.modelValue.style.showLabel),
+}));
+const __VLS_106 = __VLS_105({
+    ...{ 'onChange': {} },
+    modelValue: (__VLS_ctx.modelValue.style.showLabel),
+}, ...__VLS_functionalComponentArgsRest(__VLS_105));
+let __VLS_109;
+const __VLS_110 = {
+    /** @type {typeof __VLS_109.change} */
+    onChange: // @ts-ignore
+    (...[$event]) => {
+        void $event;
+        return (patchStyle({ showLabel: Boolean($event) }));
+        // @ts-ignore
+        [modelValue,];
+    },
+};
+void __VLS_110;
+const { default: __VLS_111 } = __VLS_nonNull(__VLS_107.slots);
+(__VLS_unwrap(t, {})("bi.card.show_label"));
+// @ts-ignore
+[t,];
+var __VLS_107;
+var __VLS_108;
+let __VLS_112;
+/** @ts-ignore @type { | typeof __VLS_components.elCheckbox | typeof __VLS_components.ElCheckbox | typeof __VLS_components['el-checkbox'] | typeof __VLS_components.elCheckbox | typeof __VLS_components.ElCheckbox | typeof __VLS_components['el-checkbox']} */
+elCheckbox;
+// @ts-ignore
+const __VLS_113 = __VLS_asFunctionalComponent1(__VLS_112, new __VLS_112({
+    // @ts-ignore
+    ...{ 'onChange': {} }, modelValue: (__VLS_ctx.modelValue.style.stack),
+}));
+const __VLS_114 = __VLS_113({
+    ...{ 'onChange': {} },
+    modelValue: (__VLS_ctx.modelValue.style.stack),
+}, ...__VLS_functionalComponentArgsRest(__VLS_113));
+let __VLS_117;
+const __VLS_118 = {
+    /** @type {typeof __VLS_117.change} */
+    onChange: // @ts-ignore
+    (...[$event]) => {
+        void $event;
+        return (patchStyle({ stack: Boolean($event) }));
+        // @ts-ignore
+        [modelValue,];
+    },
+};
+void __VLS_118;
+const { default: __VLS_119 } = __VLS_nonNull(__VLS_115.slots);
+(__VLS_unwrap(t, {})("bi.card.stack"));
+// @ts-ignore
+[t,];
+var __VLS_115;
+var __VLS_116;
+let __VLS_120;
+/** @ts-ignore @type { | typeof __VLS_components.elCheckbox | typeof __VLS_components.ElCheckbox | typeof __VLS_components['el-checkbox'] | typeof __VLS_components.elCheckbox | typeof __VLS_components.ElCheckbox | typeof __VLS_components['el-checkbox']} */
+elCheckbox;
+// @ts-ignore
+const __VLS_121 = __VLS_asFunctionalComponent1(__VLS_120, new __VLS_120({
+    // @ts-ignore
+    ...{ 'onChange': {} }, modelValue: (__VLS_ctx.modelValue.style.dataZoom),
+}));
+const __VLS_122 = __VLS_121({
+    ...{ 'onChange': {} },
+    modelValue: (__VLS_ctx.modelValue.style.dataZoom),
+}, ...__VLS_functionalComponentArgsRest(__VLS_121));
+let __VLS_125;
+const __VLS_126 = {
+    /** @type {typeof __VLS_125.change} */
+    onChange: // @ts-ignore
+    (...[$event]) => {
+        void $event;
+        return (patchStyle({ dataZoom: Boolean($event) }));
+        // @ts-ignore
+        [modelValue,];
+    },
+};
+void __VLS_126;
+const { default: __VLS_127 } = __VLS_nonNull(__VLS_123.slots);
+(__VLS_unwrap(t, {})("bi.card.data_zoom"));
+// @ts-ignore
+[t,];
+var __VLS_123;
+var __VLS_124;
+// @ts-ignore
+[];
+var __VLS_12;
+// @ts-ignore
+[];
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+});
+export default {};

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

@@ -0,0 +1,20 @@
+import type { BiCard } from "../rpc/bi/admin/v1/bi_card";
+import type { BiQueryResult, BiQuerySpec, BiSourceDescriptor } from "../rpc/bi/admin/v1/bi_query";
+type __VLS_Props = {
+    modelValue: boolean;
+    sources: BiSourceDescriptor[];
+    card?: BiCard;
+    initialQuery?: BiQuerySpec;
+    initialResult?: BiQueryResult;
+    initialTitle?: string;
+    initialChartType?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    saved: (card: BiCard) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onSaved?: ((card: BiCard) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;