@nywqs/scada-engine 1.1.25 → 1.1.26

package/dist/src/utils/canvasConfigWatcher.d.ts

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

package/dist/src/utils/canvasDataHandler.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/utils/contextMenuManager.d.ts

@@ -0,0 +1,27 @@
+import { MenuItem } from '../components/ContextMenu';
+
+/**
+ * 右键菜单管理器类
+ */
+export declare class ContextMenuManager {
+    /**
+     * 生成节点右键菜单
+     */
+    getNodeMenuItems(): MenuItem[];
+    /**
+     * 生成连线右键菜单
+     */
+    getEdgeMenuItems(): MenuItem[];
+    /**
+     * 生成画布右键菜单
+     */
+    getCanvasMenuItems(): MenuItem[];
+    /**
+     * 根据目标类型获取菜单项
+     */
+    getMenuItems(target: 'node' | 'edge' | 'canvas'): MenuItem[];
+}
+/**
+ * 导出右键菜单管理器单例
+ */
+export declare const contextMenuManager: ContextMenuManager;

package/dist/src/utils/dataBindingService.d.ts

@@ -0,0 +1,42 @@
+import { Graph } from '@antv/x6';
+
+/**
+ * 数据绑定服务类
+ */
+export declare class DataBindingService {
+    private graph;
+    private dataCallbackRegistered;
+    /**
+     * 设置 Graph 实例
+     */
+    setGraph(graph: Graph | null): void;
+    /**
+     * 初始化数据绑定监听
+     */
+    initDataBinding(): void;
+    /**
+     * 同步数据到节点
+     */
+    private syncDataToNodes;
+    /**
+     * 根据设备数据更新节点
+     */
+    private updateNodeFromDeviceData;
+    /**
+     * 应用映射规则
+     */
+    private applyMapping;
+    /**
+     * 手动更新设备数据（用于外部传入的设备数据）
+     */
+    updateDeviceData(deviceData: any): void;
+    /**
+     * 获取节点的绑定配置
+     */
+    getNodeBindings(nodeId: string): any[];
+    /**
+     * 更新节点的绑定配置
+     */
+    updateNodeBindings(nodeId: string, bindings: any[]): boolean;
+}
+export declare const dataBindingService: DataBindingService;

package/dist/src/utils/edgeOperations.d.ts

@@ -0,0 +1,57 @@
+import { Graph, Edge } from '@antv/x6';
+
+/**
+ * 边动画配置
+ */
+export interface EdgeAnimationConfig {
+    enabled: boolean;
+    duration?: number;
+}
+/**
+ * 边操作工具类
+ */
+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/utils/eventManager.d.ts

@@ -0,0 +1,62 @@
+import { Graph } from '@antv/x6';
+import { Ref } from 'vue';
+import { MenuItem } from '../components/ContextMenu';
+
+/**
+ * 事件管理器配置
+ */
+export interface EventManagerConfig {
+    selectedNode: Ref<any>;
+    selectedEdge: Ref<any>;
+    selectedNodesCount: Ref<number>;
+    contextMenu: Ref<{
+        visible: boolean;
+        position: {
+            x: number;
+            y: number;
+        };
+        items: MenuItem[];
+        targetCell: any;
+    }>;
+    applyEdgeAnimation?: (edge: any, animation: any) => void;
+}
+/**
+ * Graph 事件管理器类
+ */
+export declare class GraphEventManager {
+    private graph;
+    private config;
+    private keydownHandler;
+    /**
+     * 初始化事件管理器
+     */
+    initialize(graph: Graph, config: EventManagerConfig): void;
+    /**
+     * 注册选择相关事件
+     */
+    private registerSelectionEvents;
+    /**
+     * 注册点击相关事件
+     */
+    private registerClickEvents;
+    /**
+     * 注册变化监听事件
+     */
+    private registerChangeEvents;
+    /**
+     * 注册右键菜单事件
+     */
+    private registerContextMenuEvents;
+    /**
+     * 注册键盘事件
+     */
+    private registerKeyboardEvents;
+    /**
+     * 销毁事件管理器，清理所有监听器
+     */
+    destroy(): void;
+}
+/**
+ * 导出事件管理器单例
+ */
+export declare const graphEventManager: GraphEventManager;

package/dist/src/utils/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/utils/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 工具函数统一导出
+ * 便于其他模块使用
+ */
+export * from './nodePropertyUtils';
+export * from './eventUtils';
+export * from './storageUtils';
+export * from './fileUtils';
+export * from './commonUtils';
+export * from './messageUtils';
+export * from './graphOperations';
+export * from './nodeOperations';
+export * from './edgeOperations';
+export * from './canvasDataHandler';
+export * from './dataBindingService';
+export * from './eventManager';
+export * from './contextMenuManager';
+export * from './canvasConfigWatcher';

