scada-engine 1.0.0

package/dist/src/features/canvas/components/CanvasArea.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/features/canvas/components/CanvasConfigPanel.d.ts

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

package/dist/src/features/canvas/index.d.ts

@@ -0,0 +1,9 @@
+export { default as ScadaCanvas } from './components/ScadaCanvas';
+export { default as CanvasArea } from './components/CanvasArea';
+export { default as CanvasConfigPanel } from './components/CanvasConfigPanel';
+export * from './managers/configWatcher';
+export * from './managers/dataHandler';
+export * from './managers/layerManager';
+export * from './operations/nodeOperations';
+export * from './operations/edgeOperations';
+export * from './operations/graphOperations';

package/dist/src/features/canvas/managers/configWatcher.d.ts

@@ -0,0 +1,49 @@
+import { Graph } from '@antv/x6';
+import { Ref } from 'vue';
+
+/**
+ * 画布配置监听器类
+ */
+export declare class CanvasConfigWatcher {
+    private graph;
+    private containerRef;
+    private calculateFitScale;
+    private updateContainerSizeFn;
+    private snaplinePlugin;
+    /**
+     * 初始化配置监听器
+     */
+    initialize(graph: Graph, containerRef: Ref<any>, calculateFitScale: () => number, updateContainerSizeFn?: () => void): void;
+    /**
+     * 初始化Snapline插件
+     */
+    private initializeSnapline;
+    /**
+     * 应用配置变化到 Graph
+     */
+    applyConfigChanges(): void;
+    /**
+     * 更新背景
+     */
+    private updateBackground;
+    /**
+     * 更新尺寸和缩放
+     */
+    private updateSizeAndScale;
+    /**
+     * 更新网格
+     */
+    private updateGrid;
+    /**
+     * 更新参考线
+     */
+    private updateGuides;
+    /**
+     * 清理资源
+     */
+    destroy(): void;
+}
+/**
+ * 导出配置监听器单例
+ */
+export declare const canvasConfigWatcher: CanvasConfigWatcher;

package/dist/src/features/canvas/managers/dataHandler.d.ts

@@ -0,0 +1,70 @@
+import { Graph } from '@antv/x6';
+
+/**
+ * 画布数据接口
+ */
+export interface CanvasData {
+    version?: string;
+    timestamp?: string;
+    config?: any;
+    cells: any[];
+    nodes?: any[];
+    edges?: any[];
+    dataSources?: any[];
+    workflows?: any[];
+}
+/**
+ * 画布数据处理类
+ */
+export declare class CanvasDataHandler {
+    private graph;
+    /**
+     * 设置 Graph 实例
+     */
+    setGraph(graph: Graph | null): void;
+    /**
+     * 保存画布数据到 localStorage
+     */
+    saveToLocal(): boolean;
+    /**
+     * 从 localStorage 加载画布数据
+     */
+    loadFromLocal(onEdgeAnimationRestore?: (edge: any) => void): boolean;
+    /**
+     * 清理单元格数据（修复损坏的数据）
+     */
+    private cleanCellsData;
+    /**
+     * 导出完整的画布数据（包含配置、节点、边、数据源等）
+     */
+    exportData(): CanvasData | null;
+    /**
+     * 收集所有被引用的流程
+     */
+    private collectReferencedWorkflows;
+    /**
+     * 导入画布数据
+     */
+    importData(importData: CanvasData, onEdgeAnimationRestore?: (edge: any) => void): boolean;
+    /**
+     * 导入数据源配置
+     */
+    private importDataSources;
+    /**
+     * 导入流程数据
+     */
+    private importWorkflows;
+    /**
+     * 导出为 JSON 文件
+     */
+    exportToFile(filename?: string): string | null;
+    /**
+     * 清除画布数据缓存
+     */
+    clearCache(): void;
+    /**
+     * 获取画布完整数据（不包含workflows）
+     */
+    getCanvasData(): CanvasData | null;
+}
+export declare const canvasDataHandler: CanvasDataHandler;

