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

package/dist/types/board/part-renderer.vue.d.ts

@@ -0,0 +1,1205 @@
+/**
+ * 部件渲染器：设计器与运行时**共用同一个组件**，保证"所见即所得"。
+ * 定位/尺寸由父容器负责，这里只画内容。
+ */
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    part: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    themeCode: {
+        type: StringConstructor;
+        default: string;
+    };
+    refreshKey: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 看板参数版本号（引擎的参数 state 是普通对象，Vue 追踪不到 ⇒ 由 DesignBoard 往下传） */
+    paramsVersion: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 容器内子栅格的几何（列数/行高/间距，来自整页设置） */
+    gridOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            cols: number;
+            rowHeight: number;
+            gap: number;
+        };
+    };
+    /** 本部件直接子级的总数（决定容器显示子级还是显示空提示） */
+    childrenCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 每个页签各有几个子级，形如 {0:2, 2:1} */
+    tabChildCounts: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /** 设计器里为 true：空容器的引导文案只在设计器显示，不泄漏到运行时大屏 */
+    design: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 设计器里"当前选中的就是这个部件"：选中时把容器的**内容区**画成虚线框，
+     *  这样"子级有没有超出内容区"一眼可见（用户反馈过"text 的区域好像超出 container 了"）。 */
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 移动端堆叠：容器内的子部件区改成纵向流式（否则 inset:0 的绝对定位区在 auto 高度下会塌成 0） */
+    stacked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 窄屏：图例挪到底部、饼图居中收窄（图表 option 用） */
+    narrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {
+    result: null;
+    loading: boolean;
+    carouselIndex: number;
+    activeTab: number;
+    timer: null;
+    shrunkFont: number;
+    dvRO: null;
+    dvROEl: null;
+}, {
+    theme(): any;
+    /** tab容器当前页签里有没有子部件（有就显示子栅格、没有就回落成原来的文字内容） */
+    tabHasChildren(): boolean;
+    /** 本容器的子级是否用绝对定位摆放（容器设置里的 childLayout='free'） */
+    childrenFree(): boolean;
+    /** 本容器的内边距（部件级可配）。⚠️ 必须与 schema.paddingOf 用同一个来源：
+     *  内框宽度、拖入容器的列计算都用它，写死 10 会让"按落点算列"整体偏一列。 */
+    childPad(): number;
+    /** 标题要占的面板内高度（内容区顶部让位）：bar 恒定 34，chip 挪进面板内时按实际高度算 */
+    titleBarH(): number;
+    /**
+     * 胶囊标题的内联位置：
+     *   纵向 = titleOffsetOf（相对面板上沿的偏移，0 = 贴面板内上沿）
+     *   横向 = 容器内边距 + titleInsetOf（默认再多缩 8px，即与内容左边缘略错开一点）
+     * 标题压在切角标记上没关系：标题 z-index 1、切角 z-index 0，观感是"标签切断框线"。
+     */
+    titleOffsetStyle(): {
+        top?: undefined;
+        left?: undefined;
+    } | {
+        top: string;
+        left: string;
+    };
+    /** 容器标题样式：chip（胶囊骑框线，默认）/ bar（框内标题条，见 TITLE_BAR_HEIGHT） */
+    titleStyle(): "bar" | "chip";
+    /** 子栅格行高是否"撑满容器内区"（见 schema.childRowsOf 的说明） */
+    childRowsFill(): boolean;
+    /** 容器边框样式预设（四角括号 / 切角描边 / 描边流光 / DataV 边框 / 无） */
+    borderPreset(): any;
+    /** DataV 边框组件（borderPreset==='datav' 时用），编号取自 view.datavBorder */
+    datavBorder(): import("vue").Component;
+    /** DataV 装饰组件（decoration 部件用），编号取自 view.datavDecoration */
+    datavDecoration(): import("vue").Component;
+    /**
+     * DataV **边框**的配色（容器边框预设=datav 时用）。取自主题 `--brd-frame-1 / --brd-frame-2`。
+     *
+     * ⚠️ 第二个颜色默认是 **transparent**，这是刻意的：读了 DataV borderBox 的源码，
+     *    `color[0]` 画整圈细框（1px），`color[1]` 画的是**沿边流动的光点**（3px + 径向发光遮罩）。
+     *    给它一个不透明色，任何时候都有一条边比其余三条又粗又亮 ⇒ 用户反馈"四条边的颜色不一样"。
+     *    主题里把 `--brd-frame-2` 写回颜色就能把那条流光要回来（同色流光＝写 var(--brd-accent)）。
+     */
+    datavColors(): any[];
+    /**
+     * DataV **装饰部件**（decoration 1–12）的配色：另一对变量 `--brd-deco-1 / --brd-deco-2`。
+     * 不能跟边框共用 —— 边框那边第二个颜色是 transparent（关掉流光），装饰要是也 transparent 就缺一半。
+     */
+    datavDecoColors(): any[];
+    /** 子级栅格：列宽用 1fr ⇒ 容器一变宽子级就跟着重排，这就是"容器内子栅格"的意义 */
+    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;
+    /**
+     * 根容器要不要放开裁切。
+     * 静态边框/自由容器的标题是**骑在框线上、画在框外面**的（top:-11px），
+     * 而 .part-body 默认 overflow:hidden ⇒ 标题上半截会被切掉（用户反馈"卡片标题没显示全"）。
+     * 这两个类型的内部内容是 .part-children（自己带 overflow:auto），放开父级不会让内容溢出。
+     */
+    bodyClass(): string[];
+    /** 指标卡：把"对齐"落到横向排布上（.kpi 是纵向 flex，align-items 才是横向对齐；
+     *  以前 text.align 对指标卡同样完全不生效 —— 与文本部件同一个根因） */
+    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;
+    /**
+     * 表格宽度（只对"有拖过列宽"的明细表生效）。
+     *
+     * ⚠️ 原来的 CSS 是 `.fixed { width: max-content; min-width: 100% }` —— 表格按**内容最大宽度**排版，
+     * 于是只要"纵向滚动条"占掉十几像素，max-content 就比可视宽度大一点点 ⇒ **凭空冒出一条横向滚动条**
+     * （表格明明塞得下；用户反馈"这个应该没有 scroll-x"）。
+     *
+     * 现在：
+     *  - 所有列都有显式宽度（用户逐列拖过）⇒ width = max(100%, 各列合计)，合计真的超了才横向滚动；
+     *  - 还有"自动列"（只拖了其中几列）⇒ 交给浏览器按 100% 排（显式宽度仍然作为该列的最小宽度生效，
+     *    真放不下时表格会自己撑破容器、滚动条照旧出现）。
+     */
+    tableStyle(): {
+        width?: undefined;
+    } | {
+        width: string;
+    };
+    sortField(): any;
+    /** 交叉表用的度量列表（多度量：每个度量一组数值列） */
+    crossMeasures(): any;
+    /**
+     * 交叉表的**整份视图数据**：表头行 / 表体行 / 表尾单元格，一次算完。
+     *
+     * ⚠️ 为什么要合成一个 computed：之前拆成 crossHeadRows / crossBodyRows / crossFootCells 三个 computed，
+     * 它们都依赖另一个 computed（cross），结果出现了"cross 已经是最新（28 行 6 列）、
+     * 但表头 computed 还停在空数据那一版"的缓存不失效问题 —— 表头永远只有 2 列、$forceUpdate 都救不回来。
+     * 合成一个、直接从 result/part 推，就不存在链式 computed 的缓存问题。
+     */
+    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;
+    /** 导航项（过滤掉空项；value 缺省时回落成 label） */
+    navItems(): any;
+    /** 绝对定位模式：每个菜单项自己带 x/y/w/h（设计稿里菜单项是**沿斜切板排布**的，
+         等宽等距的流式布局对不上，所以给 nav 加了这种布局） */
+    navAbsolute(): boolean;
+    /**
+     * 导航的"当前选中值"：
+     *   运行时 —— 以**真实参数值**为准（刷新/深链/别处改参数都会跟着动）
+     *   设计器 —— 以 view.active 为准，这样第 2 页的部件也能被编辑（设计器不过滤 visibleWhen）
+     */
+    navActiveValue(): string;
+    /** 导航布局：间距与项尺寸走 CSS 变量，主题负责长相 */
+    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;
+    /**
+     * 文本部件的内联样式：**必须把 textStyle(part, theme) 应用上**。
+     * 以前这里只返回"自动缩小字号"时的 fontSize，于是部件设置里的
+     * 字体/字号/加粗/斜体/颜色/对齐**全都没生效**（对齐是用户报的）。
+     * 另外 .part-text 是 flex（为了垂直居中），所以横向对齐除了 textAlign
+     * 还要给 justifyContent —— flex 容器里 text-align 管不到 flex item 的位置。
+     */
+    textBoxStyle(): {
+        fontFamily: any;
+        fontSize: string;
+        fontWeight: string;
+        fontStyle: string;
+        color: any;
+        textAlign: any;
+    };
+    /**
+     * 看板参数版本号（必须走 computed）。
+     * ⚠️ 踩过的坑：直接写 `watch: { 'paramState.version'(){} }` 是无效的 ——
+     * Vue 的字符串路径是相对**组件实例**解析的，而 paramState 是 import 进来的模块对象，
+     * 解析不到 → 永远不触发（表现为"筛选点了没反应"）。
+     */
+    paramVersion(): any;
+}, {
+    /** 上下文（缺失直接抛：静默降级只会让"数据不出来"更难查） */
+    ctx(): {};
+    /**
+     * DataV 边框/装饰的**尺寸同步**（实测踩到的坑，2026-09）。
+     *
+     * DataV 的 "自适应" 其实很弱：`lib/util/observerDomResize` 是 **MutationObserver 盯自身 `style` 属性**，
+     * 外加一个 window resize 监听（`lib/mixin/autoResize.js`）。而我们的部件框是**父节点改宽高**
+     * （`.part` 的行内 width/height，DataV 根节点只有 class 给的 `inset:0`），它自己的 `style` 属性从头到尾不变
+     * ⇒ 拖拽缩放/栅格重排/移动端堆叠之后，边框**不重量**：实测部件宽从 340 改成 200，根节点跟到 200，
+     * 但 svg 的 width 还停在 340（边框和框错位，看起来像"边框画歪了"）。
+     *
+     * 修法：自己挂一个真 ResizeObserver（和 BoardChart.vue 里图表用的是同一套做法），
+     * 尺寸变了就调 DataV 组件暴露出来的 `initWH(true)` 让它重新量一次（mixin 的方法，实例上直接可调）。
+     * 只在"量到的尺寸和它自己记的不一样"时调用，避免 svg 重画反过来触发观察器形成回环。
+     */
+    bindDatavResize(): void;
+    unbindDatavResize(): void;
+    /** 配置里的 src → 可直接渲染的地址（asset: 引用在这里才拼成当前部署的 URL，见 engine/asset.js） */
+    mediaSrc(v: any): string;
+    /** 表格某列的宽度（colgroup 用）。⚠️ 必须放 methods：模板里是 colWidthOf(c) 这种调用写法，
+        放 computed 会变成"不是函数"，渲染直接抛错 ⇒ DOM 停在旧状态（这个错我犯了两次，见文件里另一处注释）
+        优先用用户拖过的宽度；否则数值列给一个固定窄宽（数字本来就不长），**文本列给 auto**（平分剩余空间） */
+    colWidthOf(col: any): string;
+    load(force: any): Promise<void>;
+    isDim(col: any): boolean;
+    thStyle(col: any): {
+        textAlign: string;
+        position: string;
+    };
+    /** 点表头：切换排序字段/方向。写回部件配置（走服务端 orderField，大数据量也正确）并立刻重查 */
+    onSort(col: any): void;
+    /**
+     * 拖表头右边缘调列宽，存进部件配置（跟着看板一起保存）。
+     * ⚠️ 必须用 $set 整体替换 colWidths：colWidths 在老配置里通常还不存在，
+     * 直接 `view.colWidths = {...}` 是"加新 key"，Vue 2 检测不到 ⇒ colgroup 不渲染、
+     * 表现成"拖了列宽但表格没反应"（我在这上面栽过）。
+     */
+    startColResize(e: any, col: any): void;
+    /** 合计行：数字列求和，非数字列留空 */
+    summaryValue(col: any): number | null;
+    summaryText(col: any): any;
+    /** 导出当前渲染的数据为 CSV（带 BOM，Excel 打开不乱码） */
+    exportCsv(): void;
+    onDrill(field: any, value: any): void;
+    onCellClick(row: any, col: any): void;
+    /** 图表点击下钻：类目名就是维度值（饼图用 name，直角坐标系用类目名） */
+    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;
+    /**
+     * 导航点击：
+     *   mode=param（默认，主模型）—— 只写看板参数 ⇒ 各部件按 view.visibleWhen 显隐、并按参数重新取数
+     *   mode=code                 —— 跳另一个看板（同窗）
+     *   mode=both                 —— 先写参数再跳（目标看板可带同一参数继续用）
+     * item.reset：切页时顺带清掉的业务参数（如 ['ageRange']）——导航参数本身不清。
+     */
+    /** 绝对布局下：项的坐标以**部件盒子左上角**为原点（设计稿坐标 - 部件 x/y 由调用方算好）
+     *  ⚠ 必须放 methods：Vue 2 的 computed 里定义成函数会被当 getter，`vm.navItemStyle(it)`
+     *  会报 "is not a function" → 整个 nav 部件的渲染直接抛错，DOM 里只剩一个空注释。 */
+    navItemStyle(it: any): {
+        left: string;
+        top: string;
+    } | null;
+    onNavClick(item: any): void;
+    onFilterChange(val: any): void;
+    /**
+     * 文本"自动缩小字号"：从设定字号起逐级降，直到内容放得下（或到下限 10px）。
+     * 为什么要这么做：绝对/栅格布局里文本高度是给定的，而多语言（英文比中文长）和长文案
+     * 会让文字溢出被静默裁掉。缩小字号是比裁切更可接受的降级。
+     *
+     * ⚠️ 两个必须遵守的点（否则会死循环/结果错）：
+     *  1) 每轮先把字号写到内层元素上再测量 —— 直接读会被"上一次渲染"的字号干扰；
+     *  2) 只有结果真的变了才写 shrunkFont —— 无条件先赋值 base 会让
+     *     updated() → fitText() → 改数据 → updated() 无限来回（base ⇄ 缩小值）。
+     */
+    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;
+    };
+    /** 看板参数版本号（引擎的参数 state 是普通对象，Vue 追踪不到 ⇒ 由 DesignBoard 往下传） */
+    paramsVersion: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 容器内子栅格的几何（列数/行高/间距，来自整页设置） */
+    gridOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            cols: number;
+            rowHeight: number;
+            gap: number;
+        };
+    };
+    /** 本部件直接子级的总数（决定容器显示子级还是显示空提示） */
+    childrenCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 每个页签各有几个子级，形如 {0:2, 2:1} */
+    tabChildCounts: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /** 设计器里为 true：空容器的引导文案只在设计器显示，不泄漏到运行时大屏 */
+    design: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 设计器里"当前选中的就是这个部件"：选中时把容器的**内容区**画成虚线框，
+     *  这样"子级有没有超出内容区"一眼可见（用户反馈过"text 的区域好像超出 container 了"）。 */
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 移动端堆叠：容器内的子部件区改成纵向流式（否则 inset:0 的绝对定位区在 auto 高度下会塌成 0） */
+    stacked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 窄屏：图例挪到底部、饼图居中收窄（图表 option 用） */
+    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>;
+export default _default;