package/dist/src/utils/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;
+    }): 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/utils/storageUtils.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 存储工具函数
+ * 统一使用 localStorage 进行数据持久化
+ */
+/**
+ * LocalStorage 键名常量
+ */
+export declare const STORAGE_KEYS: {
+    readonly SCADA_EDITOR_DATA: "scada_editor_data";
+};
+/**
+ * 保存数据到 localStorage
+ * @param key 键名
+ * @param data 数据对象
+ * @returns 是否保存成功
+ */
+export declare const saveToLocal: <T = any>(key: string, data: T) => boolean;
+/**
+ * 从 localStorage 读取数据
+ * @param key 键名
+ * @returns 数据对象，失败返回 null
+ */
+export declare const loadFromLocal: <T = any>(key: string) => T | null;
+/**
+ * 从 localStorage 删除数据
+ * @param key 键名
+ */
+export declare const removeFromLocal: (key: string) => void;
+/**
+ * 清空 localStorage
+ */
+export declare const clearLocal: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nywqs/scada-engine",
-  "version": "1.1.25",
+  "version": "1.1.26",
   "description": "自研 SCADA 组态引擎 - 基于 AntV X6",
   "type": "module",
   "main": "./dist/scada-engine.umd.js",
@@ -38,6 +38,7 @@
     "@vicons/carbon": "^0.13.0",
     "@vueuse/core": "^10.0.0",
     "echarts": "^5.5.0",
+    "mqtt": "^5.14.1",
     "pinia": "^2.1.0",
     "vue": "^3.4.0"
   },

package/dist/components/ComponentLibrary.d.ts

@@ -1,6 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    addComponent: (type: string) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
-    onAddComponent?: ((type: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/DataPropertiesTab.d.ts

@@ -1,42 +0,0 @@
-import { Node } from '@antv/x6';
-
-interface DataSource {
-    type: string;
-    broker?: string;
-    clientId?: string;
-    topic?: string;
-    username?: string;
-    password?: string;
-    wsUrl?: string;
-    url?: string;
-    method?: string;
-    headers?: string;
-    body?: string;
-    pollInterval?: number;
-    sseUrl?: string;
-    eventType?: string;
-    autoReconnect?: boolean;
-    dataPath?: string;
-    value?: string;
-    valueType?: string;
-    enabled?: boolean;
-    retryCount?: number;
-}
-interface Props {
-    selectedNode: Node;
-}
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update-data-source": (source: DataSource) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{
-    "onUpdate-data-source"?: ((source: DataSource) => 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/mock/deviceData.d.ts

@@ -1,39 +0,0 @@
-import { Device, DeviceList, PointDataType, PointAccessMode } from '../types/device';
-
-/**
- * 模拟设备数据
- */
-export declare const mockDevices: Device[];
-/**
- * 模拟设备列表
- */
-export declare const mockDeviceList: DeviceList;
-/**
- * 根据设备ID获取设备
- */
-export declare const getDeviceById: (deviceId: string) => Device | undefined;
-/**
- * 根据设备ID和点位ID获取点位
- */
-export declare const getPointById: (deviceId: string, pointId: string) => import('..').DevicePoint | undefined;
-/**
- * 获取所有点位（扁平化）
- */
-export declare const getAllPoints: () => {
-    deviceId: string;
-    deviceName: string;
-    id: string;
-    name: string;
-    code: string;
-    description?: string;
-    dataType: PointDataType;
-    accessMode: PointAccessMode;
-    value?: any;
-    unit?: string;
-    minValue?: number;
-    maxValue?: number;
-    precision?: number;
-    enabled?: boolean;
-    updateTime?: string;
-    quality?: "good" | "bad" | "uncertain";
-}[];

package/dist/utils/index.d.ts

@@ -1,10 +0,0 @@
-/**
- * 工具函数统一导出
- * 便于其他模块使用
- */
-export * from './nodePropertyUtils';
-export * from './eventUtils';
-export * from './storageUtils';
-export * from './fileUtils';
-export * from './commonUtils';
-export * from './messageUtils';

package/dist/utils/storageUtils.d.ts

@@ -1,55 +0,0 @@
-/**
- * 存储工具函数
- * 统一管理 sessionStorage 和 localStorage 操作
- */
-/**
- * SessionStorage 键名常量
- */
-export declare const STORAGE_KEYS: {
-    readonly SCADA_EDITOR_DATA: "scada_editor_data";
-    readonly SCADA_PREVIEW_DATA: "scada_preview_data";
-};
-/**
- * 保存数据到 sessionStorage
- * @param key 键名
- * @param data 数据对象
- * @returns 是否保存成功
- */
-export declare const saveToSession: <T = any>(key: string, data: T) => boolean;
-/**
- * 从 sessionStorage 读取数据
- * @param key 键名
- * @returns 数据对象，失败返回 null
- */
-export declare const loadFromSession: <T = any>(key: string) => T | null;
-/**
- * 从 sessionStorage 删除数据
- * @param key 键名
- */
-export declare const removeFromSession: (key: string) => void;
-/**
- * 清空 sessionStorage
- */
-export declare const clearSession: () => void;
-/**
- * 保存数据到 localStorage
- * @param key 键名
- * @param data 数据对象
- * @returns 是否保存成功
- */
-export declare const saveToLocal: <T = any>(key: string, data: T) => boolean;
-/**
- * 从 localStorage 读取数据
- * @param key 键名
- * @returns 数据对象，失败返回 null
- */
-export declare const loadFromLocal: <T = any>(key: string) => T | null;
-/**
- * 从 localStorage 删除数据
- * @param key 键名
- */
-export declare const removeFromLocal: (key: string) => void;
-/**
- * 清空 localStorage
- */
-export declare const clearLocal: () => void;

package/dist/views/preview/PreviewView.d.ts

@@ -1,3 +0,0 @@
-
-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;