package/dist/src/features/canvas/managers/layerManager.d.ts

@@ -0,0 +1,88 @@
+import { Graph } from '@antv/x6';
+
+export declare enum CanvasLayer {
+    BACKGROUND = "background",
+    STATIC = "static",
+    ANIMATION = "animation",
+    INTERACTION = "interaction",
+    HIGHLIGHT = "highlight"
+}
+export declare class CanvasLayerManager {
+    private graph;
+    private layers;
+    private layerConfig;
+    private containerElement;
+    private dirtyLayers;
+    private renderScheduled;
+    private staticNodes;
+    private animationNodes;
+    /**
+     * 初始化分层系统
+     */
+    init(graph: Graph, container: HTMLElement): void;
+    /**
+     * 创建图层 Canvas
+     */
+    private createLayer;
+    /**
+     * 附加事件监听器
+     */
+    private attachEventListeners;
+    /**
+     * 标记图层为脏(需要重绘)
+     */
+    markDirty(layer: CanvasLayer): void;
+    /**
+     * 调度渲染
+     */
+    private scheduleRender;
+    /**
+     * 渲染所有脏图层
+     */
+    private render;
+    /**
+     * 渲染单个图层
+     */
+    private renderLayer;
+    /**
+     * 渲染背景层
+     */
+    private renderBackground;
+    /**
+     * 渲染静态层
+     */
+    private renderStatic;
+    /**
+     * 渲染动画层
+     */
+    private renderAnimation;
+    /**
+     * 渲染交互层
+     */
+    private renderInteraction;
+    /**
+     * 渲染高亮层
+     */
+    private renderHighlight;
+    /**
+     * 标记节点为动画节点
+     */
+    markAsAnimation(nodeId: string): void;
+    /**
+     * 标记节点为静态节点
+     */
+    markAsStatic(nodeId: string): void;
+    /**
+     * 获取性能统计
+     */
+    getStats(): {
+        staticNodes: number;
+        animationNodes: number;
+        dirtyLayers: number;
+    };
+    /**
+     * 销毁分层系统
+     */
+    destroy(): void;
+}
+export declare const canvasLayerManager: CanvasLayerManager;

package/dist/src/features/canvas/operations/edgeOperations.d.ts

@@ -0,0 +1,52 @@
+import { Graph, Edge } from '@antv/x6';
+import { EdgeAnimationConfig } from '../../../shared/utils/edgeAnimationUtils';
+
+export type { EdgeAnimationConfig };
+/**
+ * 边操作工具类
+ */
+export declare class EdgeOperations {
+    private graph;
+    /**
+     * 设置 Graph 实例
+     */
+    setGraph(graph: Graph | null): void;
+    /**
+     * 应用边动画（委托给公共工具函数）
+     */
+    applyEdgeAnimation(edge: Edge, animation: EdgeAnimationConfig): void;
+    /**
+     * 更新边属性
+     */
+    updateEdge(edge: Edge, updates: any): void;
+    /**
+     * 删除边
+     */
+    deleteEdge(edgeId: string): boolean;
+    /**
+     * 获取边
+     */
+    getEdgeById(edgeId: string): Edge | null;
+    /**
+     * 获取所有边
+     */
+    getAllEdges(): Array<{
+        id: string;
+        source: string;
+        target: string;
+        data: any;
+    }>;
+    /**
+     * 应用选中样式
+     */
+    applySelectedStyle(edge: Edge): void;
+    /**
+     * 恢复原始样式
+     */
+    restoreOriginalStyle(edge: Edge): void;
+    /**
+     * 恢复所有边的动画（用于加载画布数据后）
+     */
+    restoreAllEdgeAnimations(): void;
+}
+export declare const edgeOperations: EdgeOperations;

package/dist/src/features/canvas/operations/graphOperations.d.ts

