jojotaoo_components 0.0.1-beta.0

package/dist/stores/dashboard.d.ts

@@ -0,0 +1,3240 @@
+import type { EditCanvasConfigType, RequestGlobalConfigType, RequestConfigType, DataPondItem, CanvasComponent } from '../types';
+import { DEFAULT_ATTR } from '../types';
+import type { EventsType, InteractActionItem, InteractEventItem } from '../types/events';
+import { type ChartThemePreset } from '../config/chartThemes';
+export declare const useDashboardStore: import("pinia").StoreDefinition<"dashboard", Pick<{
+    components: import("vue").Ref<{
+        props: Record<string, any>;
+        id: string;
+        key: string;
+        isGroup?: boolean | undefined;
+        chartConfig: {
+            key: string;
+            chartKey: string;
+            conKey: string;
+            title: string;
+            category: string;
+            categoryName: string;
+            package: string;
+            chartFrame: string;
+            image: string;
+            redirectComponent?: string | undefined;
+            dataset?: any;
+            disabled?: boolean | undefined;
+            icon?: string | undefined;
+        };
+        attr: {
+            x: number;
+            y: number;
+            w: number;
+            h: number;
+            offsetX: number;
+            offsetY: number;
+            zIndex: number;
+        };
+        styles: {
+            filterShow: boolean;
+            opacity: number;
+            saturate: number;
+            contrast: number;
+            hueRotate: number;
+            brightness: number;
+            rotateZ: number;
+            rotateX: number;
+            rotateY: number;
+            skewX: number;
+            skewY: number;
+            blendMode: string;
+            animations: string[];
+        };
+        status: {
+            lock: boolean;
+            hide: boolean;
+        };
+        filter?: string | undefined;
+        preview: {
+            overFlowHidden: boolean;
+        };
+        events?: {
+            baseEvent?: {
+                click?: string | undefined;
+                dblclick?: string | undefined;
+                mouseenter?: string | undefined;
+                mouseleave?: string | undefined;
+            } | undefined;
+            advancedEvents?: {
+                vnodeMounted?: string | undefined;
+                vnodeBeforeMount?: string | undefined;
+            } | undefined;
+            interactEvents?: {
+                interactOn: string;
+                interactComponentId?: string | undefined;
+                interactComponentIds: string[];
+                interactFn: Record<string, string>;
+                requestOverrides?: {
+                    params: Record<string, string>;
+                    body: Record<string, string>;
+                } | undefined;
+            }[] | undefined;
+        } | undefined;
+        interactActions?: {
+            interactType: string;
+            interactName: string;
+            componentEmitEvents: Record<string, {
+                value: string;
+                label: string;
+            }[]>;
+        }[] | undefined;
+        interactOverrides?: Record<string, any> | undefined;
+        request?: {
+            requestDataType: 0 | 1 | 2;
+            requestUrl?: string | undefined;
+            requestHttpType?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+            requestContentType?: number | undefined;
+            requestParamsBodyType?: string | undefined;
+            requestSQLContent?: {
+                sql: string;
+            } | undefined;
+            requestParams?: {
+                Params: Record<string, string>;
+                Header: Record<string, string>;
+                Body: {
+                    'form-data': Record<string, string>;
+                    'x-www-form-urlencoded': Record<string, string>;
+                    json: string;
+                    xml: string;
+                };
+            } | undefined;
+            requestInterval?: number | null | undefined;
+            requestIntervalUnit?: string | undefined;
+            requestDataPondId?: string | undefined;
+        } | undefined;
+        option: Record<string, any>;
+        chartStyle?: {
+            themeName: string;
+            grid: {
+                top: number;
+                bottom: number;
+                left: number;
+                right: number;
+            };
+            titleStyle: {
+                show: boolean;
+                fontSize: number;
+                color: string;
+                left: number | string;
+                top: number | string;
+            };
+            legend: {
+                show: boolean;
+                orient: "horizontal" | "vertical";
+                left: number | string;
+                top: number | string;
+                fontSize: number;
+                icon: "circle" | "rect" | "roundRect" | "triangle" | "diamond";
+                textColor: string;
+                layoutMode: "echarts" | "grid";
+                gridColumns: number;
+                itemGap: number;
+                unit: string;
+            };
+            xAxis: {
+                show: boolean;
+                name: string;
+                labelFontSize: number;
+                labelRotate: number;
+                lineColor: string;
+                labelColor: string;
+            };
+            yAxis: {
+                show: boolean;
+                name: string;
+                labelFontSize: number;
+                min: number | null;
+                max: number | null;
+                splitLineShow: boolean;
+                splitLineColor: string;
+                labelColor: string;
+            };
+            series: {
+                smooth: boolean;
+                symbol: string;
+                symbolSize: number;
+                barWidth: number | string;
+                barGap: string | number;
+                barCategoryGap: string | number;
+                barBorderRadius: number;
+                barColorByData: boolean;
+                lineWidth: number;
+                showArea: boolean;
+                showLabel: boolean;
+                labelFontSize: number;
+                color: string;
+                colorEnd: string;
+                colorList: string[];
+                areaOpacityStart: number;
+                areaOpacityEnd: number;
+                labelColor: string;
+                pieRadius: number;
+                pieRoseType: boolean;
+                pieLabelPosition: "inside" | "outside" | "center";
+                subTitle: string;
+                mapRegionColor: string;
+                mapRegionBorderColor: string;
+                mapRegionHoverColor: string;
+                mapLabelShow: boolean;
+                mapLabelColor: string;
+                mapLabelFontSize: number;
+                mapVisualMin: number;
+                mapVisualMax: number;
+                mapVisualColors: string[];
+                mapVisualMapShow: boolean;
+                mapMarkPointShow: boolean;
+                mapMarkPointSymbolSize: number;
+                mapMarkPointColor: string;
+                mapMarkPointBorderWidth: number;
+                mapMarkPointShadowColor: string;
+                mapMarkPointLabelShow: boolean;
+                mapMarkPointLabelFontSize: number;
+                mapSelectColor: string;
+                mapSelectLabelColor: string;
+                mapSelectBorderColor: string;
+                mapSelectBorderWidth: number;
+                mapSelectShadowBlur: number;
+                mapSelectShadowColor: string;
+                mapHoverBorderColor: string;
+                mapHoverBorderWidth: number;
+                mapHoverShadowBlur: number;
+                mapHoverShadowColor: string;
+                mapEmphasisLabelColor: string;
+                mapEmphasisLabelFontSize: number;
+                mapLabelFontWeight: number;
+                mapMiniMapShow: boolean;
+                mapMiniMapWidth: number;
+                mapMiniMapHeight: number;
+                mapTooltipDimensionUnits: Record<string, string>;
+            };
+            tooltip: {
+                show: boolean;
+                trigger: "axis" | "item" | "none";
+                backgroundColor: string;
+                borderColor: string;
+                textColor: string;
+            };
+            backgroundColor: string;
+            backgroundOpacity: number;
+        } | undefined;
+        groupList?: {
+            id: string;
+            key: string;
+            isGroup?: boolean | undefined;
+            chartConfig: {
+                key: string;
+                chartKey: string;
+                conKey: string;
+                title: string;
+                category: string;
+                categoryName: string;
+                package: string;
+                chartFrame: string;
+                image: string;
+                redirectComponent?: string | undefined;
+                dataset?: any;
+                disabled?: boolean | undefined;
+                icon?: string | undefined;
+            };
+            attr: {
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                offsetX: number;
+                offsetY: number;
+                zIndex: number;
+            };
+            styles: {
+                filterShow: boolean;
+                opacity: number;
+                saturate: number;
+                contrast: number;
+                hueRotate: number;
+                brightness: number;
+                rotateZ: number;
+                rotateX: number;
+                rotateY: number;
+                skewX: number;
+                skewY: number;
+                blendMode: string;
+                animations: string[];
+            };
+            status: {
+                lock: boolean;
+                hide: boolean;
+            };
+            filter?: string | undefined;
+            preview: {
+                overFlowHidden: boolean;
+            };
+            events?: {
+                baseEvent?: {
+                    click?: string | undefined;
+                    dblclick?: string | undefined;
+                    mouseenter?: string | undefined;
+                    mouseleave?: string | undefined;
+                } | undefined;
+                advancedEvents?: {
+                    vnodeMounted?: string | undefined;
+                    vnodeBeforeMount?: string | undefined;
+                } | undefined;
+                interactEvents?: {
+                    interactOn: string;
+                    interactComponentId?: string | undefined;
+                    interactComponentIds: string[];
+                    interactFn: Record<string, string>;
+                    requestOverrides?: {
+                        params: Record<string, string>;
+                        body: Record<string, string>;
+                    } | undefined;
+                }[] | undefined;
+            } | undefined;
+            interactActions?: {
+                interactType: string;
+                interactName: string;
+                componentEmitEvents: Record<string, {
+                    value: string;
+                    label: string;
+                }[]>;
+            }[] | undefined;
+            interactOverrides?: Record<string, any> | undefined;
+            request?: {
+                requestDataType: 0 | 1 | 2;
+                requestUrl?: string | undefined;
+                requestHttpType?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+                requestContentType?: number | undefined;
+                requestParamsBodyType?: string | undefined;
+                requestSQLContent?: {
+                    sql: string;
+                } | undefined;
+                requestParams?: {
+                    Params: Record<string, string>;
+                    Header: Record<string, string>;
+                    Body: {
+                        'form-data': Record<string, string>;
+                        'x-www-form-urlencoded': Record<string, string>;
+                        json: string;
+                        xml: string;
+                    };
+                } | undefined;
+                requestInterval?: number | null | undefined;
+                requestIntervalUnit?: string | undefined;
+                requestDataPondId?: string | undefined;
+            } | undefined;
+            option: Record<string, any>;
+            chartStyle?: {
+                themeName: string;
+                grid: {
+                    top: number;
+                    bottom: number;
+                    left: number;
+                    right: number;
+                };
+                titleStyle: {
+                    show: boolean;
+                    fontSize: number;
+                    color: string;
+                    left: number | string;
+                    top: number | string;
+                };
+                legend: {
+                    show: boolean;
+                    orient: "horizontal" | "vertical";
+                    left: number | string;
+                    top: number | string;
+                    fontSize: number;
+                    icon: "circle" | "rect" | "roundRect" | "triangle" | "diamond";
+                    textColor: string;
+                    layoutMode: "echarts" | "grid";
+                    gridColumns: number;
+                    itemGap: number;
+                    unit: string;
+                };
+                xAxis: {
+                    show: boolean;
+                    name: string;
+                    labelFontSize: number;
+                    labelRotate: number;
+                    lineColor: string;
+                    labelColor: string;
+                };
+                yAxis: {
+                    show: boolean;
+                    name: string;
+                    labelFontSize: number;
+                    min: number | null;
+                    max: number | null;
+                    splitLineShow: boolean;
+                    splitLineColor: string;
+                    labelColor: string;
+                };
+                series: {
+                    smooth: boolean;
+                    symbol: string;
+                    symbolSize: number;
+                    barWidth: number | string;
+                    barGap: string | number;
+                    barCategoryGap: string | number;
+                    barBorderRadius: number;
+                    barColorByData: boolean;
+                    lineWidth: number;
+                    showArea: boolean;
+                    showLabel: boolean;
+                    labelFontSize: number;
+                    color: string;
+                    colorEnd: string;
+                    colorList: string[];
+                    areaOpacityStart: number;
+                    areaOpacityEnd: number;
+                    labelColor: string;
+                    pieRadius: number;
+                    pieRoseType: boolean;
+                    pieLabelPosition: "inside" | "outside" | "center";
+                    subTitle: string;
+                    mapRegionColor: string;
+                    mapRegionBorderColor: string;
+                    mapRegionHoverColor: string;
+                    mapLabelShow: boolean;
+                    mapLabelColor: string;
+                    mapLabelFontSize: number;
+                    mapVisualMin: number;
+                    mapVisualMax: number;
+                    mapVisualColors: string[];
+                    mapVisualMapShow: boolean;
+                    mapMarkPointShow: boolean;
+                    mapMarkPointSymbolSize: number;
+                    mapMarkPointColor: string;
+                    mapMarkPointBorderWidth: number;
+                    mapMarkPointShadowColor: string;
+                    mapMarkPointLabelShow: boolean;
+                    mapMarkPointLabelFontSize: number;
+                    mapSelectColor: string;
+                    mapSelectLabelColor: string;
+                    mapSelectBorderColor: string;
+                    mapSelectBorderWidth: number;
+                    mapSelectShadowBlur: number;
+                    mapSelectShadowColor: string;
+                    mapHoverBorderColor: string;
+                    mapHoverBorderWidth: number;
+                    mapHoverShadowBlur: number;
+                    mapHoverShadowColor: string;
+                    mapEmphasisLabelColor: string;
+                    mapEmphasisLabelFontSize: number;
+                    mapLabelFontWeight: number;
+                    mapMiniMapShow: boolean;
+                    mapMiniMapWidth: number;
+                    mapMiniMapHeight: number;
+                    mapTooltipDimensionUnits: Record<string, string>;
+                };
+                tooltip: {
+                    show: boolean;
+                    trigger: "axis" | "item" | "none";
+                    backgroundColor: string;
+                    borderColor: string;
+                    textColor: string;
+                };
+                backgroundColor: string;
+                backgroundOpacity: number;
+            } | undefined;
+            groupList?: /*elided*/ any[] | undefined;
+        }[] | undefined;
+    }[], CanvasComponent[] | {
+        props: Record<string, any>;
+        id: string;
+        key: string;
+        isGroup?: boolean | undefined;
+        chartConfig: {
+            key: string;
+            chartKey: string;
+            conKey: string;
+            title: string;
+            category: string;
+            categoryName: string;
+            package: string;
+            chartFrame: string;
+            image: string;
+            redirectComponent?: string | undefined;
+            dataset?: any;
+            disabled?: boolean | undefined;
+            icon?: string | undefined;
+        };
+        attr: {
+            x: number;
+            y: number;
+            w: number;
+            h: number;
+            offsetX: number;
+            offsetY: number;
+            zIndex: number;
+        };
+        styles: {
+            filterShow: boolean;
+            opacity: number;
+            saturate: number;
+            contrast: number;
+            hueRotate: number;
+            brightness: number;
+            rotateZ: number;
+            rotateX: number;
+            rotateY: number;
+            skewX: number;
+            skewY: number;
+            blendMode: string;
+            animations: string[];
+        };
+        status: {
+            lock: boolean;
+            hide: boolean;
+        };
+        filter?: string | undefined;
+        preview: {
+            overFlowHidden: boolean;
+        };
+        events?: {
+            baseEvent?: {
+                click?: string | undefined;
+                dblclick?: string | undefined;
+                mouseenter?: string | undefined;
+                mouseleave?: string | undefined;
+            } | undefined;
+            advancedEvents?: {
+                vnodeMounted?: string | undefined;
+                vnodeBeforeMount?: string | undefined;
+            } | undefined;
+            interactEvents?: {
+                interactOn: string;
+                interactComponentId?: string | undefined;
+                interactComponentIds: string[];
+                interactFn: Record<string, string>;
+                requestOverrides?: {
+                    params: Record<string, string>;
+                    body: Record<string, string>;
+                } | undefined;
+            }[] | undefined;
+        } | undefined;
+        interactActions?: {
+            interactType: string;
+            interactName: string;
+            componentEmitEvents: Record<string, {
+                value: string;
+                label: string;
+            }[]>;
+        }[] | undefined;
+        interactOverrides?: Record<string, any> | undefined;
+        request?: {
+            requestDataType: 0 | 1 | 2;
+            requestUrl?: string | undefined;
+            requestHttpType?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+            requestContentType?: number | undefined;
+            requestParamsBodyType?: string | undefined;
+            requestSQLContent?: {
+                sql: string;
+            } | undefined;
+            requestParams?: {
+                Params: Record<string, string>;
+                Header: Record<string, string>;
+                Body: {
+                    'form-data': Record<string, string>;
+                    'x-www-form-urlencoded': Record<string, string>;
+                    json: string;
+                    xml: string;
+                };
+            } | undefined;
+            requestInterval?: number | null | undefined;
+            requestIntervalUnit?: string | undefined;
+            requestDataPondId?: string | undefined;
+        } | undefined;
+        option: Record<string, any>;
+        chartStyle?: {
+            themeName: string;
+            grid: {
+                top: number;
+                bottom: number;
+                left: number;
+                right: number;
+            };
+            titleStyle: {
+                show: boolean;
+                fontSize: number;
+                color: string;
+                left: number | string;
+                top: number | string;
+            };
+            legend: {
+                show: boolean;
+                orient: "horizontal" | "vertical";
+                left: number | string;
+                top: number | string;
+                fontSize: number;
+                icon: "circle" | "rect" | "roundRect" | "triangle" | "diamond";
+                textColor: string;
+                layoutMode: "echarts" | "grid";
+                gridColumns: number;
+                itemGap: number;
+                unit: string;
+            };
+            xAxis: {
+                show: boolean;
+                name: string;
+                labelFontSize: number;
+                labelRotate: number;
+                lineColor: string;
+                labelColor: string;
+            };
+            yAxis: {
+                show: boolean;
+                name: string;
+                labelFontSize: number;
+                min: number | null;
+                max: number | null;
+                splitLineShow: boolean;
+                splitLineColor: string;
+                labelColor: string;
+            };
+            series: {
+                smooth: boolean;
+                symbol: string;
+                symbolSize: number;
+                barWidth: number | string;
+                barGap: string | number;
+                barCategoryGap: string | number;
+                barBorderRadius: number;
+                barColorByData: boolean;
+                lineWidth: number;
+                showArea: boolean;
+                showLabel: boolean;
+                labelFontSize: number;
+                color: string;
+                colorEnd: string;
+                colorList: string[];
+                areaOpacityStart: number;
+                areaOpacityEnd: number;
+                labelColor: string;
+                pieRadius: number;
+                pieRoseType: boolean;
+                pieLabelPosition: "inside" | "outside" | "center";
+                subTitle: string;
+                mapRegionColor: string;
+                mapRegionBorderColor: string;
+                mapRegionHoverColor: string;
+                mapLabelShow: boolean;
+                mapLabelColor: string;
+                mapLabelFontSize: number;
+                mapVisualMin: number;
+                mapVisualMax: number;
+                mapVisualColors: string[];
+                mapVisualMapShow: boolean;
+                mapMarkPointShow: boolean;
+                mapMarkPointSymbolSize: number;
+                mapMarkPointColor: string;
+                mapMarkPointBorderWidth: number;
+                mapMarkPointShadowColor: string;
+                mapMarkPointLabelShow: boolean;
+                mapMarkPointLabelFontSize: number;
+                mapSelectColor: string;
+                mapSelectLabelColor: string;
+                mapSelectBorderColor: string;
+                mapSelectBorderWidth: number;
+                mapSelectShadowBlur: number;
+                mapSelectShadowColor: string;
+                mapHoverBorderColor: string;
+                mapHoverBorderWidth: number;
+                mapHoverShadowBlur: number;
+                mapHoverShadowColor: string;
+                mapEmphasisLabelColor: string;
+                mapEmphasisLabelFontSize: number;
+                mapLabelFontWeight: number;
+                mapMiniMapShow: boolean;
+                mapMiniMapWidth: number;
+                mapMiniMapHeight: number;
+                mapTooltipDimensionUnits: Record<string, string>;
+            };
+            tooltip: {
+                show: boolean;
+                trigger: "axis" | "item" | "none";
+                backgroundColor: string;
+                borderColor: string;
+                textColor: string;
+            };
+            backgroundColor: string;
+            backgroundOpacity: number;
+        } | undefined;
+        groupList?: {
+            id: string;
+            key: string;
+            isGroup?: boolean | undefined;
+            chartConfig: {
+                key: string;
+                chartKey: string;
+                conKey: string;
+                title: string;
+                category: string;
+                categoryName: string;
+                package: string;
+                chartFrame: string;
+                image: string;
+                redirectComponent?: string | undefined;
+                dataset?: any;
+                disabled?: boolean | undefined;
+                icon?: string | undefined;
+            };
+            attr: {
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                offsetX: number;
+                offsetY: number;
+                zIndex: number;
+            };
+            styles: {
+                filterShow: boolean;
+                opacity: number;
+                saturate: number;
+                contrast: number;
+                hueRotate: number;
+                brightness: number;
+                rotateZ: number;
+                rotateX: number;
+                rotateY: number;
+                skewX: number;
+                skewY: number;
+                blendMode: string;
+                animations: string[];
+            };
+            status: {
+                lock: boolean;
+                hide: boolean;
+            };
+            filter?: string | undefined;
+            preview: {
+                overFlowHidden: boolean;
+            };
+            events?: {
+                baseEvent?: {
+                    click?: string | undefined;
+                    dblclick?: string | undefined;
+                    mouseenter?: string | undefined;
+                    mouseleave?: string | undefined;
+                } | undefined;
+                advancedEvents?: {
+                    vnodeMounted?: string | undefined;
+                    vnodeBeforeMount?: string | undefined;
+                } | undefined;
+                interactEvents?: {
+                    interactOn: string;
+                    interactComponentId?: string | undefined;
+                    interactComponentIds: string[];
+                    interactFn: Record<string, string>;
+                    requestOverrides?: {
+                        params: Record<string, string>;
+                        body: Record<string, string>;
+                    } | undefined;
+                }[] | undefined;
+            } | undefined;
+            interactActions?: {
+                interactType: string;
+                interactName: string;
+                componentEmitEvents: Record<string, {
+                    value: string;
+                    label: string;
+                }[]>;
+            }[] | undefined;
+            interactOverrides?: Record<string, any> | undefined;
+            request?: {
+                requestDataType: 0 | 1 | 2;
+                requestUrl?: string | undefined;
+                requestHttpType?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+                requestContentType?: number | undefined;
+                requestParamsBodyType?: string | undefined;
+                requestSQLContent?: {
+                    sql: string;
+                } | undefined;
+                requestParams?: {
+                    Params: Record<string, string>;
+                    Header: Record<string, string>;
+                    Body: {
+                        'form-data': Record<string, string>;
+                        'x-www-form-urlencoded': Record<string, string>;
+                        json: string;
+                        xml: string;
+                    };
+                } | undefined;
+                requestInterval?: number | null | undefined;
+                requestIntervalUnit?: string | undefined;
+                requestDataPondId?: string | undefined;
+            } | undefined;
+            option: Record<string, any>;
+            chartStyle?: {
+                themeName: string;
+                grid: {
+                    top: number;
+                    bottom: number;
+                    left: number;
+                    right: number;
+                };
+                titleStyle: {
+                    show: boolean;
+                    fontSize: number;
+                    color: string;
+                    left: number | string;
+                    top: number | string;
+                };
+                legend: {
+                    show: boolean;
+                    orient: "horizontal" | "vertical";
+                    left: number | string;
+                    top: number | string;
+                    fontSize: number;
+                    icon: "circle" | "rect" | "roundRect" | "triangle" | "diamond";
+                    textColor: string;
+                    layoutMode: "echarts" | "grid";
+                    gridColumns: number;
+                    itemGap: number;
+                    unit: string;
+                };
+                xAxis: {
+                    show: boolean;
+                    name: string;
+                    labelFontSize: number;
+                    labelRotate: number;
+                    lineColor: string;
+                    labelColor: string;
+                };
+                yAxis: {
+                    show: boolean;
+                    name: string;
+                    labelFontSize: number;
+                    min: number | null;
+                    max: number | null;
+                    splitLineShow: boolean;
+                    splitLineColor: string;
+                    labelColor: string;
+                };
+                series: {
+                    smooth: boolean;
+                    symbol: string;
+                    symbolSize: number;
+                    barWidth: number | string;
+                    barGap: string | number;
+                    barCategoryGap: string | number;
+                    barBorderRadius: number;
+                    barColorByData: boolean;
+                    lineWidth: number;
+                    showArea: boolean;
+                    showLabel: boolean;
+                    labelFontSize: number;
+                    color: string;
+                    colorEnd: string;
+                    colorList: string[];
+                    areaOpacityStart: number;
+                    areaOpacityEnd: number;
+                    labelColor: string;
+                    pieRadius: number;
+                    pieRoseType: boolean;
+                    pieLabelPosition: "inside" | "outside" | "center";
+                    subTitle: string;
+                    mapRegionColor: string;
+                    mapRegionBorderColor: string;
+                    mapRegionHoverColor: string;
+                    mapLabelShow: boolean;
+                    mapLabelColor: string;
+                    mapLabelFontSize: number;
+                    mapVisualMin: number;
+                    mapVisualMax: number;
+                    mapVisualColors: string[];
+                    mapVisualMapShow: boolean;
+                    mapMarkPointShow: boolean;
+                    mapMarkPointSymbolSize: number;
+                    mapMarkPointColor: string;
+                    mapMarkPointBorderWidth: number;
+                    mapMarkPointShadowColor: string;
+                    mapMarkPointLabelShow: boolean;
+                    mapMarkPointLabelFontSize: number;
+                    mapSelectColor: string;
+                    mapSelectLabelColor: string;
+                    mapSelectBorderColor: string;
+                    mapSelectBorderWidth: number;
+                    mapSelectShadowBlur: number;
+                    mapSelectShadowColor: string;
+                    mapHoverBorderColor: string;
+                    mapHoverBorderWidth: number;
+                    mapHoverShadowBlur: number;
+                    mapHoverShadowColor: string;
+                    mapEmphasisLabelColor: string;
+                    mapEmphasisLabelFontSize: number;
+                    mapLabelFontWeight: number;
+                    mapMiniMapShow: boolean;
+                    mapMiniMapWidth: number;
+                    mapMiniMapHeight: number;
+                    mapTooltipDimensionUnits: Record<string, string>;
+                };
+                tooltip: {
+                    show: boolean;
+                    trigger: "axis" | "item" | "none";
+                    backgroundColor: string;
+                    borderColor: string;
+                    textColor: string;
+                };
+                backgroundColor: string;
+                backgroundOpacity: number;
+            } | undefined;
+            groupList?: /*elided*/ any[] | undefined;
+        }[] | undefined;
+    }[]>;
+    selectedId: import("vue").Ref<string | null, string | null>;
+    selectedIds: import("vue").Ref<string[], string[]>;
+    selectedComponent: import("vue").ComputedRef<CanvasComponent | null>;
+    isPreviewMode: import("vue").Ref<boolean, boolean>;
+    componentDefinitions: import("../config/componentDefinitions").ComponentDefinition[];
+    editCanvasConfig: import("vue").Ref<{
+        projectName: string;
+        width: number;
+        height: number;
+        background: string;
+        backgroundImage: string | null;
+        filterShow: boolean;
+        opacity: number;
+        saturate: number;
+        contrast: number;
+        hueRotate: number;
+        brightness: number;
+        blendMode: string;
+        customTheme: {
+            name: string;
+            label: string;
+            colors: {
+                titleColor: string;
+                legendTextColor: string;
+                axisLineColor: string;
+                axisLabelColor: string;
+                splitLineColor: string;
+                seriesColor: string;
+                seriesColorEnd: string;
+                seriesColorList: string[];
+                areaOpacityStart: number;
+                areaOpacityEnd: number;
+                labelColor: string;
+                tooltipBg: string;
+                tooltipBorder: string;
+                tooltipTextColor: string;
+                backgroundColor: string;
+            };
+        } | null;
+    }, EditCanvasConfigType | {
+        projectName: string;
+        width: number;
+        height: number;
+        background: string;
+        backgroundImage: string | null;
+        filterShow: boolean;
+        opacity: number;
+        saturate: number;
+        contrast: number;
+        hueRotate: number;
+        brightness: number;
+        blendMode: string;
+        customTheme: {
+            name: string;
+            label: string;
+            colors: {
+                titleColor: string;
+                legendTextColor: string;
+                axisLineColor: string;
+                axisLabelColor: string;
+                splitLineColor: string;
+                seriesColor: string;
+                seriesColorEnd: string;
+                seriesColorList: string[];
+                areaOpacityStart: number;
+                areaOpacityEnd: number;
+                labelColor: string;
+                tooltipBg: string;
+                tooltipBorder: string;
+                tooltipTextColor: string;
+                backgroundColor: string;
+            };
+        } | null;
+    }>;
+    requestGlobalConfig: import("vue").Ref<{
+        requestOriginUrl: string;
+        requestInterval: number;
+        requestIntervalUnit: "second" | "minute" | "hour" | "day";
+        requestHeader: Record<string, string>;
+        requestDataPond: {
+            dataPondId: string;
+            dataPondName: string;
+            dataPondRequestConfig: {
+                requestDataType: 0 | 1 | 2;
+                requestUrl?: string | undefined;
+                requestHttpType?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+                requestContentType?: number | undefined;
+                requestParamsBodyType?: string | undefined;
+                requestSQLContent?: {
+                    sql: string;
+                } | undefined;
+                requestParams?: {
+                    Params: Record<string, string>;
+                    Header: Record<string, string>;
+                    Body: {
+                        'form-data': Record<string, string>;
+                        'x-www-form-urlencoded': Record<string, string>;
+                        json: string;
+                        xml: string;
+                    };
+                } | undefined;
+                requestInterval?: number | null | undefined;
+                requestIntervalUnit?: string | undefined;
+                requestDataPondId?: string | undefined;
+            };
+        }[];
+    }, RequestGlobalConfigType | {
+        requestOriginUrl: string;
+        requestInterval: number;
+        requestIntervalUnit: "second" | "minute" | "hour" | "day";
+        requestHeader: Record<string, string>;
+        requestDataPond: {
+            dataPondId: string;
+            dataPondName: string;
+            dataPondRequestConfig: {
+                requestDataType: 0 | 1 | 2;
+                requestUrl?: string | undefined;
+                requestHttpType?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+                requestContentType?: number | undefined;
+                requestParamsBodyType?: string | undefined;
+                requestSQLContent?: {
+                    sql: string;
+                } | undefined;
+                requestParams?: {
+                    Params: Record<string, string>;
+                    Header: Record<string, string>;
+                    Body: {
+                        'form-data': Record<string, string>;
+                        'x-www-form-urlencoded': Record<string, string>;
+                        json: string;
+                        xml: string;
+                    };
+                } | undefined;
+                requestInterval?: number | null | undefined;
+                requestIntervalUnit?: string | undefined;
+                requestDataPondId?: string | undefined;
+            };
+        }[];
+    }>;
+    addComponent: (key: string) => void;
+    removeComponent: (id: string) => void;
+    selectComponent: (id: string | null) => void;
+    toggleSelectComponent: (id: string) => void;
+    selectComponentsByRect: (x: number, y: number, w: number, h: number) => void;
+    clearSelection: () => void;
+    setPreviewMode: (value: boolean) => void;
+    groupSelectedComponents: () => void;
+    ungroupComponent: (groupId: string) => void;
+    updateComponentProp: (id: string, key: string, value: any) => void;
+    updateComponentProps: (id: string, props: Record<string, any>) => void;
+    updateComponentTitle: (id: string, title: string) => void;
+    updateComponentPosition: (id: string, x: number, y: number) => void;
+    updateComponentSize: (id: string, w: number, h: number) => void;
+    updateCanvasConfig: (config: Partial<EditCanvasConfigType>) => void;
+    updateRequestGlobalConfig: (config: Partial<RequestGlobalConfigType>) => void;
+    findComponent: (id: string) => CanvasComponent | null;
+    updateComponentAttr: (id: string, key: keyof typeof DEFAULT_ATTR, value: number) => void;
+    updateComponentStyle: (id: string, key: string, value: number | string) => void;
+    updateComponentOption: (id: string, key: string, value: any) => void;
+    updateChartStyle: (id: string, path: string, value: any) => void;
+    applyThemeToAll: (preset: ChartThemePreset) => void;
+    saveCustomTheme: (preset: ChartThemePreset) => void;
+    toggleComponentStatus: (id: string, statusKey: "lock" | "hide") => void;
+    toggleComponentPreviewOverflow: (id: string) => void;
+    toggleComponentFilterShow: (id: string) => void;
+    updateComponentFilter: (id: string, value: string) => void;
+    moveComponentDelta: (id: string, dx: number, dy: number, baseX: number, baseY: number, pageW?: number, pageH?: number) => void;
+    resizeComponentDelta: (id: string, dw: number, dh: number, baseW: number, baseH: number, maxW?: number, maxH?: number) => void;
+    updateOptionDatasetDimension: (id: string, index: number, value: string) => void;
+    updateOptionDatasetCell: (id: string, rowIndex: number, colIndex: number, value: string) => void;
+    addOptionDatasetRow: (id: string) => void;
+    removeOptionDatasetRow: (id: string, rowIndex: number) => void;
+    addDataPond: (item: DataPondItem) => void;
+    updateDataPond: (id: string, item: Partial<DataPondItem>) => void;
+    removeDataPond: (id: string) => void;
+    updateComponentRequest: (id: string, request: Partial<RequestConfigType>) => void;
+    interactFilters: import("vue").Ref<Record<string, Record<string, any>>, Record<string, Record<string, any>>>;
+    updateComponentEvents: (id: string, events: EventsType) => void;
+    updateComponentInteractActions: (id: string, actions: InteractActionItem[]) => void;
+    addInteractEvent: (id: string, event: InteractEventItem) => void;
+    removeInteractEvent: (id: string, index: number) => void;
+    updateInteractEvent: (id: string, index: number, patch: Partial<InteractEventItem>) => void;
+    applyInteractAction: (targetId: string, method: string, value: any) => void;
+    clearInteractFilters: (targetId?: string) => void;
+    duplicateComponent: (id: string) => void;
+    loadSchema: (schema: {
+        editCanvasConfig?: any;
+        requestGlobalConfig?: any;
+        componentList?: any[];
+    }) => void;
+}, "components" | "selectedId" | "selectedIds" | "isPreviewMode" | "componentDefinitions" | "editCanvasConfig" | "requestGlobalConfig" | "interactFilters">, Pick<{
+    components: import("vue").Ref<{
+        props: Record<string, any>;
+        id: string;
+        key: string;
+        isGroup?: boolean | undefined;
+        chartConfig: {
+            key: string;
+            chartKey: string;
+            conKey: string;
+            title: string;
+            category: string;
+            categoryName: string;
+            package: string;
+            chartFrame: string;
+            image: string;
+            redirectComponent?: string | undefined;
+            dataset?: any;
+            disabled?: boolean | undefined;
+            icon?: string | undefined;
+        };
+        attr: {
+            x: number;
+            y: number;
+            w: number;
+            h: number;
+            offsetX: number;
+            offsetY: number;
+            zIndex: number;
+        };
+        styles: {
+            filterShow: boolean;
+            opacity: number;
+            saturate: number;
+            contrast: number;
+            hueRotate: number;
+            brightness: number;
+            rotateZ: number;
+            rotateX: number;
+            rotateY: number;
+            skewX: number;
+            skewY: number;
+            blendMode: string;
+            animations: string[];
+        };
+        status: {
+            lock: boolean;
+            hide: boolean;
+        };
+        filter?: string | undefined;
+        preview: {
+            overFlowHidden: boolean;
+        };
+        events?: {
+            baseEvent?: {
+                click?: string | undefined;
+                dblclick?: string | undefined;
+                mouseenter?: string | undefined;
+                mouseleave?: string | undefined;
+            } | undefined;
+            advancedEvents?: {
+                vnodeMounted?: string | undefined;
+                vnodeBeforeMount?: string | undefined;
+            } | undefined;
+            interactEvents?: {
+                interactOn: string;
+                interactComponentId?: string | undefined;
+                interactComponentIds: string[];
+                interactFn: Record<string, string>;
+                requestOverrides?: {
+                    params: Record<string, string>;
+                    body: Record<string, string>;
+                } | undefined;
+            }[] | undefined;
+        } | undefined;
+        interactActions?: {
+            interactType: string;
+            interactName: string;
+            componentEmitEvents: Record<string, {
+                value: string;
+                label: string;
+            }[]>;
+        }[] | undefined;
+        interactOverrides?: Record<string, any> | undefined;
+        request?: {
+            requestDataType: 0 | 1 | 2;
+            requestUrl?: string | undefined;
+            requestHttpType?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+            requestContentType?: number | undefined;
+            requestParamsBodyType?: string | undefined;
+            requestSQLContent?: {
+                sql: string;
+            } | undefined;
+            requestParams?: {
+                Params: Record<string, string>;
+                Header: Record<string, string>;
+                Body: {
+                    'form-data': Record<string, string>;
+                    'x-www-form-urlencoded': Record<string, string>;
+                    json: string;
+                    xml: string;
+                };
+            } | undefined;
+            requestInterval?: number | null | undefined;
+            requestIntervalUnit?: string | undefined;
+            requestDataPondId?: string | undefined;
+        } | undefined;
+        option: Record<string, any>;
+        chartStyle?: {
+            themeName: string;
+            grid: {
+                top: number;
+                bottom: number;
+                left: number;
+                right: number;
+            };
+            titleStyle: {
+                show: boolean;
+                fontSize: number;
+                color: string;
+                left: number | string;
+                top: number | string;
+            };
+            legend: {
+                show: boolean;
+                orient: "horizontal" | "vertical";
+                left: number | string;
+                top: number | string;
+                fontSize: number;
+                icon: "circle" | "rect" | "roundRect" | "triangle" | "diamond";
+                textColor: string;
+                layoutMode: "echarts" | "grid";
+                gridColumns: number;
+                itemGap: number;
+                unit: string;
+            };
+            xAxis: {
+                show: boolean;
+                name: string;
+                labelFontSize: number;
+                labelRotate: number;
+                lineColor: string;
+                labelColor: string;
+            };
+            yAxis: {
+                show: boolean;
+                name: string;
+                labelFontSize: number;
+                min: number | null;
+                max: number | null;
+                splitLineShow: boolean;
+                splitLineColor: string;
+                labelColor: string;
+            };
+            series: {
+                smooth: boolean;
+                symbol: string;
+                symbolSize: number;
+                barWidth: number | string;
+                barGap: string | number;
+                barCategoryGap: string | number;
+                barBorderRadius: number;
+                barColorByData: boolean;
+                lineWidth: number;
+                showArea: boolean;
+                showLabel: boolean;
+                labelFontSize: number;
+                color: string;
+                colorEnd: string;
+                colorList: string[];
+                areaOpacityStart: number;
+                areaOpacityEnd: number;
+                labelColor: string;
+                pieRadius: number;
+                pieRoseType: boolean;
+                pieLabelPosition: "inside" | "outside" | "center";
+                subTitle: string;
+                mapRegionColor: string;
+                mapRegionBorderColor: string;
+                mapRegionHoverColor: string;
+                mapLabelShow: boolean;
+                mapLabelColor: string;
+                mapLabelFontSize: number;
+                mapVisualMin: number;
+                mapVisualMax: number;
+                mapVisualColors: string[];
+                mapVisualMapShow: boolean;
+                mapMarkPointShow: boolean;
+                mapMarkPointSymbolSize: number;
+                mapMarkPointColor: string;
+                mapMarkPointBorderWidth: number;
+                mapMarkPointShadowColor: string;
+                mapMarkPointLabelShow: boolean;
+                mapMarkPointLabelFontSize: number;
+                mapSelectColor: string;
+                mapSelectLabelColor: string;
+                mapSelectBorderColor: string;
+                mapSelectBorderWidth: number;
+                mapSelectShadowBlur: number;
+                mapSelectShadowColor: string;
+                mapHoverBorderColor: string;
+                mapHoverBorderWidth: number;
+                mapHoverShadowBlur: number;
+                mapHoverShadowColor: string;
+                mapEmphasisLabelColor: string;
+                mapEmphasisLabelFontSize: number;
+                mapLabelFontWeight: number;
+                mapMiniMapShow: boolean;
+                mapMiniMapWidth: number;
+                mapMiniMapHeight: number;
+                mapTooltipDimensionUnits: Record<string, string>;
+            };
+            tooltip: {
+                show: boolean;
+                trigger: "axis" | "item" | "none";
+                backgroundColor: string;
+                borderColor: string;
+                textColor: string;
+            };
+            backgroundColor: string;
+            backgroundOpacity: number;
+        } | undefined;
+        groupList?: {
+            id: string;
+            key: string;
+            isGroup?: boolean | undefined;
+            chartConfig: {
+                key: string;
+                chartKey: string;
+                conKey: string;
+                title: string;
+                category: string;
+                categoryName: string;
+                package: string;
+                chartFrame: string;
+                image: string;
+                redirectComponent?: string | undefined;
+                dataset?: any;
+                disabled?: boolean | undefined;
+                icon?: string | undefined;
+            };
+            attr: {
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                offsetX: number;
+                offsetY: number;
+                zIndex: number;
+            };
+            styles: {
+                filterShow: boolean;
+                opacity: number;
+                saturate: number;
+                contrast: number;
+                hueRotate: number;
+                brightness: number;
+                rotateZ: number;
+                rotateX: number;
+                rotateY: number;
+                skewX: number;
+                skewY: number;
+                blendMode: string;
+                animations: string[];
+            };
+            status: {
+                lock: boolean;
+                hide: boolean;
+            };
+            filter?: string | undefined;
+            preview: {
+                overFlowHidden: boolean;
+            };
+            events?: {
+                baseEvent?: {
+                    click?: string | undefined;
+                    dblclick?: string | undefined;
+                    mouseenter?: string | undefined;
+                    mouseleave?: string | undefined;
+                } | undefined;
+                advancedEvents?: {
+                    vnodeMounted?: string | undefined;
+                    vnodeBeforeMount?: string | undefined;
+                } | undefined;
+                interactEvents?: {
+                    interactOn: string;
+                    interactComponentId?: string | undefined;
+                    interactComponentIds: string[];
+                    interactFn: Record<string, string>;
+                    requestOverrides?: {
+                        params: Record<string, string>;
+                        body: Record<string, string>;
+                    } | undefined;
+                }[] | undefined;
+            } | undefined;
+            interactActions?: {
+                interactType: string;
+                interactName: string;
+                componentEmitEvents: Record<string, {
+                    value: string;
+                    label: string;
+                }[]>;
+            }[] | undefined;
+            interactOverrides?: Record<string, any> | undefined;
+            request?: {
+                requestDataType: 0 | 1 | 2;
+                requestUrl?: string | undefined;
+                requestHttpType?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+                requestContentType?: number | undefined;
+                requestParamsBodyType?: string | undefined;
+                requestSQLContent?: {
+                    sql: string;
+                } | undefined;
+                requestParams?: {
+                    Params: Record<string, string>;
+                    Header: Record<string, string>;
+                    Body: {
+                        'form-data': Record<string, string>;
+                        'x-www-form-urlencoded': Record<string, string>;
+                        json: string;
+                        xml: string;
+                    };
+                } | undefined;
+                requestInterval?: number | null | undefined;
+                requestIntervalUnit?: string | undefined;
+                requestDataPondId?: string | undefined;
+            } | undefined;
+            option: Record<string, any>;
+            chartStyle?: {
+                themeName: string;
+                grid: {
+                    top: number;
+                    bottom: number;
+                    left: number;
+                    right: number;
+                };
+                titleStyle: {
+                    show: boolean;
+                    fontSize: number;
+                    color: string;
+                    left: number | string;
+                    top: number | string;
+                };
+                legend: {
+                    show: boolean;
+                    orient: "horizontal" | "vertical";
+                    left: number | string;
+                    top: number | string;
+                    fontSize: number;
+                    icon: "circle" | "rect" | "roundRect" | "triangle" | "diamond";
+                    textColor: string;
+                    layoutMode: "echarts" | "grid";
+                    gridColumns: number;
+                    itemGap: number;
+                    unit: string;
+                };
+                xAxis: {
+                    show: boolean;
+                    name: string;
+                    labelFontSize: number;
+                    labelRotate: number;
+                    lineColor: string;
+                    labelColor: string;
+                };
+                yAxis: {
+                    show: boolean;
+                    name: string;
+                    labelFontSize: number;
+                    min: number | null;
+                    max: number | null;
+                    splitLineShow: boolean;
+                    splitLineColor: string;
+                    labelColor: string;
+                };
+                series: {
+                    smooth: boolean;
+                    symbol: string;
+                    symbolSize: number;
+                    barWidth: number | string;
+                    barGap: string | number;
+                    barCategoryGap: string | number;
+                    barBorderRadius: number;
+                    barColorByData: boolean;
+                    lineWidth: number;
+                    showArea: boolean;
+                    showLabel: boolean;
+                    labelFontSize: number;
+                    color: string;
+                    colorEnd: string;
+                    colorList: string[];
+                    areaOpacityStart: number;
+                    areaOpacityEnd: number;
+                    labelColor: string;
+                    pieRadius: number;
+                    pieRoseType: boolean;
+                    pieLabelPosition: "inside" | "outside" | "center";
+                    subTitle: string;
+                    mapRegionColor: string;
+                    mapRegionBorderColor: string;
+                    mapRegionHoverColor: string;
+                    mapLabelShow: boolean;
+                    mapLabelColor: string;
+                    mapLabelFontSize: number;
+                    mapVisualMin: number;
+                    mapVisualMax: number;
+                    mapVisualColors: string[];
+                    mapVisualMapShow: boolean;
+                    mapMarkPointShow: boolean;
+                    mapMarkPointSymbolSize: number;
+                    mapMarkPointColor: string;
+                    mapMarkPointBorderWidth: number;
+                    mapMarkPointShadowColor: string;
+                    mapMarkPointLabelShow: boolean;
+                    mapMarkPointLabelFontSize: number;
+                    mapSelectColor: string;
+                    mapSelectLabelColor: string;
+                    mapSelectBorderColor: string;
+                    mapSelectBorderWidth: number;
+                    mapSelectShadowBlur: number;
+                    mapSelectShadowColor: string;
+                    mapHoverBorderColor: string;
+                    mapHoverBorderWidth: number;
+                    mapHoverShadowBlur: number;
+                    mapHoverShadowColor: string;
+                    mapEmphasisLabelColor: string;
+                    mapEmphasisLabelFontSize: number;
+                    mapLabelFontWeight: number;
+                    mapMiniMapShow: boolean;
+                    mapMiniMapWidth: number;
+                    mapMiniMapHeight: number;
+                    mapTooltipDimensionUnits: Record<string, string>;
+                };
+                tooltip: {
+                    show: boolean;
+                    trigger: "axis" | "item" | "none";
+                    backgroundColor: string;
+                    borderColor: string;
+                    textColor: string;
+                };
+                backgroundColor: string;
+                backgroundOpacity: number;
+            } | undefined;
+            groupList?: /*elided*/ any[] | undefined;
+        }[] | undefined;
+    }[], CanvasComponent[] | {
+        props: Record<string, any>;
+        id: string;
+        key: string;
+        isGroup?: boolean | undefined;
+        chartConfig: {
+            key: string;
+            chartKey: string;
+            conKey: string;
+            title: string;
+            category: string;
+            categoryName: string;
+            package: string;
+            chartFrame: string;
+            image: string;
+            redirectComponent?: string | undefined;
+            dataset?: any;
+            disabled?: boolean | undefined;
+            icon?: string | undefined;
+        };
+        attr: {
+            x: number;
+            y: number;
+            w: number;
+            h: number;
+            offsetX: number;
+            offsetY: number;
+            zIndex: number;
+        };
+        styles: {
+            filterShow: boolean;
+            opacity: number;
+            saturate: number;
+            contrast: number;
+            hueRotate: number;
+            brightness: number;
+            rotateZ: number;
+            rotateX: number;
+            rotateY: number;
+            skewX: number;
+            skewY: number;
+            blendMode: string;
+            animations: string[];
+        };
+        status: {
+            lock: boolean;
+            hide: boolean;
+        };
+        filter?: string | undefined;
+        preview: {
+            overFlowHidden: boolean;
+        };
+        events?: {
+            baseEvent?: {
+                click?: string | undefined;
+                dblclick?: string | undefined;
+                mouseenter?: string | undefined;
+                mouseleave?: string | undefined;
+            } | undefined;
+            advancedEvents?: {
+                vnodeMounted?: string | undefined;
+                vnodeBeforeMount?: string | undefined;
+            } | undefined;
+            interactEvents?: {
+                interactOn: string;
+                interactComponentId?: string | undefined;
+                interactComponentIds: string[];
+                interactFn: Record<string, string>;
+                requestOverrides?: {
+                    params: Record<string, string>;
+                    body: Record<string, string>;
+                } | undefined;
+            }[] | undefined;
+        } | undefined;
+        interactActions?: {
+            interactType: string;
+            interactName: string;
+            componentEmitEvents: Record<string, {
+                value: string;
+                label: string;
+            }[]>;
+        }[] | undefined;
+        interactOverrides?: Record<string, any> | undefined;
+        request?: {
+            requestDataType: 0 | 1 | 2;
+            requestUrl?: string | undefined;
+            requestHttpType?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+            requestContentType?: number | undefined;
+            requestParamsBodyType?: string | undefined;
+            requestSQLContent?: {
+                sql: string;
+            } | undefined;
+            requestParams?: {
+                Params: Record<string, string>;
+                Header: Record<string, string>;
+                Body: {
+                    'form-data': Record<string, string>;
+                    'x-www-form-urlencoded': Record<string, string>;
+                    json: string;
+                    xml: string;
+                };
+            } | undefined;
+            requestInterval?: number | null | undefined;
+            requestIntervalUnit?: string | undefined;
+            requestDataPondId?: string | undefined;
+        } | undefined;
+        option: Record<string, any>;
+        chartStyle?: {
+            themeName: string;
+            grid: {
+                top: number;
+                bottom: number;
+                left: number;
+                right: number;
+            };
+            titleStyle: {
+                show: boolean;
+                fontSize: number;
+                color: string;
+                left: number | string;
+                top: number | string;
+            };
+            legend: {
+                show: boolean;
+                orient: "horizontal" | "vertical";
+                left: number | string;
+                top: number | string;
+                fontSize: number;
+                icon: "circle" | "rect" | "roundRect" | "triangle" | "diamond";
+                textColor: string;
+                layoutMode: "echarts" | "grid";
+                gridColumns: number;
+                itemGap: number;
+                unit: string;
+            };
+            xAxis: {
+                show: boolean;
+                name: string;
+                labelFontSize: number;
+                labelRotate: number;
+                lineColor: string;
+                labelColor: string;
+            };
+            yAxis: {
+                show: boolean;
+                name: string;
+                labelFontSize: number;
+                min: number | null;
+                max: number | null;
+                splitLineShow: boolean;
+                splitLineColor: string;
+                labelColor: string;
+            };
+            series: {
+                smooth: boolean;
+                symbol: string;
+                symbolSize: number;
+                barWidth: number | string;
+                barGap: string | number;
+                barCategoryGap: string | number;
+                barBorderRadius: number;
+                barColorByData: boolean;
+                lineWidth: number;
+                showArea: boolean;
+                showLabel: boolean;
+                labelFontSize: number;
+                color: string;
+                colorEnd: string;
+                colorList: string[];
+                areaOpacityStart: number;
+                areaOpacityEnd: number;
+                labelColor: string;
+                pieRadius: number;
+                pieRoseType: boolean;
+                pieLabelPosition: "inside" | "outside" | "center";
+                subTitle: string;
+                mapRegionColor: string;
+                mapRegionBorderColor: string;
+                mapRegionHoverColor: string;
+                mapLabelShow: boolean;
+                mapLabelColor: string;
+                mapLabelFontSize: number;
+                mapVisualMin: number;
+                mapVisualMax: number;
+                mapVisualColors: string[];
+                mapVisualMapShow: boolean;
+                mapMarkPointShow: boolean;
+                mapMarkPointSymbolSize: number;
+                mapMarkPointColor: string;
+                mapMarkPointBorderWidth: number;
+                mapMarkPointShadowColor: string;
+                mapMarkPointLabelShow: boolean;
+                mapMarkPointLabelFontSize: number;
+                mapSelectColor: string;
+                mapSelectLabelColor: string;
+                mapSelectBorderColor: string;
+                mapSelectBorderWidth: number;
+                mapSelectShadowBlur: number;
+                mapSelectShadowColor: string;
+                mapHoverBorderColor: string;
+                mapHoverBorderWidth: number;
+                mapHoverShadowBlur: number;
+                mapHoverShadowColor: string;
+                mapEmphasisLabelColor: string;
+                mapEmphasisLabelFontSize: number;
+                mapLabelFontWeight: number;
+                mapMiniMapShow: boolean;
+                mapMiniMapWidth: number;
+                mapMiniMapHeight: number;
+                mapTooltipDimensionUnits: Record<string, string>;
+            };
+            tooltip: {
+                show: boolean;
+                trigger: "axis" | "item" | "none";
+                backgroundColor: string;
+                borderColor: string;
+                textColor: string;
+            };
+            backgroundColor: string;
+            backgroundOpacity: number;
+        } | undefined;
+        groupList?: {
+            id: string;
+            key: string;
+            isGroup?: boolean | undefined;
+            chartConfig: {
+                key: string;
+                chartKey: string;
+                conKey: string;
+                title: string;
+                category: string;
+                categoryName: string;
+                package: string;
+                chartFrame: string;
+                image: string;
+                redirectComponent?: string | undefined;
+                dataset?: any;
+                disabled?: boolean | undefined;
+                icon?: string | undefined;
+            };
+            attr: {
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                offsetX: number;
+                offsetY: number;
+                zIndex: number;
+            };
+            styles: {
+                filterShow: boolean;
+                opacity: number;
+                saturate: number;
+                contrast: number;
+                hueRotate: number;
+                brightness: number;
+                rotateZ: number;
+                rotateX: number;
+                rotateY: number;
+                skewX: number;
+                skewY: number;
+                blendMode: string;
+                animations: string[];
+            };
+            status: {
+                lock: boolean;
+                hide: boolean;
+            };
+            filter?: string | undefined;
+            preview: {
+                overFlowHidden: boolean;
+            };
+            events?: {
+                baseEvent?: {
+                    click?: string | undefined;
+                    dblclick?: string | undefined;
+                    mouseenter?: string | undefined;
+                    mouseleave?: string | undefined;
+                } | undefined;
+                advancedEvents?: {
+                    vnodeMounted?: string | undefined;
+                    vnodeBeforeMount?: string | undefined;
+                } | undefined;
+                interactEvents?: {
+                    interactOn: string;
+                    interactComponentId?: string | undefined;
+                    interactComponentIds: string[];
+                    interactFn: Record<string, string>;
+                    requestOverrides?: {
+                        params: Record<string, string>;
+                        body: Record<string, string>;
+                    } | undefined;
+                }[] | undefined;
+            } | undefined;
+            interactActions?: {
+                interactType: string;
+                interactName: string;
+                componentEmitEvents: Record<string, {
+                    value: string;
+                    label: string;
+                }[]>;
+            }[] | undefined;
+            interactOverrides?: Record<string, any> | undefined;
+            request?: {
+                requestDataType: 0 | 1 | 2;
+                requestUrl?: string | undefined;
+                requestHttpType?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+                requestContentType?: number | undefined;
+                requestParamsBodyType?: string | undefined;
+                requestSQLContent?: {
+                    sql: string;
+                } | undefined;
+                requestParams?: {
+                    Params: Record<string, string>;
+                    Header: Record<string, string>;
+                    Body: {
+                        'form-data': Record<string, string>;
+                        'x-www-form-urlencoded': Record<string, string>;
+                        json: string;
+                        xml: string;
+                    };
+                } | undefined;
+                requestInterval?: number | null | undefined;
+                requestIntervalUnit?: string | undefined;
+                requestDataPondId?: string | undefined;
+            } | undefined;
+            option: Record<string, any>;
+            chartStyle?: {
+                themeName: string;
+                grid: {
+                    top: number;
+                    bottom: number;
+                    left: number;
+                    right: number;
+                };
+                titleStyle: {
+                    show: boolean;
+                    fontSize: number;
+                    color: string;
+                    left: number | string;
+                    top: number | string;
+                };
+                legend: {
+                    show: boolean;
+                    orient: "horizontal" | "vertical";
+                    left: number | string;
+                    top: number | string;
+                    fontSize: number;
+                    icon: "circle" | "rect" | "roundRect" | "triangle" | "diamond";
+                    textColor: string;
+                    layoutMode: "echarts" | "grid";
+                    gridColumns: number;
+                    itemGap: number;
+                    unit: string;
+                };
+                xAxis: {
+                    show: boolean;
+                    name: string;
+                    labelFontSize: number;
+                    labelRotate: number;
+                    lineColor: string;
+                    labelColor: string;
+                };
+                yAxis: {
+                    show: boolean;
+                    name: string;
+                    labelFontSize: number;
+                    min: number | null;
+                    max: number | null;
+                    splitLineShow: boolean;
+                    splitLineColor: string;
+                    labelColor: string;
+                };
+                series: {
+                    smooth: boolean;
+                    symbol: string;
+                    symbolSize: number;
+                    barWidth: number | string;
+                    barGap: string | number;
+                    barCategoryGap: string | number;
+                    barBorderRadius: number;
+                    barColorByData: boolean;
+                    lineWidth: number;
+                    showArea: boolean;
+                    showLabel: boolean;
+                    labelFontSize: number;
+                    color: string;
+                    colorEnd: string;
+                    colorList: string[];
+                    areaOpacityStart: number;
+                    areaOpacityEnd: number;
+                    labelColor: string;
+                    pieRadius: number;
+                    pieRoseType: boolean;
+                    pieLabelPosition: "inside" | "outside" | "center";
+                    subTitle: string;
+                    mapRegionColor: string;
+                    mapRegionBorderColor: string;
+                    mapRegionHoverColor: string;
+                    mapLabelShow: boolean;
+                    mapLabelColor: string;
+                    mapLabelFontSize: number;
+                    mapVisualMin: number;
+                    mapVisualMax: number;
+                    mapVisualColors: string[];
+                    mapVisualMapShow: boolean;
+                    mapMarkPointShow: boolean;
+                    mapMarkPointSymbolSize: number;
+                    mapMarkPointColor: string;
+                    mapMarkPointBorderWidth: number;
+                    mapMarkPointShadowColor: string;
+                    mapMarkPointLabelShow: boolean;
+                    mapMarkPointLabelFontSize: number;
+                    mapSelectColor: string;
+                    mapSelectLabelColor: string;
+                    mapSelectBorderColor: string;
+                    mapSelectBorderWidth: number;
+                    mapSelectShadowBlur: number;
+                    mapSelectShadowColor: string;
+                    mapHoverBorderColor: string;
+                    mapHoverBorderWidth: number;
+                    mapHoverShadowBlur: number;
+                    mapHoverShadowColor: string;
+                    mapEmphasisLabelColor: string;
+                    mapEmphasisLabelFontSize: number;
+                    mapLabelFontWeight: number;
+                    mapMiniMapShow: boolean;
+                    mapMiniMapWidth: number;
+                    mapMiniMapHeight: number;
+                    mapTooltipDimensionUnits: Record<string, string>;
+                };
+                tooltip: {
+                    show: boolean;
+                    trigger: "axis" | "item" | "none";
+                    backgroundColor: string;
+                    borderColor: string;
+                    textColor: string;
+                };
+                backgroundColor: string;
+                backgroundOpacity: number;
+            } | undefined;
+            groupList?: /*elided*/ any[] | undefined;
+        }[] | undefined;
+    }[]>;
+    selectedId: import("vue").Ref<string | null, string | null>;
+    selectedIds: import("vue").Ref<string[], string[]>;
+    selectedComponent: import("vue").ComputedRef<CanvasComponent | null>;
+    isPreviewMode: import("vue").Ref<boolean, boolean>;
+    componentDefinitions: import("../config/componentDefinitions").ComponentDefinition[];
+    editCanvasConfig: import("vue").Ref<{
+        projectName: string;
+        width: number;
+        height: number;
+        background: string;
+        backgroundImage: string | null;
+        filterShow: boolean;
+        opacity: number;
+        saturate: number;
+        contrast: number;
+        hueRotate: number;
+        brightness: number;
+        blendMode: string;
+        customTheme: {
+            name: string;
+            label: string;
+            colors: {
+                titleColor: string;
+                legendTextColor: string;
+                axisLineColor: string;
+                axisLabelColor: string;
+                splitLineColor: string;
+                seriesColor: string;
+                seriesColorEnd: string;
+                seriesColorList: string[];
+                areaOpacityStart: number;
+                areaOpacityEnd: number;
+                labelColor: string;
+                tooltipBg: string;
+                tooltipBorder: string;
+                tooltipTextColor: string;
+                backgroundColor: string;
+            };
+        } | null;
+    }, EditCanvasConfigType | {
+        projectName: string;
+        width: number;
+        height: number;
+        background: string;
+        backgroundImage: string | null;
+        filterShow: boolean;
+        opacity: number;
+        saturate: number;
+        contrast: number;
+        hueRotate: number;
+        brightness: number;
+        blendMode: string;
+        customTheme: {
+            name: string;
+            label: string;
+            colors: {
+                titleColor: string;
+                legendTextColor: string;
+                axisLineColor: string;
+                axisLabelColor: string;
+                splitLineColor: string;
+                seriesColor: string;
+                seriesColorEnd: string;
+                seriesColorList: string[];
+                areaOpacityStart: number;
+                areaOpacityEnd: number;
+                labelColor: string;
+                tooltipBg: string;
+                tooltipBorder: string;
+                tooltipTextColor: string;
+                backgroundColor: string;
+            };
+        } | null;
+    }>;
+    requestGlobalConfig: import("vue").Ref<{
+        requestOriginUrl: string;
+        requestInterval: number;
+        requestIntervalUnit: "second" | "minute" | "hour" | "day";
+        requestHeader: Record<string, string>;
+        requestDataPond: {
+            dataPondId: string;
+            dataPondName: string;
+            dataPondRequestConfig: {
+                requestDataType: 0 | 1 | 2;
+                requestUrl?: string | undefined;
+                requestHttpType?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+                requestContentType?: number | undefined;
+                requestParamsBodyType?: string | undefined;
+                requestSQLContent?: {
+                    sql: string;
+                } | undefined;
+                requestParams?: {
+                    Params: Record<string, string>;
+                    Header: Record<string, string>;
+                    Body: {
+                        'form-data': Record<string, string>;
+                        'x-www-form-urlencoded': Record<string, string>;
+                        json: string;
+                        xml: string;
+                    };
+                } | undefined;
+                requestInterval?: number | null | undefined;
+                requestIntervalUnit?: string | undefined;
+                requestDataPondId?: string | undefined;
+            };
+        }[];
+    }, RequestGlobalConfigType | {
+        requestOriginUrl: string;
+        requestInterval: number;
+        requestIntervalUnit: "second" | "minute" | "hour" | "day";
+        requestHeader: Record<string, string>;
+        requestDataPond: {
+            dataPondId: string;
+            dataPondName: string;
+            dataPondRequestConfig: {
+                requestDataType: 0 | 1 | 2;
+                requestUrl?: string | undefined;
+                requestHttpType?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+                requestContentType?: number | undefined;
+                requestParamsBodyType?: string | undefined;
+                requestSQLContent?: {
+                    sql: string;
+                } | undefined;
+                requestParams?: {
+                    Params: Record<string, string>;
+                    Header: Record<string, string>;
+                    Body: {
+                        'form-data': Record<string, string>;
+                        'x-www-form-urlencoded': Record<string, string>;
+                        json: string;
+                        xml: string;
+                    };
+                } | undefined;
+                requestInterval?: number | null | undefined;
+                requestIntervalUnit?: string | undefined;
+                requestDataPondId?: string | undefined;
+            };
+        }[];
+    }>;
+    addComponent: (key: string) => void;
+    removeComponent: (id: string) => void;
+    selectComponent: (id: string | null) => void;
+    toggleSelectComponent: (id: string) => void;
+    selectComponentsByRect: (x: number, y: number, w: number, h: number) => void;
+    clearSelection: () => void;
+    setPreviewMode: (value: boolean) => void;
+    groupSelectedComponents: () => void;
+    ungroupComponent: (groupId: string) => void;
+    updateComponentProp: (id: string, key: string, value: any) => void;
+    updateComponentProps: (id: string, props: Record<string, any>) => void;
+    updateComponentTitle: (id: string, title: string) => void;
+    updateComponentPosition: (id: string, x: number, y: number) => void;
+    updateComponentSize: (id: string, w: number, h: number) => void;
+    updateCanvasConfig: (config: Partial<EditCanvasConfigType>) => void;
+    updateRequestGlobalConfig: (config: Partial<RequestGlobalConfigType>) => void;
+    findComponent: (id: string) => CanvasComponent | null;
+    updateComponentAttr: (id: string, key: keyof typeof DEFAULT_ATTR, value: number) => void;
+    updateComponentStyle: (id: string, key: string, value: number | string) => void;
+    updateComponentOption: (id: string, key: string, value: any) => void;
+    updateChartStyle: (id: string, path: string, value: any) => void;
+    applyThemeToAll: (preset: ChartThemePreset) => void;
+    saveCustomTheme: (preset: ChartThemePreset) => void;
+    toggleComponentStatus: (id: string, statusKey: "lock" | "hide") => void;
+    toggleComponentPreviewOverflow: (id: string) => void;
+    toggleComponentFilterShow: (id: string) => void;
+    updateComponentFilter: (id: string, value: string) => void;
+    moveComponentDelta: (id: string, dx: number, dy: number, baseX: number, baseY: number, pageW?: number, pageH?: number) => void;
+    resizeComponentDelta: (id: string, dw: number, dh: number, baseW: number, baseH: number, maxW?: number, maxH?: number) => void;
+    updateOptionDatasetDimension: (id: string, index: number, value: string) => void;
+    updateOptionDatasetCell: (id: string, rowIndex: number, colIndex: number, value: string) => void;
+    addOptionDatasetRow: (id: string) => void;
+    removeOptionDatasetRow: (id: string, rowIndex: number) => void;
+    addDataPond: (item: DataPondItem) => void;
+    updateDataPond: (id: string, item: Partial<DataPondItem>) => void;
+    removeDataPond: (id: string) => void;
+    updateComponentRequest: (id: string, request: Partial<RequestConfigType>) => void;
+    interactFilters: import("vue").Ref<Record<string, Record<string, any>>, Record<string, Record<string, any>>>;
+    updateComponentEvents: (id: string, events: EventsType) => void;
+    updateComponentInteractActions: (id: string, actions: InteractActionItem[]) => void;
+    addInteractEvent: (id: string, event: InteractEventItem) => void;
+    removeInteractEvent: (id: string, index: number) => void;
+    updateInteractEvent: (id: string, index: number, patch: Partial<InteractEventItem>) => void;
+    applyInteractAction: (targetId: string, method: string, value: any) => void;
+    clearInteractFilters: (targetId?: string) => void;
+    duplicateComponent: (id: string) => void;
+    loadSchema: (schema: {
+        editCanvasConfig?: any;
+        requestGlobalConfig?: any;
+        componentList?: any[];
+    }) => void;
+}, "selectedComponent">, Pick<{
+    components: import("vue").Ref<{
+        props: Record<string, any>;
+        id: string;
+        key: string;
+        isGroup?: boolean | undefined;
+        chartConfig: {
+            key: string;
+            chartKey: string;
+            conKey: string;
+            title: string;
+            category: string;
+            categoryName: string;
+            package: string;
+            chartFrame: string;
+            image: string;
+            redirectComponent?: string | undefined;
+            dataset?: any;
+            disabled?: boolean | undefined;
+            icon?: string | undefined;
+        };
+        attr: {
+            x: number;
+            y: number;
+            w: number;
+            h: number;
+            offsetX: number;
+            offsetY: number;
+            zIndex: number;
+        };
+        styles: {
+            filterShow: boolean;
+            opacity: number;
+            saturate: number;
+            contrast: number;
+            hueRotate: number;
+            brightness: number;
+            rotateZ: number;
+            rotateX: number;
+            rotateY: number;
+            skewX: number;
+            skewY: number;
+            blendMode: string;
+            animations: string[];
+        };
+        status: {
+            lock: boolean;
+            hide: boolean;
+        };
+        filter?: string | undefined;
+        preview: {
+            overFlowHidden: boolean;
+        };
+        events?: {
+            baseEvent?: {
+                click?: string | undefined;
+                dblclick?: string | undefined;
+                mouseenter?: string | undefined;
+                mouseleave?: string | undefined;
+            } | undefined;
+            advancedEvents?: {
+                vnodeMounted?: string | undefined;
+                vnodeBeforeMount?: string | undefined;
+            } | undefined;
+            interactEvents?: {
+                interactOn: string;
+                interactComponentId?: string | undefined;
+                interactComponentIds: string[];
+                interactFn: Record<string, string>;
+                requestOverrides?: {
+                    params: Record<string, string>;
+                    body: Record<string, string>;
+                } | undefined;
+            }[] | undefined;
+        } | undefined;
+        interactActions?: {
+            interactType: string;
+            interactName: string;
+            componentEmitEvents: Record<string, {
+                value: string;
+                label: string;
+            }[]>;
+        }[] | undefined;
+        interactOverrides?: Record<string, any> | undefined;
+        request?: {
+            requestDataType: 0 | 1 | 2;
+            requestUrl?: string | undefined;
+            requestHttpType?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+            requestContentType?: number | undefined;
+            requestParamsBodyType?: string | undefined;
+            requestSQLContent?: {
+                sql: string;
+            } | undefined;
+            requestParams?: {
+                Params: Record<string, string>;
+                Header: Record<string, string>;
+                Body: {
+                    'form-data': Record<string, string>;
+                    'x-www-form-urlencoded': Record<string, string>;
+                    json: string;
+                    xml: string;
+                };
+            } | undefined;
+            requestInterval?: number | null | undefined;
+            requestIntervalUnit?: string | undefined;
+            requestDataPondId?: string | undefined;
+        } | undefined;
+        option: Record<string, any>;
+        chartStyle?: {
+            themeName: string;
+            grid: {
+                top: number;
+                bottom: number;
+                left: number;
+                right: number;
+            };
+            titleStyle: {
+                show: boolean;
+                fontSize: number;
+                color: string;
+                left: number | string;
+                top: number | string;
+            };
+            legend: {
+                show: boolean;
+                orient: "horizontal" | "vertical";
+                left: number | string;
+                top: number | string;
+                fontSize: number;
+                icon: "circle" | "rect" | "roundRect" | "triangle" | "diamond";
+                textColor: string;
+                layoutMode: "echarts" | "grid";
+                gridColumns: number;
+                itemGap: number;
+                unit: string;
+            };
+            xAxis: {
+                show: boolean;
+                name: string;
+                labelFontSize: number;
+                labelRotate: number;
+                lineColor: string;
+                labelColor: string;
+            };
+            yAxis: {
+                show: boolean;
+                name: string;
+                labelFontSize: number;
+                min: number | null;
+                max: number | null;
+                splitLineShow: boolean;
+                splitLineColor: string;
+                labelColor: string;
+            };
+            series: {
+                smooth: boolean;
+                symbol: string;
+                symbolSize: number;
+                barWidth: number | string;
+                barGap: string | number;
+                barCategoryGap: string | number;
+                barBorderRadius: number;
+                barColorByData: boolean;
+                lineWidth: number;
+                showArea: boolean;
+                showLabel: boolean;
+                labelFontSize: number;
+                color: string;
+                colorEnd: string;
+                colorList: string[];
+                areaOpacityStart: number;
+                areaOpacityEnd: number;
+                labelColor: string;
+                pieRadius: number;
+                pieRoseType: boolean;
+                pieLabelPosition: "inside" | "outside" | "center";
+                subTitle: string;
+                mapRegionColor: string;
+                mapRegionBorderColor: string;
+                mapRegionHoverColor: string;
+                mapLabelShow: boolean;
+                mapLabelColor: string;
+                mapLabelFontSize: number;
+                mapVisualMin: number;
+                mapVisualMax: number;
+                mapVisualColors: string[];
+                mapVisualMapShow: boolean;
+                mapMarkPointShow: boolean;
+                mapMarkPointSymbolSize: number;
+                mapMarkPointColor: string;
+                mapMarkPointBorderWidth: number;
+                mapMarkPointShadowColor: string;
+                mapMarkPointLabelShow: boolean;
+                mapMarkPointLabelFontSize: number;
+                mapSelectColor: string;
+                mapSelectLabelColor: string;
+                mapSelectBorderColor: string;
+                mapSelectBorderWidth: number;
+                mapSelectShadowBlur: number;
+                mapSelectShadowColor: string;
+                mapHoverBorderColor: string;
+                mapHoverBorderWidth: number;
+                mapHoverShadowBlur: number;
+                mapHoverShadowColor: string;
+                mapEmphasisLabelColor: string;
+                mapEmphasisLabelFontSize: number;
+                mapLabelFontWeight: number;
+                mapMiniMapShow: boolean;
+                mapMiniMapWidth: number;
+                mapMiniMapHeight: number;
+                mapTooltipDimensionUnits: Record<string, string>;
+            };
+            tooltip: {
+                show: boolean;
+                trigger: "axis" | "item" | "none";
+                backgroundColor: string;
+                borderColor: string;
+                textColor: string;
+            };
+            backgroundColor: string;
+            backgroundOpacity: number;
+        } | undefined;
+        groupList?: {
+            id: string;
+            key: string;
+            isGroup?: boolean | undefined;
+            chartConfig: {
+                key: string;
+                chartKey: string;
+                conKey: string;
+                title: string;
+                category: string;
+                categoryName: string;
+                package: string;
+                chartFrame: string;
+                image: string;
+                redirectComponent?: string | undefined;
+                dataset?: any;
+                disabled?: boolean | undefined;
+                icon?: string | undefined;
+            };
+            attr: {
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                offsetX: number;
+                offsetY: number;
+                zIndex: number;
+            };
+            styles: {
+                filterShow: boolean;
+                opacity: number;
+                saturate: number;
+                contrast: number;
+                hueRotate: number;
+                brightness: number;
+                rotateZ: number;
+                rotateX: number;
+                rotateY: number;
+                skewX: number;
+                skewY: number;
+                blendMode: string;
+                animations: string[];
+            };
+            status: {
+                lock: boolean;
+                hide: boolean;
+            };
+            filter?: string | undefined;
+            preview: {
+                overFlowHidden: boolean;
+            };
+            events?: {
+                baseEvent?: {
+                    click?: string | undefined;
+                    dblclick?: string | undefined;
+                    mouseenter?: string | undefined;
+                    mouseleave?: string | undefined;
+                } | undefined;
+                advancedEvents?: {
+                    vnodeMounted?: string | undefined;
+                    vnodeBeforeMount?: string | undefined;
+                } | undefined;
+                interactEvents?: {
+                    interactOn: string;
+                    interactComponentId?: string | undefined;
+                    interactComponentIds: string[];
+                    interactFn: Record<string, string>;
+                    requestOverrides?: {
+                        params: Record<string, string>;
+                        body: Record<string, string>;
+                    } | undefined;
+                }[] | undefined;
+            } | undefined;
+            interactActions?: {
+                interactType: string;
+                interactName: string;
+                componentEmitEvents: Record<string, {
+                    value: string;
+                    label: string;
+                }[]>;
+            }[] | undefined;
+            interactOverrides?: Record<string, any> | undefined;
+            request?: {
+                requestDataType: 0 | 1 | 2;
+                requestUrl?: string | undefined;
+                requestHttpType?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+                requestContentType?: number | undefined;
+                requestParamsBodyType?: string | undefined;
+                requestSQLContent?: {
+                    sql: string;
+                } | undefined;
+                requestParams?: {
+                    Params: Record<string, string>;
+                    Header: Record<string, string>;
+                    Body: {
+                        'form-data': Record<string, string>;
+                        'x-www-form-urlencoded': Record<string, string>;
+                        json: string;
+                        xml: string;
+                    };
+                } | undefined;
+                requestInterval?: number | null | undefined;
+                requestIntervalUnit?: string | undefined;
+                requestDataPondId?: string | undefined;
+            } | undefined;
+            option: Record<string, any>;
+            chartStyle?: {
+                themeName: string;
+                grid: {
+                    top: number;
+                    bottom: number;
+                    left: number;
+                    right: number;
+                };
+                titleStyle: {
+                    show: boolean;
+                    fontSize: number;
+                    color: string;
+                    left: number | string;
+                    top: number | string;
+                };
+                legend: {
+                    show: boolean;
+                    orient: "horizontal" | "vertical";
+                    left: number | string;
+                    top: number | string;
+                    fontSize: number;
+                    icon: "circle" | "rect" | "roundRect" | "triangle" | "diamond";
+                    textColor: string;
+                    layoutMode: "echarts" | "grid";
+                    gridColumns: number;
+                    itemGap: number;
+                    unit: string;
+                };
+                xAxis: {
+                    show: boolean;
+                    name: string;
+                    labelFontSize: number;
+                    labelRotate: number;
+                    lineColor: string;
+                    labelColor: string;
+                };
+                yAxis: {
+                    show: boolean;
+                    name: string;
+                    labelFontSize: number;
+                    min: number | null;
+                    max: number | null;
+                    splitLineShow: boolean;
+                    splitLineColor: string;
+                    labelColor: string;
+                };
+                series: {
+                    smooth: boolean;
+                    symbol: string;
+                    symbolSize: number;
+                    barWidth: number | string;
+                    barGap: string | number;
+                    barCategoryGap: string | number;
+                    barBorderRadius: number;
+                    barColorByData: boolean;
+                    lineWidth: number;
+                    showArea: boolean;
+                    showLabel: boolean;
+                    labelFontSize: number;
+                    color: string;
+                    colorEnd: string;
+                    colorList: string[];
+                    areaOpacityStart: number;
+                    areaOpacityEnd: number;
+                    labelColor: string;
+                    pieRadius: number;
+                    pieRoseType: boolean;
+                    pieLabelPosition: "inside" | "outside" | "center";
+                    subTitle: string;
+                    mapRegionColor: string;
+                    mapRegionBorderColor: string;
+                    mapRegionHoverColor: string;
+                    mapLabelShow: boolean;
+                    mapLabelColor: string;
+                    mapLabelFontSize: number;
+                    mapVisualMin: number;
+                    mapVisualMax: number;
+                    mapVisualColors: string[];
+                    mapVisualMapShow: boolean;
+                    mapMarkPointShow: boolean;
+                    mapMarkPointSymbolSize: number;
+                    mapMarkPointColor: string;
+                    mapMarkPointBorderWidth: number;
+                    mapMarkPointShadowColor: string;
+                    mapMarkPointLabelShow: boolean;
+                    mapMarkPointLabelFontSize: number;
+                    mapSelectColor: string;
+                    mapSelectLabelColor: string;
+                    mapSelectBorderColor: string;
+                    mapSelectBorderWidth: number;
+                    mapSelectShadowBlur: number;
+                    mapSelectShadowColor: string;
+                    mapHoverBorderColor: string;
+                    mapHoverBorderWidth: number;
+                    mapHoverShadowBlur: number;
+                    mapHoverShadowColor: string;
+                    mapEmphasisLabelColor: string;
+                    mapEmphasisLabelFontSize: number;
+                    mapLabelFontWeight: number;
+                    mapMiniMapShow: boolean;
+                    mapMiniMapWidth: number;
+                    mapMiniMapHeight: number;
+                    mapTooltipDimensionUnits: Record<string, string>;
+                };
+                tooltip: {
+                    show: boolean;
+                    trigger: "axis" | "item" | "none";
+                    backgroundColor: string;
+                    borderColor: string;
+                    textColor: string;
+                };
+                backgroundColor: string;
+                backgroundOpacity: number;
+            } | undefined;
+            groupList?: /*elided*/ any[] | undefined;
+        }[] | undefined;
+    }[], CanvasComponent[] | {
+        props: Record<string, any>;
+        id: string;
+        key: string;
+        isGroup?: boolean | undefined;
+        chartConfig: {
+            key: string;
+            chartKey: string;
+            conKey: string;
+            title: string;
+            category: string;
+            categoryName: string;
+            package: string;
+            chartFrame: string;
+            image: string;
+            redirectComponent?: string | undefined;
+            dataset?: any;
+            disabled?: boolean | undefined;
+            icon?: string | undefined;
+        };
+        attr: {
+            x: number;
+            y: number;
+            w: number;
+            h: number;
+            offsetX: number;
+            offsetY: number;
+            zIndex: number;
+        };
+        styles: {
+            filterShow: boolean;
+            opacity: number;
+            saturate: number;
+            contrast: number;
+            hueRotate: number;
+            brightness: number;
+            rotateZ: number;
+            rotateX: number;
+            rotateY: number;
+            skewX: number;
+            skewY: number;
+            blendMode: string;
+            animations: string[];
+        };
+        status: {
+            lock: boolean;
+            hide: boolean;
+        };
+        filter?: string | undefined;
+        preview: {
+            overFlowHidden: boolean;
+        };
+        events?: {
+            baseEvent?: {
+                click?: string | undefined;
+                dblclick?: string | undefined;
+                mouseenter?: string | undefined;
+                mouseleave?: string | undefined;
+            } | undefined;
+            advancedEvents?: {
+                vnodeMounted?: string | undefined;
+                vnodeBeforeMount?: string | undefined;
+            } | undefined;
+            interactEvents?: {
+                interactOn: string;
+                interactComponentId?: string | undefined;
+                interactComponentIds: string[];
+                interactFn: Record<string, string>;
+                requestOverrides?: {
+                    params: Record<string, string>;
+                    body: Record<string, string>;
+                } | undefined;
+            }[] | undefined;
+        } | undefined;
+        interactActions?: {
+            interactType: string;
+            interactName: string;
+            componentEmitEvents: Record<string, {
+                value: string;
+                label: string;
+            }[]>;
+        }[] | undefined;
+        interactOverrides?: Record<string, any> | undefined;
+        request?: {
+            requestDataType: 0 | 1 | 2;
+            requestUrl?: string | undefined;
+            requestHttpType?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+            requestContentType?: number | undefined;
+            requestParamsBodyType?: string | undefined;
+            requestSQLContent?: {
+                sql: string;
+            } | undefined;
+            requestParams?: {
+                Params: Record<string, string>;
+                Header: Record<string, string>;
+                Body: {
+                    'form-data': Record<string, string>;
+                    'x-www-form-urlencoded': Record<string, string>;
+                    json: string;
+                    xml: string;
+                };
+            } | undefined;
+            requestInterval?: number | null | undefined;
+            requestIntervalUnit?: string | undefined;
+            requestDataPondId?: string | undefined;
+        } | undefined;
+        option: Record<string, any>;
+        chartStyle?: {
+            themeName: string;
+            grid: {
+                top: number;
+                bottom: number;
+                left: number;
+                right: number;
+            };
+            titleStyle: {
+                show: boolean;
+                fontSize: number;
+                color: string;
+                left: number | string;
+                top: number | string;
+            };
+            legend: {
+                show: boolean;
+                orient: "horizontal" | "vertical";
+                left: number | string;
+                top: number | string;
+                fontSize: number;
+                icon: "circle" | "rect" | "roundRect" | "triangle" | "diamond";
+                textColor: string;
+                layoutMode: "echarts" | "grid";
+                gridColumns: number;
+                itemGap: number;
+                unit: string;
+            };
+            xAxis: {
+                show: boolean;
+                name: string;
+                labelFontSize: number;
+                labelRotate: number;
+                lineColor: string;
+                labelColor: string;
+            };
+            yAxis: {
+                show: boolean;
+                name: string;
+                labelFontSize: number;
+                min: number | null;
+                max: number | null;
+                splitLineShow: boolean;
+                splitLineColor: string;
+                labelColor: string;
+            };
+            series: {
+                smooth: boolean;
+                symbol: string;
+                symbolSize: number;
+                barWidth: number | string;
+                barGap: string | number;
+                barCategoryGap: string | number;
+                barBorderRadius: number;
+                barColorByData: boolean;
+                lineWidth: number;
+                showArea: boolean;
+                showLabel: boolean;
+                labelFontSize: number;
+                color: string;
+                colorEnd: string;
+                colorList: string[];
+                areaOpacityStart: number;
+                areaOpacityEnd: number;
+                labelColor: string;
+                pieRadius: number;
+                pieRoseType: boolean;
+                pieLabelPosition: "inside" | "outside" | "center";
+                subTitle: string;
+                mapRegionColor: string;
+                mapRegionBorderColor: string;
+                mapRegionHoverColor: string;
+                mapLabelShow: boolean;
+                mapLabelColor: string;
+                mapLabelFontSize: number;
+                mapVisualMin: number;
+                mapVisualMax: number;
+                mapVisualColors: string[];
+                mapVisualMapShow: boolean;
+                mapMarkPointShow: boolean;
+                mapMarkPointSymbolSize: number;
+                mapMarkPointColor: string;
+                mapMarkPointBorderWidth: number;
+                mapMarkPointShadowColor: string;
+                mapMarkPointLabelShow: boolean;
+                mapMarkPointLabelFontSize: number;
+                mapSelectColor: string;
+                mapSelectLabelColor: string;
+                mapSelectBorderColor: string;
+                mapSelectBorderWidth: number;
+                mapSelectShadowBlur: number;
+                mapSelectShadowColor: string;
+                mapHoverBorderColor: string;
+                mapHoverBorderWidth: number;
+                mapHoverShadowBlur: number;
+                mapHoverShadowColor: string;
+                mapEmphasisLabelColor: string;
+                mapEmphasisLabelFontSize: number;
+                mapLabelFontWeight: number;
+                mapMiniMapShow: boolean;
+                mapMiniMapWidth: number;
+                mapMiniMapHeight: number;
+                mapTooltipDimensionUnits: Record<string, string>;
+            };
+            tooltip: {
+                show: boolean;
+                trigger: "axis" | "item" | "none";
+                backgroundColor: string;
+                borderColor: string;
+                textColor: string;
+            };
+            backgroundColor: string;
+            backgroundOpacity: number;
+        } | undefined;
+        groupList?: {
+            id: string;
+            key: string;
+            isGroup?: boolean | undefined;
+            chartConfig: {
+                key: string;
+                chartKey: string;
+                conKey: string;
+                title: string;
+                category: string;
+                categoryName: string;
+                package: string;
+                chartFrame: string;
+                image: string;
+                redirectComponent?: string | undefined;
+                dataset?: any;
+                disabled?: boolean | undefined;
+                icon?: string | undefined;
+            };
+            attr: {
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                offsetX: number;
+                offsetY: number;
+                zIndex: number;
+            };
+            styles: {
+                filterShow: boolean;
+                opacity: number;
+                saturate: number;
+                contrast: number;
+                hueRotate: number;
+                brightness: number;
+                rotateZ: number;
+                rotateX: number;
+                rotateY: number;
+                skewX: number;
+                skewY: number;
+                blendMode: string;
+                animations: string[];
+            };
+            status: {
+                lock: boolean;
+                hide: boolean;
+            };
+            filter?: string | undefined;
+            preview: {
+                overFlowHidden: boolean;
+            };
+            events?: {
+                baseEvent?: {
+                    click?: string | undefined;
+                    dblclick?: string | undefined;
+                    mouseenter?: string | undefined;
+                    mouseleave?: string | undefined;
+                } | undefined;
+                advancedEvents?: {
+                    vnodeMounted?: string | undefined;
+                    vnodeBeforeMount?: string | undefined;
+                } | undefined;
+                interactEvents?: {
+                    interactOn: string;
+                    interactComponentId?: string | undefined;
+                    interactComponentIds: string[];
+                    interactFn: Record<string, string>;
+                    requestOverrides?: {
+                        params: Record<string, string>;
+                        body: Record<string, string>;
+                    } | undefined;
+                }[] | undefined;
+            } | undefined;
+            interactActions?: {
+                interactType: string;
+                interactName: string;
+                componentEmitEvents: Record<string, {
+                    value: string;
+                    label: string;
+                }[]>;
+            }[] | undefined;
+            interactOverrides?: Record<string, any> | undefined;
+            request?: {
+                requestDataType: 0 | 1 | 2;
+                requestUrl?: string | undefined;
+                requestHttpType?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+                requestContentType?: number | undefined;
+                requestParamsBodyType?: string | undefined;
+                requestSQLContent?: {
+                    sql: string;
+                } | undefined;
+                requestParams?: {
+                    Params: Record<string, string>;
+                    Header: Record<string, string>;
+                    Body: {
+                        'form-data': Record<string, string>;
+                        'x-www-form-urlencoded': Record<string, string>;
+                        json: string;
+                        xml: string;
+                    };
+                } | undefined;
+                requestInterval?: number | null | undefined;
+                requestIntervalUnit?: string | undefined;
+                requestDataPondId?: string | undefined;
+            } | undefined;
+            option: Record<string, any>;
+            chartStyle?: {
+                themeName: string;
+                grid: {
+                    top: number;
+                    bottom: number;
+                    left: number;
+                    right: number;
+                };
+                titleStyle: {
+                    show: boolean;
+                    fontSize: number;
+                    color: string;
+                    left: number | string;
+                    top: number | string;
+                };
+                legend: {
+                    show: boolean;
+                    orient: "horizontal" | "vertical";
+                    left: number | string;
+                    top: number | string;
+                    fontSize: number;
+                    icon: "circle" | "rect" | "roundRect" | "triangle" | "diamond";
+                    textColor: string;
+                    layoutMode: "echarts" | "grid";
+                    gridColumns: number;
+                    itemGap: number;
+                    unit: string;
+                };
+                xAxis: {
+                    show: boolean;
+                    name: string;
+                    labelFontSize: number;
+                    labelRotate: number;
+                    lineColor: string;
+                    labelColor: string;
+                };
+                yAxis: {
+                    show: boolean;
+                    name: string;
+                    labelFontSize: number;
+                    min: number | null;
+                    max: number | null;
+                    splitLineShow: boolean;
+                    splitLineColor: string;
+                    labelColor: string;
+                };
+                series: {
+                    smooth: boolean;
+                    symbol: string;
+                    symbolSize: number;
+                    barWidth: number | string;
+                    barGap: string | number;
+                    barCategoryGap: string | number;
+                    barBorderRadius: number;
+                    barColorByData: boolean;
+                    lineWidth: number;
+                    showArea: boolean;
+                    showLabel: boolean;
+                    labelFontSize: number;
+                    color: string;
+                    colorEnd: string;
+                    colorList: string[];
+                    areaOpacityStart: number;
+                    areaOpacityEnd: number;
+                    labelColor: string;
+                    pieRadius: number;
+                    pieRoseType: boolean;
+                    pieLabelPosition: "inside" | "outside" | "center";
+                    subTitle: string;
+                    mapRegionColor: string;
+                    mapRegionBorderColor: string;
+                    mapRegionHoverColor: string;
+                    mapLabelShow: boolean;
+                    mapLabelColor: string;
+                    mapLabelFontSize: number;
+                    mapVisualMin: number;
+                    mapVisualMax: number;
+                    mapVisualColors: string[];
+                    mapVisualMapShow: boolean;
+                    mapMarkPointShow: boolean;
+                    mapMarkPointSymbolSize: number;
+                    mapMarkPointColor: string;
+                    mapMarkPointBorderWidth: number;
+                    mapMarkPointShadowColor: string;
+                    mapMarkPointLabelShow: boolean;
+                    mapMarkPointLabelFontSize: number;
+                    mapSelectColor: string;
+                    mapSelectLabelColor: string;
+                    mapSelectBorderColor: string;
+                    mapSelectBorderWidth: number;
+                    mapSelectShadowBlur: number;
+                    mapSelectShadowColor: string;
+                    mapHoverBorderColor: string;
+                    mapHoverBorderWidth: number;
+                    mapHoverShadowBlur: number;
+                    mapHoverShadowColor: string;
+                    mapEmphasisLabelColor: string;
+                    mapEmphasisLabelFontSize: number;
+                    mapLabelFontWeight: number;
+                    mapMiniMapShow: boolean;
+                    mapMiniMapWidth: number;
+                    mapMiniMapHeight: number;
+                    mapTooltipDimensionUnits: Record<string, string>;
+                };
+                tooltip: {
+                    show: boolean;
+                    trigger: "axis" | "item" | "none";
+                    backgroundColor: string;
+                    borderColor: string;
+                    textColor: string;
+                };
+                backgroundColor: string;
+                backgroundOpacity: number;
+            } | undefined;
+            groupList?: /*elided*/ any[] | undefined;
+        }[] | undefined;
+    }[]>;
+    selectedId: import("vue").Ref<string | null, string | null>;
+    selectedIds: import("vue").Ref<string[], string[]>;
+    selectedComponent: import("vue").ComputedRef<CanvasComponent | null>;
+    isPreviewMode: import("vue").Ref<boolean, boolean>;
+    componentDefinitions: import("../config/componentDefinitions").ComponentDefinition[];
+    editCanvasConfig: import("vue").Ref<{
+        projectName: string;
+        width: number;
+        height: number;
+        background: string;
+        backgroundImage: string | null;
+        filterShow: boolean;
+        opacity: number;
+        saturate: number;
+        contrast: number;
+        hueRotate: number;
+        brightness: number;
+        blendMode: string;
+        customTheme: {
+            name: string;
+            label: string;
+            colors: {
+                titleColor: string;
+                legendTextColor: string;
+                axisLineColor: string;
+                axisLabelColor: string;
+                splitLineColor: string;
+                seriesColor: string;
+                seriesColorEnd: string;
+                seriesColorList: string[];
+                areaOpacityStart: number;
+                areaOpacityEnd: number;
+                labelColor: string;
+                tooltipBg: string;
+                tooltipBorder: string;
+                tooltipTextColor: string;
+                backgroundColor: string;
+            };
+        } | null;
+    }, EditCanvasConfigType | {
+        projectName: string;
+        width: number;
+        height: number;
+        background: string;
+        backgroundImage: string | null;
+        filterShow: boolean;
+        opacity: number;
+        saturate: number;
+        contrast: number;
+        hueRotate: number;
+        brightness: number;
+        blendMode: string;
+        customTheme: {
+            name: string;
+            label: string;
+            colors: {
+                titleColor: string;
+                legendTextColor: string;
+                axisLineColor: string;
+                axisLabelColor: string;
+                splitLineColor: string;
+                seriesColor: string;
+                seriesColorEnd: string;
+                seriesColorList: string[];
+                areaOpacityStart: number;
+                areaOpacityEnd: number;
+                labelColor: string;
+                tooltipBg: string;
+                tooltipBorder: string;
+                tooltipTextColor: string;
+                backgroundColor: string;
+            };
+        } | null;
+    }>;
+    requestGlobalConfig: import("vue").Ref<{
+        requestOriginUrl: string;
+        requestInterval: number;
+        requestIntervalUnit: "second" | "minute" | "hour" | "day";
+        requestHeader: Record<string, string>;
+        requestDataPond: {
+            dataPondId: string;
+            dataPondName: string;
+            dataPondRequestConfig: {
+                requestDataType: 0 | 1 | 2;
+                requestUrl?: string | undefined;
+                requestHttpType?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+                requestContentType?: number | undefined;
+                requestParamsBodyType?: string | undefined;
+                requestSQLContent?: {
+                    sql: string;
+                } | undefined;
+                requestParams?: {
+                    Params: Record<string, string>;
+                    Header: Record<string, string>;
+                    Body: {
+                        'form-data': Record<string, string>;
+                        'x-www-form-urlencoded': Record<string, string>;
+                        json: string;
+                        xml: string;
+                    };
+                } | undefined;
+                requestInterval?: number | null | undefined;
+                requestIntervalUnit?: string | undefined;
+                requestDataPondId?: string | undefined;
+            };
+        }[];
+    }, RequestGlobalConfigType | {
+        requestOriginUrl: string;
+        requestInterval: number;
+        requestIntervalUnit: "second" | "minute" | "hour" | "day";
+        requestHeader: Record<string, string>;
+        requestDataPond: {
+            dataPondId: string;
+            dataPondName: string;
+            dataPondRequestConfig: {
+                requestDataType: 0 | 1 | 2;
+                requestUrl?: string | undefined;
+                requestHttpType?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+                requestContentType?: number | undefined;
+                requestParamsBodyType?: string | undefined;
+                requestSQLContent?: {
+                    sql: string;
+                } | undefined;
+                requestParams?: {
+                    Params: Record<string, string>;
+                    Header: Record<string, string>;
+                    Body: {
+                        'form-data': Record<string, string>;
+                        'x-www-form-urlencoded': Record<string, string>;
+                        json: string;
+                        xml: string;
+                    };
+                } | undefined;
+                requestInterval?: number | null | undefined;
+                requestIntervalUnit?: string | undefined;
+                requestDataPondId?: string | undefined;
+            };
+        }[];
+    }>;
+    addComponent: (key: string) => void;
+    removeComponent: (id: string) => void;
+    selectComponent: (id: string | null) => void;
+    toggleSelectComponent: (id: string) => void;
+    selectComponentsByRect: (x: number, y: number, w: number, h: number) => void;
+    clearSelection: () => void;
+    setPreviewMode: (value: boolean) => void;
+    groupSelectedComponents: () => void;
+    ungroupComponent: (groupId: string) => void;
+    updateComponentProp: (id: string, key: string, value: any) => void;
+    updateComponentProps: (id: string, props: Record<string, any>) => void;
+    updateComponentTitle: (id: string, title: string) => void;
+    updateComponentPosition: (id: string, x: number, y: number) => void;
+    updateComponentSize: (id: string, w: number, h: number) => void;
+    updateCanvasConfig: (config: Partial<EditCanvasConfigType>) => void;
+    updateRequestGlobalConfig: (config: Partial<RequestGlobalConfigType>) => void;
+    findComponent: (id: string) => CanvasComponent | null;
+    updateComponentAttr: (id: string, key: keyof typeof DEFAULT_ATTR, value: number) => void;
+    updateComponentStyle: (id: string, key: string, value: number | string) => void;
+    updateComponentOption: (id: string, key: string, value: any) => void;
+    updateChartStyle: (id: string, path: string, value: any) => void;
+    applyThemeToAll: (preset: ChartThemePreset) => void;
+    saveCustomTheme: (preset: ChartThemePreset) => void;
+    toggleComponentStatus: (id: string, statusKey: "lock" | "hide") => void;
+    toggleComponentPreviewOverflow: (id: string) => void;
+    toggleComponentFilterShow: (id: string) => void;
+    updateComponentFilter: (id: string, value: string) => void;
+    moveComponentDelta: (id: string, dx: number, dy: number, baseX: number, baseY: number, pageW?: number, pageH?: number) => void;
+    resizeComponentDelta: (id: string, dw: number, dh: number, baseW: number, baseH: number, maxW?: number, maxH?: number) => void;
+    updateOptionDatasetDimension: (id: string, index: number, value: string) => void;
+    updateOptionDatasetCell: (id: string, rowIndex: number, colIndex: number, value: string) => void;
+    addOptionDatasetRow: (id: string) => void;
+    removeOptionDatasetRow: (id: string, rowIndex: number) => void;
+    addDataPond: (item: DataPondItem) => void;
+    updateDataPond: (id: string, item: Partial<DataPondItem>) => void;
+    removeDataPond: (id: string) => void;
+    updateComponentRequest: (id: string, request: Partial<RequestConfigType>) => void;
+    interactFilters: import("vue").Ref<Record<string, Record<string, any>>, Record<string, Record<string, any>>>;
+    updateComponentEvents: (id: string, events: EventsType) => void;
+    updateComponentInteractActions: (id: string, actions: InteractActionItem[]) => void;
+    addInteractEvent: (id: string, event: InteractEventItem) => void;
+    removeInteractEvent: (id: string, index: number) => void;
+    updateInteractEvent: (id: string, index: number, patch: Partial<InteractEventItem>) => void;
+    applyInteractAction: (targetId: string, method: string, value: any) => void;
+    clearInteractFilters: (targetId?: string) => void;
+    duplicateComponent: (id: string) => void;
+    loadSchema: (schema: {
+        editCanvasConfig?: any;
+        requestGlobalConfig?: any;
+        componentList?: any[];
+    }) => void;
+}, "addComponent" | "removeComponent" | "selectComponent" | "toggleSelectComponent" | "selectComponentsByRect" | "clearSelection" | "setPreviewMode" | "groupSelectedComponents" | "ungroupComponent" | "updateComponentProp" | "updateComponentProps" | "updateComponentTitle" | "updateComponentPosition" | "updateComponentSize" | "updateCanvasConfig" | "updateRequestGlobalConfig" | "findComponent" | "updateComponentAttr" | "updateComponentStyle" | "updateComponentOption" | "updateChartStyle" | "applyThemeToAll" | "saveCustomTheme" | "toggleComponentStatus" | "toggleComponentPreviewOverflow" | "toggleComponentFilterShow" | "updateComponentFilter" | "moveComponentDelta" | "resizeComponentDelta" | "updateOptionDatasetDimension" | "updateOptionDatasetCell" | "addOptionDatasetRow" | "removeOptionDatasetRow" | "addDataPond" | "updateDataPond" | "removeDataPond" | "updateComponentRequest" | "updateComponentEvents" | "updateComponentInteractActions" | "addInteractEvent" | "removeInteractEvent" | "updateInteractEvent" | "applyInteractAction" | "clearInteractFilters" | "duplicateComponent" | "loadSchema">>;
+//# sourceMappingURL=dashboard.d.ts.map