@jzg223/design-runtime 0.0.1 → 0.1.0-rc.2

package/dist/types/board/design-board.vue.d.ts

@@ -0,0 +1,1409 @@
+import { DESIGN_BOARD_CTX } from './context';
+/**
+ * 看板运行时（大屏展示）。
+ * 关键点：逻辑坐标（config.page.width/height）固定，外层用 transform: scale 适配窗口，
+ * 所以同一份配置在 1920 屏和 1366 屏上布局完全一致、只是整体缩放。
+ */
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * 看板编码。迁入 design-ui 后不再读 vue-router（宿主刻意不上 router），由宿主传入：
+     *   ① 新窗口预览/大屏：`board.html?type=board&action=view&code=xxx`（看板独立入口，无设计器外壳）
+     *      —— 经 BoardApp 解析后传 :code；用 index.html 开同样参数也能跑，只是左侧会多出设计端页签。
+     *   ② 语言：原 `?lang=` 由宿主解析成 :lang 传入（见 load() 里的语言优先级）。
+     */
+    code: {
+        type: StringConstructor;
+        default: string;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {
+    boardCtx: {
+        params: import("../board-engine").BoardParams;
+        catalog: import("../board-engine").BoardParamCatalog;
+        dataHub: import("../board-engine").BoardDataHub;
+        assetBaseUrl: string;
+        locale: string;
+    };
+    /** 参数版本号：往下透传给 PartNode/PartRenderer（引擎 state 是普通对象，Vue 追踪不到） */
+    paramsVersion: number;
+    board: {};
+    config: any;
+    loading: boolean;
+    errorMessage: string;
+    refreshKey: number;
+    toolbarHidden: boolean;
+    scale: number;
+    viewportWidth: number;
+    locale: string;
+    locales: import("../board-engine").BoardLocale[];
+    resizeHandler: null;
+}, {
+    visibleParts(): any;
+    /** 顶层部件（子级由 PartNode 递归渲染）。堆叠模式下按视觉顺序排，手机上读到的顺序才和大屏一致 */
+    topParts(): any;
+    /** 当前生效的看板参数（下钻/筛选写进去的），用于工具栏chip 与一键清空 */
+    activeParams(): {
+        code: string;
+        value: string;
+    }[];
+    /**
+     * 看板参数版本号。
+     * ⚠️ 必须走 computed：paramState 是 import 进来的模块对象，
+     * `watch: { 'paramState.version'(){} }` 这种字符串路径是相对组件实例解析的，无效（踩过）。
+     */
+    paramVersion(): number;
+    scaleMode(): any;
+    isGrid(): boolean;
+    /** 窄屏（手机/竖屏）：栅格模式下一律堆叠成单列 */
+    narrow(): boolean;
+    /** 移动端策略自动/总是堆叠（'scale' = 老行为：整页等比缩放） */
+    stacked(): boolean;
+    /** 堆叠时整页走"单列 + 纵向流式"，与页面原本是 free 还是 grid 无关 */
+    useGridFlow(): boolean;
+    /** 手机上工具栏压到左上角并放大点击区域（原来固定右上角 + 12px 字体，手机上难点也不显眼） */
+    isMobile(): boolean;
+    scrollStyle(): {
+        overflow: string;
+        display: string;
+        alignItems?: undefined;
+        justifyContent?: undefined;
+    } | {
+        overflow: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+    };
+    holderStyle(): {
+        width: string;
+        minHeight: string;
+        position: string;
+        height?: undefined;
+        flex?: undefined;
+    } | {
+        width: string;
+        height: string;
+        position: string;
+        flex: string;
+        minHeight?: undefined;
+    };
+    /**
+     * 当前主题代号：挂在舞台元素上（`data-board-theme`），主题 CSS 的变量就是从这里生效的。
+     * 视觉用 page.theme（图表用 page.chartTheme，两者在设计器里是一起切的）。
+     */
+    themeCode(): any;
+    canvasStyle(): {
+        width: string;
+        minHeight: string;
+        display: string;
+        gridTemplateColumns: string;
+        gridAutoRows: string;
+        gap: string;
+        padding: string;
+        boxSizing: string;
+        background: any;
+        opacity: number;
+        position: string;
+        height?: undefined;
+        transform?: undefined;
+        transformOrigin?: undefined;
+        left?: undefined;
+        top?: undefined;
+        overflow?: undefined;
+    } | {
+        width: string;
+        height: string;
+        transform: string;
+        transformOrigin: string;
+        position: string;
+        left: number;
+        top: number;
+        overflow: string;
+        background: any;
+        opacity: number;
+        minHeight?: undefined;
+        display?: undefined;
+        gridTemplateColumns?: undefined;
+        gridAutoRows?: undefined;
+        gap?: undefined;
+        padding?: undefined;
+        boxSizing?: undefined;
+    };
+    stageStyle(): {
+        background: any;
+    };
+}, {
+    onResize(): void;
+    load(): Promise<void>;
+    /** 按窗口尺寸算缩放比；scaleMode=none 或栅格/堆叠时不用缩放（靠 CSS 自适应） */
+    fit(): void;
+    refresh(): void;
+    onLocaleChange(code: any): void;
+    /** 清掉一个参数（下钻后想回到全量时用） */
+    clearParam(code: any): void;
+    /**
+     * URL 参数 → 看板参数（深链）。
+     * ⚠ 只认**配置里声明过**的参数编码（导航的 paramCode、部件的 visibleWhen.param、
+     *   筛选方案的 paramCode、数据集声明的参数），其余一律忽略 ——
+     *   否则会把 ?type=/?code=/?lang= 这些**宿主参数**也灌进看板参数里。
+     */
+    navParamCodes(): Set<unknown>;
+    applyUrlParams(): void;
+    /** 导航参数写回 URL（replaceState，不产生历史记录）：这样当前页可刷新、可分享 */
+    syncUrlParams(): void;
+    clearAllParams(): void;
+    toggleFullscreen(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * 看板编码。迁入 design-ui 后不再读 vue-router（宿主刻意不上 router），由宿主传入：
+     *   ① 新窗口预览/大屏：`board.html?type=board&action=view&code=xxx`（看板独立入口，无设计器外壳）
+     *      —— 经 BoardApp 解析后传 :code；用 index.html 开同样参数也能跑，只是左侧会多出设计端页签。
+     *   ② 语言：原 `?lang=` 由宿主解析成 :lang 传入（见 load() 里的语言优先级）。
+     */
+    code: {
+        type: StringConstructor;
+        default: string;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    code: string;
+    lang: string;
+}, {}, {
+    PartNode: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        part: {
+            type: ObjectConstructor;
+            required: true;
+        };
+        page: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        allParts: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        themeCode: {
+            type: StringConstructor;
+            default: string;
+        };
+        refreshKey: {
+            type: NumberConstructor;
+            default: number;
+        };
+        paramsVersion: {
+            type: NumberConstructor;
+            default: number;
+        };
+        extraClass: {
+            type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        design: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        narrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        stacked: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        activeId: {
+            type: StringConstructor;
+            default: string;
+        };
+        inGrid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        depth: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>, {}, {}, {
+        stateClass(): {
+            active: boolean;
+            locked: boolean;
+            ghost: boolean;
+            'in-grid': boolean;
+        };
+        isChild(): boolean;
+        gridOptions(): {
+            cols: any;
+            rowHeight: any;
+            gap: any;
+            autoHeight: boolean;
+        };
+        childList(): any;
+        tabChildCounts(): {};
+        nodeStyle(): any;
+        isFreePositioned(): boolean;
+        parentIsFree(): boolean;
+        parentPart(): {} | null;
+    }, {
+        ctx(): {};
+        childListForTab(tab: any): any;
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        part: {
+            type: ObjectConstructor;
+            required: true;
+        };
+        page: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        allParts: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        themeCode: {
+            type: StringConstructor;
+            default: string;
+        };
+        refreshKey: {
+            type: NumberConstructor;
+            default: number;
+        };
+        paramsVersion: {
+            type: NumberConstructor;
+            default: number;
+        };
+        extraClass: {
+            type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        design: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        narrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        stacked: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        activeId: {
+            type: StringConstructor;
+            default: string;
+        };
+        inGrid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        depth: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{}>, {
+        page: Record<string, any>;
+        design: boolean;
+        themeCode: string;
+        refreshKey: number;
+        paramsVersion: number;
+        stacked: boolean;
+        narrow: boolean;
+        allParts: unknown[];
+        extraClass: string | Record<string, any> | unknown[];
+        activeId: string;
+        inGrid: boolean;
+        depth: number;
+    }, {}, {
+        PartRenderer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            part: {
+                type: ObjectConstructor;
+                required: true;
+            };
+            themeCode: {
+                type: StringConstructor;
+                default: string;
+            };
+            refreshKey: {
+                type: NumberConstructor;
+                default: number;
+            };
+            paramsVersion: {
+                type: NumberConstructor;
+                default: number;
+            };
+            gridOptions: {
+                type: ObjectConstructor;
+                default: () => {
+                    cols: number;
+                    rowHeight: number;
+                    gap: number;
+                };
+            };
+            childrenCount: {
+                type: NumberConstructor;
+                default: number;
+            };
+            tabChildCounts: {
+                type: ObjectConstructor;
+                default: () => {};
+            };
+            design: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            active: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            stacked: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            narrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {}, {
+            result: null;
+            loading: boolean;
+            carouselIndex: number;
+            activeTab: number;
+            timer: null;
+            shrunkFont: number;
+            dvRO: null;
+            dvROEl: null;
+        }, {
+            theme(): any;
+            tabHasChildren(): boolean;
+            childrenFree(): boolean;
+            childPad(): number;
+            titleBarH(): number;
+            titleOffsetStyle(): {
+                top?: undefined;
+                left?: undefined;
+            } | {
+                top: string;
+                left: string;
+            };
+            titleStyle(): "bar" | "chip";
+            childRowsFill(): boolean;
+            borderPreset(): any;
+            datavBorder(): import("vue").Component;
+            datavDecoration(): import("vue").Component;
+            datavColors(): any[];
+            datavDecoColors(): any[];
+            childGridStyle(): {
+                position: string;
+                inset: string;
+                height: string;
+                display: string;
+                flexDirection: string;
+                gap: string;
+                overflow: string;
+                top?: undefined;
+                gridTemplateColumns?: undefined;
+                gridAutoRows?: undefined;
+            } | {
+                overflow: string;
+                top: string | number;
+                position?: undefined;
+                inset?: undefined;
+                height?: undefined;
+                display?: undefined;
+                flexDirection?: undefined;
+                gap?: undefined;
+                gridTemplateColumns?: undefined;
+                gridAutoRows?: undefined;
+            } | {
+                display: string;
+                gridTemplateColumns: string;
+                gridAutoRows: string;
+                gap: string;
+                top: string | number;
+                overflow: string;
+                position?: undefined;
+                inset?: undefined;
+                height?: undefined;
+                flexDirection?: undefined;
+            };
+            hasData(): false;
+            bodyClass(): string[];
+            kpiBoxStyle(): {
+                alignItems: any;
+                textAlign: any;
+            };
+            bodyStyle(): any;
+            subStyle(): {
+                color: any;
+                fontSize: string;
+                letterSpacing: string;
+            };
+            valueStyle(): {
+                color: any;
+                fontFamily: any;
+                fontWeight: number;
+                fontVariantNumeric: string;
+            };
+            chartOption(): {
+                color: any;
+                tooltip: {
+                    trigger: string;
+                    backgroundColor: any;
+                    borderColor: any;
+                    borderWidth: number;
+                    padding: number[];
+                    textStyle: {
+                        color: any;
+                        fontSize: number;
+                        fontFamily: string;
+                    };
+                    extraCssText: string;
+                    axisPointer: {
+                        type: string;
+                        lineStyle: {
+                            color: any;
+                            width: number;
+                            type: string;
+                        };
+                        label: {
+                            backgroundColor: any;
+                            color: string;
+                            borderRadius: number;
+                            padding: number[];
+                        };
+                    };
+                };
+                legend: {
+                    orient: string;
+                    left: string;
+                    show: boolean;
+                    textStyle: {
+                        color: any;
+                        fontSize: number;
+                        fontFamily: string;
+                    };
+                    icon: string;
+                    itemWidth: number;
+                    itemHeight: number;
+                    itemGap: number;
+                    top: number | undefined;
+                    bottom: number | undefined;
+                    type: string;
+                } | {
+                    orient: string;
+                    right: number;
+                    top: string;
+                    show: boolean;
+                    textStyle: {
+                        color: any;
+                        fontSize: number;
+                        fontFamily: string;
+                    };
+                    icon: string;
+                    itemWidth: number;
+                    itemHeight: number;
+                    itemGap: number;
+                    bottom: number | undefined;
+                    type: string;
+                };
+                series: {
+                    type: string;
+                    radius: string | string[];
+                    center: string[];
+                    roseType: string | undefined;
+                    avoidLabelOverlap: boolean;
+                    itemStyle: {
+                        borderColor: any;
+                        borderWidth: number;
+                        borderRadius: number;
+                        shadowBlur: number;
+                        shadowColor: any;
+                    };
+                    label: {
+                        show: boolean;
+                        position?: undefined;
+                        color?: undefined;
+                        fontSize?: undefined;
+                        formatter?: undefined;
+                    } | {
+                        show: boolean;
+                        position: string;
+                        color: string;
+                        fontSize: number;
+                        formatter: string;
+                    } | {
+                        show: boolean;
+                        color: any;
+                        fontSize: number;
+                        formatter: string;
+                        position?: undefined;
+                    };
+                    labelLine: {
+                        lineStyle: {
+                            color: any;
+                        };
+                    };
+                    data: any;
+                }[];
+                radar?: undefined;
+                grid?: undefined;
+                xAxis?: undefined;
+                yAxis?: undefined;
+            } | {
+                color: any;
+                tooltip: {
+                    trigger: string;
+                    backgroundColor: any;
+                    borderColor: any;
+                    borderWidth: number;
+                    padding: number[];
+                    textStyle: {
+                        color: any;
+                        fontSize: number;
+                        fontFamily: string;
+                    };
+                    extraCssText: string;
+                    axisPointer: {
+                        type: string;
+                        lineStyle: {
+                            color: any;
+                            width: number;
+                            type: string;
+                        };
+                        label: {
+                            backgroundColor: any;
+                            color: string;
+                            borderRadius: number;
+                            padding: number[];
+                        };
+                    };
+                };
+                legend: {
+                    show: boolean;
+                    textStyle: {
+                        color: any;
+                        fontSize: number;
+                        fontFamily: string;
+                    };
+                    icon: string;
+                    itemWidth: number;
+                    itemHeight: number;
+                    itemGap: number;
+                    top: number | undefined;
+                    bottom: number | undefined;
+                    type: string;
+                };
+                series: {
+                    type: string;
+                    left: string;
+                    width: string;
+                    top: number;
+                    bottom: number;
+                    sort: string;
+                    gap: number;
+                    label: {
+                        color: any;
+                        fontSize: number;
+                        formatter: string;
+                    } & ({
+                        position: string;
+                        color: string;
+                        fontWeight: number;
+                    } | {
+                        position?: undefined;
+                        color?: undefined;
+                        fontWeight?: undefined;
+                    });
+                    itemStyle: {
+                        borderColor: string;
+                        borderWidth: number;
+                        borderRadius?: undefined;
+                    } | {
+                        borderColor: any;
+                        borderWidth: number;
+                        borderRadius: number;
+                    };
+                    data: any;
+                }[];
+                radar?: undefined;
+                grid?: undefined;
+                xAxis?: undefined;
+                yAxis?: undefined;
+            } | {
+                color: any;
+                tooltip: {
+                    trigger: string;
+                    backgroundColor: any;
+                    borderColor: any;
+                    borderWidth: number;
+                    padding: number[];
+                    textStyle: {
+                        color: any;
+                        fontSize: number;
+                        fontFamily: string;
+                    };
+                    extraCssText: string;
+                    axisPointer: {
+                        type: string;
+                        lineStyle: {
+                            color: any;
+                            width: number;
+                            type: string;
+                        };
+                        label: {
+                            backgroundColor: any;
+                            color: string;
+                            borderRadius: number;
+                            padding: number[];
+                        };
+                    };
+                };
+                legend: {
+                    show: boolean;
+                    textStyle: {
+                        color: any;
+                        fontSize: number;
+                        fontFamily: string;
+                    };
+                    icon: string;
+                    itemWidth: number;
+                    itemHeight: number;
+                    itemGap: number;
+                    top: number | undefined;
+                    bottom: number | undefined;
+                    type: string;
+                };
+                radar: {
+                    indicator: any;
+                    axisName: {
+                        color: any;
+                    };
+                    splitLine: {
+                        lineStyle: {
+                            color: any;
+                        };
+                    };
+                    splitArea: {
+                        areaStyle: {
+                            color: string[];
+                        };
+                    };
+                    axisLine: {
+                        lineStyle: {
+                            color: any;
+                        };
+                    };
+                };
+                series: {
+                    type: string;
+                    areaStyle: {
+                        opacity: number;
+                    };
+                    data: {
+                        value: any;
+                        name: any;
+                    }[];
+                }[];
+                grid?: undefined;
+                xAxis?: undefined;
+                yAxis?: undefined;
+            } | {
+                color: any;
+                tooltip: {
+                    trigger: string;
+                    backgroundColor: any;
+                    borderColor: any;
+                    borderWidth: number;
+                    padding: number[];
+                    textStyle: {
+                        color: any;
+                        fontSize: number;
+                        fontFamily: string;
+                    };
+                    extraCssText: string;
+                    axisPointer: {
+                        type: string;
+                        lineStyle: {
+                            color: any;
+                            width: number;
+                            type: string;
+                        };
+                        label: {
+                            backgroundColor: any;
+                            color: string;
+                            borderRadius: number;
+                            padding: number[];
+                        };
+                    };
+                };
+                grid: {
+                    left: number;
+                    right: number;
+                    top: number;
+                    bottom: number;
+                };
+                xAxis: {
+                    name: any;
+                    nameTextStyle: {
+                        color: any;
+                    };
+                    axisLine: {
+                        show: boolean;
+                    };
+                    axisTick: {
+                        show: boolean;
+                    };
+                    axisLabel: {
+                        color: any;
+                        fontSize: number;
+                        fontFamily: string;
+                    };
+                    splitLine: {
+                        show: boolean;
+                    };
+                    type: string;
+                    data: any;
+                };
+                yAxis: {
+                    name: any;
+                    nameTextStyle: {
+                        color: any;
+                    };
+                    splitLine: {
+                        lineStyle: {
+                            color: any;
+                            type: string;
+                        };
+                    };
+                    axisLine: {
+                        show: boolean;
+                    };
+                    axisTick: {
+                        show: boolean;
+                    };
+                    axisLabel: {
+                        color: any;
+                        fontSize: number;
+                        fontFamily: string;
+                    };
+                    type: string;
+                };
+                series: {
+                    type: string;
+                    symbolSize: number;
+                    itemStyle: {
+                        color: any;
+                        borderColor: any;
+                        borderWidth: number;
+                    };
+                    data: any;
+                }[];
+                legend?: undefined;
+                radar?: undefined;
+            } | {
+                color: any;
+                series: {
+                    type: string;
+                    min: number;
+                    max: number;
+                    progress: {
+                        show: boolean;
+                        width: number;
+                        roundCap: boolean;
+                        itemStyle: {
+                            color: {
+                                type: string;
+                                x: number;
+                                y: number;
+                                x2: number;
+                                y2: number;
+                                colorStops: {
+                                    offset: number;
+                                    color: any;
+                                }[];
+                            };
+                        };
+                    };
+                    axisLine: {
+                        roundCap: boolean;
+                        lineStyle: {
+                            width: number;
+                            color: any[][];
+                        };
+                    };
+                    axisLabel: {
+                        color: any;
+                        fontSize: number;
+                        distance: number;
+                    };
+                    axisTick: {
+                        show: boolean;
+                    };
+                    splitLine: {
+                        length: number;
+                        lineStyle: {
+                            color: any;
+                        };
+                    };
+                    pointer: {
+                        width: number;
+                        length: string;
+                        itemStyle: {
+                            color: any;
+                        };
+                    };
+                    anchor: {
+                        show: boolean;
+                        size: number;
+                        itemStyle: {
+                            color: any;
+                        };
+                    };
+                    detail: {
+                        valueAnimation: boolean;
+                        color: any;
+                        fontSize: number;
+                        fontWeight: number;
+                        offsetCenter: (string | number)[];
+                    };
+                    title: {
+                        color: any;
+                        fontSize: number;
+                        offsetCenter: (string | number)[];
+                    };
+                    data: {
+                        value: any;
+                        name: any;
+                    }[];
+                }[];
+                tooltip?: undefined;
+                legend?: undefined;
+                radar?: undefined;
+                grid?: undefined;
+                xAxis?: undefined;
+                yAxis?: undefined;
+            } | {
+                color: any;
+                series: {
+                    type: string;
+                    startAngle: number;
+                    endAngle: number;
+                    min: number;
+                    max: number;
+                    radius: string;
+                    pointer: {
+                        show: boolean;
+                    };
+                    progress: {
+                        show: boolean;
+                        overlap: boolean;
+                        roundCap: boolean;
+                        clip: boolean;
+                        width: number;
+                        itemStyle: {
+                            color: {
+                                type: string;
+                                x: number;
+                                y: number;
+                                x2: number;
+                                y2: number;
+                                colorStops: {
+                                    offset: number;
+                                    color: any;
+                                }[];
+                            };
+                        };
+                    };
+                    axisLine: {
+                        lineStyle: {
+                            width: number;
+                            color: any[][];
+                        };
+                    };
+                    splitLine: {
+                        show: boolean;
+                    };
+                    axisTick: {
+                        show: boolean;
+                    };
+                    axisLabel: {
+                        show: boolean;
+                    };
+                    anchor: {
+                        show: boolean;
+                    };
+                    detail: {
+                        valueAnimation: boolean;
+                        offsetCenter: number[];
+                        color: any;
+                        fontSize: number;
+                        fontWeight: number;
+                        formatter: (v: any) => string;
+                    };
+                    title: {
+                        show: boolean;
+                    };
+                    data: {
+                        value: number;
+                        name: any;
+                    }[];
+                }[];
+                tooltip?: undefined;
+                legend?: undefined;
+                radar?: undefined;
+                grid?: undefined;
+                xAxis?: undefined;
+                yAxis?: undefined;
+            } | {
+                color: any;
+                tooltip: {
+                    trigger: string;
+                    backgroundColor: any;
+                    borderColor: any;
+                    borderWidth: number;
+                    padding: number[];
+                    textStyle: {
+                        color: any;
+                        fontSize: number;
+                        fontFamily: string;
+                    };
+                    extraCssText: string;
+                    axisPointer: {
+                        type: string;
+                        lineStyle: {
+                            color: any;
+                            width: number;
+                            type: string;
+                        };
+                        label: {
+                            backgroundColor: any;
+                            color: string;
+                            borderRadius: number;
+                            padding: number[];
+                        };
+                    };
+                };
+                legend: {
+                    show: boolean;
+                    textStyle: {
+                        color: any;
+                        fontSize: number;
+                        fontFamily: string;
+                    };
+                    icon: string;
+                    itemWidth: number;
+                    itemHeight: number;
+                    itemGap: number;
+                    top: number | undefined;
+                    bottom: number | undefined;
+                    type: string;
+                };
+                grid: {
+                    left: number;
+                    right: number;
+                    top: number;
+                    bottom: number;
+                };
+                xAxis: {
+                    axisLine: {
+                        show: boolean;
+                    };
+                    axisTick: {
+                        show: boolean;
+                    };
+                    axisLabel: {
+                        color: any;
+                        fontSize: number;
+                        fontFamily: string;
+                    };
+                    splitLine: {
+                        show: boolean;
+                    };
+                    type: string;
+                    data: any;
+                    boundaryGap: boolean;
+                };
+                yAxis: any;
+                series: any;
+                radar?: undefined;
+            } | {
+                color: any;
+                tooltip: {
+                    trigger: string;
+                    backgroundColor: any;
+                    borderColor: any;
+                    borderWidth: number;
+                    padding: number[];
+                    textStyle: {
+                        color: any;
+                        fontSize: number;
+                        fontFamily: string;
+                    };
+                    extraCssText: string;
+                    axisPointer: {
+                        type: string;
+                        lineStyle: {
+                            color: any;
+                            width: number;
+                            type: string;
+                        };
+                        label: {
+                            backgroundColor: any;
+                            color: string;
+                            borderRadius: number;
+                            padding: number[];
+                        };
+                    };
+                };
+                legend: {
+                    show: boolean;
+                    textStyle: {
+                        color: any;
+                        fontSize: number;
+                        fontFamily: string;
+                    };
+                    icon: string;
+                    itemWidth: number;
+                    itemHeight: number;
+                    itemGap: number;
+                    top: number | undefined;
+                    bottom: number | undefined;
+                    type: string;
+                };
+                grid: {
+                    left: number;
+                    right: number;
+                    top: number;
+                    bottom: number;
+                };
+                xAxis: any;
+                yAxis: {
+                    axisLine: {
+                        show: boolean;
+                    };
+                    axisTick: {
+                        show: boolean;
+                    };
+                    axisLabel: {
+                        color: any;
+                        fontSize: number;
+                        fontFamily: string;
+                    };
+                    splitLine: {
+                        show: boolean;
+                    };
+                    type: string;
+                    data: any;
+                };
+                series: any;
+                radar?: undefined;
+            } | {
+                color: any;
+                tooltip: {
+                    trigger: string;
+                    backgroundColor: any;
+                    borderColor: any;
+                    borderWidth: number;
+                    padding: number[];
+                    textStyle: {
+                        color: any;
+                        fontSize: number;
+                        fontFamily: string;
+                    };
+                    extraCssText: string;
+                    axisPointer: {
+                        type: string;
+                        lineStyle: {
+                            color: any;
+                            width: number;
+                            type: string;
+                        };
+                        label: {
+                            backgroundColor: any;
+                            color: string;
+                            borderRadius: number;
+                            padding: number[];
+                        };
+                    };
+                };
+                legend: {
+                    show: boolean;
+                    textStyle: {
+                        color: any;
+                        fontSize: number;
+                        fontFamily: string;
+                    };
+                    icon: string;
+                    itemWidth: number;
+                    itemHeight: number;
+                    itemGap: number;
+                    top: number | undefined;
+                    bottom: number | undefined;
+                    type: string;
+                };
+                grid: {
+                    left: number;
+                    right: number;
+                    top: number;
+                    bottom: number;
+                };
+                xAxis: {
+                    axisLabel: {
+                        color: any;
+                        interval: string | number;
+                        rotate: number;
+                    };
+                    axisLine: {
+                        show: boolean;
+                    };
+                    axisTick: {
+                        show: boolean;
+                    };
+                    splitLine: {
+                        show: boolean;
+                    };
+                    type: string;
+                    data: any;
+                };
+                yAxis: any;
+                series: any;
+                radar?: undefined;
+            } | null;
+            kpiTitle(): any;
+            kpiValue(): any;
+            decimalFormat(): string;
+            tableColumns(): any[];
+            tableRows(): never[];
+            isSortable(): boolean;
+            isResizable(): boolean;
+            showSummary(): boolean;
+            hasColWidths(): boolean;
+            tableStyle(): {
+                width?: undefined;
+            } | {
+                width: string;
+            };
+            sortField(): any;
+            crossMeasures(): any;
+            crossView(): {
+                headRows: never[];
+                bodyRows: never[];
+                footCells: never[];
+                footTotal: string;
+                rowKey: string;
+                rowField: string;
+                colCount: number;
+            } | {
+                headRows: any[][];
+                bodyRows: {
+                    name: any;
+                    cells: any[];
+                    total: any;
+                }[];
+                footCells: any[];
+                footTotal: any;
+                rowKey: any;
+                rowField: any;
+                colCount: number;
+                rows: any[];
+                cols: any[];
+                map: {};
+                rowTotal: {};
+                colTotal: {};
+                grand: {};
+                multi: boolean;
+            };
+            tabs(): any;
+            tabContents(): any;
+            carouselImages(): any;
+            marqueeStyle(): {
+                animationDuration: string;
+                color: any;
+            };
+            progressValue(): number;
+            filterCfg(): any;
+            currentParam(): any;
+            navItems(): any;
+            navAbsolute(): boolean;
+            navActiveValue(): string;
+            navStyle(): {
+                fontSize: string;
+                fontFamily: any;
+                fontWeight: string;
+                fontStyle: string;
+                color: any;
+                letterSpacing: any;
+                textShadow: any;
+            } | {
+                gap: string;
+                '--nav-item-w': string;
+                '--nav-item-h': string;
+                fontSize: string;
+                fontFamily: any;
+                fontWeight: string;
+                fontStyle: string;
+                color: any;
+                letterSpacing: any;
+                textShadow: any;
+            };
+            textOverflow(): any;
+            textBoxStyle(): {
+                fontFamily: any;
+                fontSize: string;
+                fontWeight: string;
+                fontStyle: string;
+                color: any;
+                textAlign: any;
+            };
+            paramVersion(): any;
+        }, {
+            ctx(): {};
+            bindDatavResize(): void;
+            unbindDatavResize(): void;
+            mediaSrc(v: any): string;
+            colWidthOf(col: any): string;
+            load(force: any): Promise<void>;
+            isDim(col: any): boolean;
+            thStyle(col: any): {
+                textAlign: string;
+                position: string;
+            };
+            onSort(col: any): void;
+            startColResize(e: any, col: any): void;
+            summaryValue(col: any): number | null;
+            summaryText(col: any): any;
+            exportCsv(): void;
+            onDrill(field: any, value: any): void;
+            onCellClick(row: any, col: any): void;
+            onChartClick(p: any): void;
+            cellText(row: any, col: any): any;
+            measureText(index: any): any;
+            fmt(v: any): any;
+            startCarousel(): void;
+            onButtonClick(): void;
+            isNavActive(item: any): boolean;
+            navItemStyle(it: any): {
+                left: string;
+                top: string;
+            } | null;
+            onNavClick(item: any): void;
+            onFilterChange(val: any): void;
+            fitText(): void;
+            allParams(): any;
+        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            part: {
+                type: ObjectConstructor;
+                required: true;
+            };
+            themeCode: {
+                type: StringConstructor;
+                default: string;
+            };
+            refreshKey: {
+                type: NumberConstructor;
+                default: number;
+            };
+            paramsVersion: {
+                type: NumberConstructor;
+                default: number;
+            };
+            gridOptions: {
+                type: ObjectConstructor;
+                default: () => {
+                    cols: number;
+                    rowHeight: number;
+                    gap: number;
+                };
+            };
+            childrenCount: {
+                type: NumberConstructor;
+                default: number;
+            };
+            tabChildCounts: {
+                type: ObjectConstructor;
+                default: () => {};
+            };
+            design: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            active: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            stacked: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            narrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            design: boolean;
+            gridOptions: Record<string, any>;
+            active: boolean;
+            themeCode: string;
+            refreshKey: number;
+            paramsVersion: number;
+            childrenCount: number;
+            tabChildCounts: Record<string, any>;
+            stacked: boolean;
+            narrow: boolean;
+        }, {}, {
+            BoardChart: import("vue").DefineComponent<{
+                option?: Record<string, any> | null;
+            }, {
+                resize: () => void;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+                "chart-click": (payload: any) => any;
+            }, string, import("vue").PublicProps, Readonly<{
+                option?: Record<string, any> | null;
+            }> & Readonly<{
+                "onChart-click"?: ((payload: any) => any) | undefined;
+            }>, {
+                option: Record<string, any> | null;
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, () => {
+    [DESIGN_BOARD_CTX]: {
+        params: {
+            readonly state: {
+                values: Record<string, string>;
+                version: number;
+            };
+            set: (code: string, value: unknown) => void;
+            get: (code: string) => string | undefined;
+            all: () => Record<string, string>;
+            reset: () => void;
+            subscribe: (listener: (state: import("../board-engine").BoardParamState) => void) => () => void;
+        };
+        catalog: {
+            readonly state: {
+                byCode: Record<string, import("../board-engine").BoardParamDeclEntry>;
+                loadedKey: string;
+                loading: boolean;
+                version: number;
+            };
+            load: (setIds: (string | number | undefined | null)[]) => Promise<import("../board-engine").BoardParamCatalogState>;
+            reset: () => void;
+            declared: (code: string) => import("../board-engine").BoardParamDeclEntry | null;
+            list: () => import("../board-engine").BoardParamDeclEntry[];
+            effectiveFilter: (view: Record<string, any> | undefined) => import("../board-engine").EffectiveFilter;
+            subscribe: (listener: (state: import("../board-engine").BoardParamCatalogState) => void) => () => void;
+        };
+        dataHub: {
+            queryOf: (part: import("../board-engine").BoardPart) => import("../board-engine").BoardDataQuery | null;
+            fetch: (part: import("../board-engine").BoardPart, force?: boolean) => Promise<import("../board-engine").BoardDataResult | null>;
+            clear: () => void;
+            stats: () => import("../board-engine").BoardDataHubStats;
+        };
+        assetBaseUrl: string;
+        locale: string;
+    };
+}, true, {}, any>;
+export default _default;