@@ -0,0 +1,85 @@
+import { Graph } from '@antv/x6';
+
+/**
+ * 画布操作工具类
+ */
+export declare class GraphOperations {
+    private graph;
+    /**
+     * 设置 Graph 实例
+     */
+    setGraph(graph: Graph | null): void;
+    /**
+     * 获取 Graph 实例
+     */
+    getGraph(): Graph | null;
+    /**
+     * 放大画布
+     */
+    zoomIn(): void;
+    /**
+     * 缩小画布
+     */
+    zoomOut(): void;
+    /**
+     * 设置缩放比例
+     */
+    setZoom(scale: number): void;
+    /**
+     * 清空画布
+     */
+    clearAll(onConfirm?: () => void): void;
+    /**
+     * 获取选中的节点列表
+     */
+    private getSelectedNodes;
+    /**
+     * 验证选中节点数量
+     */
+    private validateSelection;
+    /**
+     * 左对齐
+     */
+    alignLeft(): void;
+    /**
+     * 水平居中对齐
+     */
+    alignCenter(): void;
+    /**
+     * 右对齐
+     */
+    alignRight(): void;
+    /**
+     * 顶部对齐
+     */
+    alignTop(): void;
+    /**
+     * 垂直居中对齐
+     */
+    alignMiddle(): void;
+    /**
+     * 底部对齐
+     */
+    alignBottom(): void;
+    /**
+     * 横向分布
+     */
+    distributeHorizontal(): void;
+    /**
+     * 纵向分布
+     */
+    distributeVertical(): void;
+    /**
+     * 全选节点
+     */
+    selectAll(): void;
+    /**
+     * 清除选择
+     */
+    clearSelection(): void;
+    /**
+     * 计算适合的缩放比例
+     */
+    calculateFitScale(containerWidth: number, containerHeight: number): number;
+}
+export declare const graphOperations: GraphOperations;

package/dist/src/features/canvas/operations/nodeOperations.d.ts

@@ -0,0 +1,77 @@
+import { Graph, Node } from '@antv/x6';
+
+/**
+ * 节点操作工具类
+ */
+export declare class NodeOperations {
+    private graph;
+    private componentCounters;
+    /**
+     * 设置 Graph 实例
+     */
+    setGraph(graph: Graph | null): void;
+    /**
+     * 生成组件默认名称
+     */
+    generateComponentName(componentType: string, componentName: string): string;
+    /**
+     * 添加节点
+     */
+    addNode(type: string, position?: {
+        x: number;
+        y: number;
+    }): Promise<Node | null>;
+    /**
+     * 更新节点属性
+     */
+    updateNode(node: Node, updates: any): void;
+    /**
+     * 删除节点
+     */
+    deleteNode(nodeId: string): boolean;
+    /**
+     * 选中节点
+     */
+    selectNode(nodeId: string): boolean;
+    /**
+     * 获取节点
+     */
+    getNodeById(nodeId: string): Node | null;
+    /**
+     * 获取所有节点
+     */
+    getAllNodes(): Array<{
+        id: string;
+        type: string;
+        position: {
+            x: number;
+            y: number;
+        };
+        size: {
+            width: number;
+            height: number;
+        };
+        label: string;
+        data: any;
+    }>;
+    /**
+     * 复制节点
+     */
+    cloneNode(node: Node, offset?: {
+        x: number;
+        y: number;
+    }): Node | null;
+    /**
+     * 批量删除节点
+     */
+    deleteNodes(nodeIds: string[]): number;
+    /**
+     * 节点置于顶层
+     */
+    bringToFront(nodeId: string): void;
+    /**
+     * 节点置于底层
+     */
+    sendToBack(nodeId: string): void;
+}
+export declare const nodeOperations: NodeOperations;

package/dist/src/features/data-source/components/DataSourceDialog.d.ts

@@ -0,0 +1,26 @@
+import { DataSource } from '../services/dataSourceManager';
+
+interface Props {
+    dataSources: DataSource[];
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    save: (dataSource: DataSource) => void;
+    delete: (id: string) => void;
+    add: (dataSource: Omit<DataSource, "id" | "status" | "devices">) => void;
+    close: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{
+    onSave?: ((dataSource: DataSource) => any) | undefined;
+    onDelete?: ((id: string) => any) | undefined;
+    onAdd?: ((dataSource: Omit<DataSource, "id" | "status" | "devices">) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/src/features/data-source/components/MappingConfigurator.d.ts

@@ -0,0 +1,27 @@
+import { MappingConfig } from '../../../shared/types/binding';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    visible: boolean;
+    modelValue?: MappingConfig;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => void;
+    "update:modelValue": (value: MappingConfig) => void;
+    confirm: (value: MappingConfig) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    visible: boolean;
+    modelValue?: MappingConfig;
+}>>> & Readonly<{
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: MappingConfig) => any) | undefined;
+    onConfirm?: ((value: MappingConfig) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/src/features/data-source/index.d.ts

@@ -0,0 +1,14 @@
+export { default as DataSourceDialog } from './components/DataSourceDialog';
+export { default as DevicePointSelector } from './components/DevicePointSelector';
+export { default as MappingConfigurator } from './components/MappingConfigurator';
+export * from './services/dataSourceManager';
+export { DataParser, ParserPresets, defaultParser } from './services/dataParser';
+export type { DeviceData as ParsedDeviceData } from './services/dataParser';
+export * from './services/httpService';
+export { MqttService } from './services/mqttService';
+export type { MqttConfig, DevicePointData, DeviceData as MqttDeviceData } from './services/mqttService';
+export * from './services/sseService';
+export * from './services/websocketService';
+export * from './services/dataBindingService';
+export * from './types/dataAdapter';
+export * from './types/device';

package/dist/src/features/data-source/services/dataBindingService.d.ts

@@ -0,0 +1,86 @@
+import { Graph } from '@antv/x6';
+import { BindingConfig } from '../../../shared/types';
+
+/**
+ * 数据绑定服务类
+ */
+export declare class DataBindingService {
+    private graph;
+    private dataCallbackRegistered;
+    private updateQueue;
+    private flushTimer;
+    private readonly FLUSH_DELAY;
+    /**
+     * 设置 Graph 实例
+     */
+    setGraph(graph: Graph | null): void;
+    /**
+     * 初始化数据绑定监听
+     */
+    private initDataBinding;
+    /**
+     * 处理数据源更新
+     */
+    private handleDataUpdate;
+    /**
+     * 更新单个节点的数据
+     */
+    private updateNodeData;
+    /**
+     * 将更新添加到队列
+     */
+    private queueUpdates;
+    /**
+     * 调度批量刷新
+     */
+    private scheduleFlush;
+    /**
+     * 执行批量更新
+     */
+    private flush;
+    /**
+     * 从原始数据中提取点位值
+     *
+     * @param rawData 原始数据（后端返回的JSON）
+     * @param pointId 点位ID（如 "liquid_level"）
+     * @returns 点位值
+     */
+    private extractPointValue;
+    /**
+     * 应用值映射转换
+     *
+     * @param value 原始值
+     * @param mapping 映射配置
+     * @returns 转换后的值
+     */
+    private applyValueMapping;
+    /**
+     * 布尔映射
+     */
+    private applyBooleanMapping;
+    /**
+     * 范围映射
+     */
+    private applyRangeMapping;
+    /**
+     * 枚举映射
+     */
+    private applyEnumMapping;
+    /**
+     * 应用更新到节点
+     */
+    private applyUpdatesToNode;
+    /**
+     * 获取节点的绑定配置
+     */
+    getNodeBindings(nodeId: string): BindingConfig[];
+    /**
+     * 更新节点的绑定配置
+     */
+    updateNodeBindings(nodeId: string, bindings: BindingConfig[]): boolean;
+    /**
+     * 清理资源
+     */
+    destroy(): void;
+}
+export declare const dataBindingService: DataBindingService;