@nywqs/scada-engine 1.1.25 → 1.1.26

package/dist/{components → src/components}/BindingCard.d.ts

@@ -11,6 +11,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isCollapsed: boolean;
     nodeProperties: NodeProperty[];
     deviceData?: any;
+    nodeDeviceId?: string;
+    nodeDeviceName?: string;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "toggle-collapse": () => void;
     remove: () => void;
@@ -21,6 +23,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isCollapsed: boolean;
     nodeProperties: NodeProperty[];
     deviceData?: any;
+    nodeDeviceId?: string;
+    nodeDeviceName?: string;
 }>>> & Readonly<{
     "onToggle-collapse"?: (() => any) | undefined;
     onRemove?: (() => any) | undefined;

package/dist/src/components/ComponentLibrary.d.ts

@@ -0,0 +1,34 @@
+interface Props {
+    isCollapsed?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    isCollapsed: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    addComponent: (type: string) => void;
+    "update:collapsed": (value: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    isCollapsed: boolean;
+}>>> & Readonly<{
+    onAddComponent?: ((type: string) => any) | undefined;
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {
+    isCollapsed: boolean;
+}, {}, {}, {}, 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;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/src/components/ContextMenu.d.ts

@@ -0,0 +1,63 @@
+export interface MenuItem {
+    key: string;
+    label?: string;
+    icon?: string;
+    hotkey?: string;
+    disabled?: boolean;
+    divider?: boolean;
+    onClick?: () => void;
+}
+interface Props {
+    visible: boolean;
+    position: {
+        x: number;
+        y: number;
+    };
+    menuItems: MenuItem[];
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    visible: boolean;
+    position: () => {
+        x: number;
+        y: number;
+    };
+    menuItems: () => never[];
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => void;
+    "menu-click": (key: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    visible: boolean;
+    position: () => {
+        x: number;
+        y: number;
+    };
+    menuItems: () => never[];
+}>>> & Readonly<{
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onMenu-click"?: ((key: string) => any) | undefined;
+}>, {
+    position: {
+        x: number;
+        y: number;
+    };
+    visible: boolean;
+    menuItems: MenuItem[];
+}, {}, {}, {}, 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;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/src/components/DataPropertiesTab.d.ts

@@ -0,0 +1,26 @@
+import { Node } from '@antv/x6';
+
+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": (config: {
+        dataSourceId: string;
+        deviceId: string;
+    }) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{
+    "onUpdate-data-source"?: ((config: {
+        dataSourceId: string;
+        deviceId: string;
+    }) => 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/{components/PropertyPanel.d.ts → src/components/DataSourceDialog.d.ts}

@@ -1,20 +1,18 @@
-import { Node, Edge } from '@antv/x6';
+import { DataSource } from '../services/dataSourceManager';
 
 interface Props {
-    selectedNode: Node | null;
-    selectedEdge: Edge | null;
-    deviceData?: any;
+    dataSources: DataSource[];
 }
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    updateEdge: (data: any) => void;
-    deleteEdge: () => void;
-    updateNode: (data: any) => void;
-    deleteNode: () => void;
+    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<{
-    onUpdateEdge?: ((data: any) => any) | undefined;
-    onDeleteEdge?: (() => any) | undefined;
-    onUpdateNode?: ((data: any) => any) | undefined;
-    onDeleteNode?: (() => any) | undefined;
+    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;

package/dist/{components → src/components}/DevicePointSelector.d.ts

@@ -1,21 +1,25 @@
-import { Device, DevicePoint } from '../types/device';
+import { DevicePoint } from '../types/device';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     visible: boolean;
+    deviceId: string;
+    deviceName?: string;
     modelValue?: string;
     deviceData?: any;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:visible": (value: boolean) => void;
     "update:modelValue": (value: string) => void;
-    confirm: (deviceId: string, pointId: string, device: Device, point: DevicePoint) => void;
+    confirm: (pointId: string, point: DevicePoint) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     visible: boolean;
+    deviceId: string;
+    deviceName?: string;
     modelValue?: string;
     deviceData?: any;
 }>>> & Readonly<{
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onConfirm?: ((deviceId: string, pointId: string, device: Device, point: DevicePoint) => any) | undefined;
+    onConfirm?: ((pointId: string, point: DevicePoint) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/{components → src/components}/Header.d.ts

@@ -12,6 +12,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     workflow: () => void;
     preview: () => void;
     export: () => void;
+    dataSource: () => void;
     zoomIn: () => void;
     zoomOut: () => void;
     clearAll: () => void;
@@ -31,6 +32,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onWorkflow?: (() => any) | undefined;
     onPreview?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
+    onDataSource?: (() => any) | undefined;
     onZoomIn?: (() => any) | undefined;
     onZoomOut?: (() => any) | undefined;
     onClearAll?: (() => any) | undefined;

package/dist/src/components/PropertyPanel.d.ts

@@ -0,0 +1,45 @@
+import { Node, Edge } from '@antv/x6';
+
+interface Props {
+    selectedNode: Node | null;
+    selectedEdge: Edge | null;
+    deviceData?: any;
+    isCollapsed?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    isCollapsed: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:collapsed": (value: boolean) => void;
+    updateEdge: (data: any) => void;
+    deleteEdge: () => void;
+    updateNode: (data: any) => void;
+    deleteNode: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    isCollapsed: boolean;
+}>>> & Readonly<{
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+    onUpdateEdge?: ((data: any) => any) | undefined;
+    onDeleteEdge?: (() => any) | undefined;
+    onUpdateNode?: ((data: any) => any) | undefined;
+    onDeleteNode?: (() => any) | undefined;
+}>, {
+    isCollapsed: boolean;
+}, {}, {}, {}, 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;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/src/index.d.ts

@@ -0,0 +1,158 @@
+import { App } from 'vue';
+import { Graph } from '@antv/x6';
+import { default as ScadaCanvas } from './components/ScadaCanvas';
+import { default as PropertyPanel } from './components/PropertyPanel';
+import { default as Header } from './components/Header';
+import { default as ComponentLibrary } from './components/ComponentLibrary';
+import { default as CanvasConfigPanel } from './components/CanvasConfigPanel';
+import { default as BindingCard } from './components/BindingCard';
+import { default as EventCard } from './components/EventCard';
+import { default as BasicPropertiesTab } from './components/BasicPropertiesTab';
+import { default as AttributeConfigDialog } from './components/AttributeConfigDialog';
+import { default as CustomCodeDialog } from './components/CustomCodeDialog';
+
+export * from './scada-components';
+export { componentRegistry } from './scada-components/registry';
+export type { ComponentConfig, ComponentRegistry, ComponentCategory, ComponentMetadata, ComponentProp, ComponentData, NodeAttrs, PropType } from './scada-components/types';
+export { canvasConfigManager } from './scada-components/canvas';
+export type { CanvasConfig, CanvasConfigItem, CanvasSizePreset, BackgroundSize, BackgroundRepeat } from './scada-components/canvas';
+export { showMessage, saveToLocal, loadFromLocal, removeFromLocal, STORAGE_KEYS, exportToJSON, randomPosition, formatTimestamp, getCurrentTimestamp, generateUniqueId, generateEventId, generateNodeId } from './utils';
+export { animationEngine } from './utils/animationEngine';
+export { registerNodeEvents } from './utils/eventUtils';
+export type { Device, DevicePoint, DeviceList, PointValueUpdate } from './types/device';
+export { DeviceStatus, DeviceType, PointDataType, PointAccessMode } from './types/device';
+export interface EventConfig {
+    id?: string;
+    name?: string;
+    type: string;
+    conditionType?: string;
+    condition?: {
+        attribute?: string;
+        operator?: string;
+        value?: any;
+    };
+    action: string;
+    params?: Record<string, any>;
+}
+export interface BindingConfig {
+    id?: string;
+    type: string;
+    deviceId?: string;
+    dataPoint?: string;
+    attribute?: string;
+    eventId?: string;
+    transform?: string;
+}
+/**
+ * ScadaCanvas 组件暴露的 API 类型定义
+ */
+export interface ScadaCanvasExposed {
+    /** 保存画布数据到 localStorage */
+    save: () => void;
+    /** 触发文件选择，导入 JSON 数据 */
+    import: () => void;
+    /** 导出画布数据为 JSON 文件 */
+    export: () => void;
+    /** 跳转到预览页面 */
+    preview: () => void;
+    /** 打开流程编排弹窗 */
+    workflow: () => void;
+    /** 放大画布 */
+    zoomIn: () => void;
+    /** 缩小画布 */
+    zoomOut: () => void;
+    /** 清空画布所有元素 */
+    clearAll: () => void;
+    /** 添加节点 */
+    addNode: (type: string) => void;
+    /** 更新节点 */
+    updateNode: (data: any) => void;
+    /** 删除当前选中的节点 */
+    deleteNode: () => void;
+    /** 获取当前选中的节点 */
+    getSelectedNode: () => any;
+    /** 选中节点 */
+    selectNode: (nodeId: string) => boolean;
+    /** 取消选中 */
+    clearSelection: () => void;
+    /** 获取 X6 Graph 实例 */
+    getGraph: () => Graph | null;
+    /** 获取画布完整数据 */
+    getCanvasData: () => CanvasData | null;
+    /** 加载画布数据 */
+    loadCanvasData: (data: any) => boolean;
+    /** 获取所有节点 */
+    getAllNodes: () => NodeData[];
+    /** 根据ID获取节点 */
+    getNodeById: (nodeId: string) => NodeData | null;
+    /** 获取画布配置管理器 */
+    getConfigManager: () => any;
+    /** 更新画布配置 */
+    updateCanvasConfig: (config: any) => void;
+    /** 设置画布缩放 */
+    setZoom: (scale: number) => void;
+    /** 设置画布大小 */
+    setCanvasSize: (width: number, height: number) => void;
+    /** 设置背景颜色 */
+    setBackgroundColor: (color: string) => void;
+    /** 获取动画引擎 */
+    getAnimationEngine: () => any;
+}
+/**
+ * 节点数据结构
+ */
+export interface NodeData {
+    id: string;
+    type: string;
+    position: {
+        x: number;
+        y: number;
+    };
+    size: {
+        width: number;
+        height: number;
+    };
+    label: string;
+    data: any;
+}
+/**
+ * 画布数据结构
+ */
+export interface CanvasData {
+    /** 版本号 */
+    version: string;
+    /** 时间戳 */
+    timestamp: string;
+    /** 画布配置 */
+    config: any;
+    /** X6 画布元素 */
+    cells: any[];
+    /** 节点数据 */
+    nodes: Array<{
+        id: string;
+        type: string;
+        position: {
+            x: number;
+            y: number;
+        };
+        size: {
+            width: number;
+            height: number;
+        };
+        label: string;
+        data: any;
+    }>;
+    /** 连线数据 */
+    edges: Array<{
+        id: string;
+        source: string;
+        target: string;
+    }>;
+}
+export { ScadaCanvas, PropertyPanel, Header, ComponentLibrary, CanvasConfigPanel, BindingCard, EventCard, BasicPropertiesTab, AttributeConfigDialog, CustomCodeDialog, };
+export declare const install: (app: App) => void;
+declare const _default: {
+    install: (app: App) => void;
+    version: string;
+};
+export default _default;

package/dist/{scada-components → src/scada-components}/types.d.ts

@@ -70,6 +70,7 @@ export interface ComponentConfig {
     data?: ComponentData;
     ports?: any;
     props: ComponentProp[];
+    component?: any;
 }
 /**
  * 组件注册表

package/dist/src/services/dataSourceManager.d.ts

@@ -0,0 +1,121 @@
+/**
+ * 数据源管理服务
+ * 统一管理多个数据源连接（MQTT、WebSocket、HTTP等）
+ */
+export interface DataSource {
+    id: string;
+    name: string;
+    type: 'MQTT' | 'WebSocket' | 'HTTP' | 'SSE';
+    enabled: boolean;
+    config: {
+        broker?: string;
+        topic?: string;
+        clientId?: string;
+        username?: string;
+        password?: string;
+        wsUrl?: string;
+        url?: string;
+        method?: string;
+        pollInterval?: number;
+        headers?: Record<string, string>;
+        sseUrl?: string;
+        eventType?: string;
+        dataPath?: string;
+        retryCount?: number;
+    };
+    status?: {
+        connected: boolean;
+        lastUpdate?: string;
+        error?: string;
+    };
+    devices: Array<{
+        id: string;
+        name: string;
+        points: Array<{
+            id: string;
+            value: any;
+            quality?: string;
+            timestamp?: string;
+        }>;
+    }>;
+}
+export declare class DataSourceManager {
+    private dataSources;
+    private connections;
+    private onDataCallbacks;
+    /**
+     * 添加数据源
+     */
+    addDataSource(dataSource: DataSource): void;
+    /**
+     * 更新数据源
+     */
+    updateDataSource(id: string, updates: Partial<DataSource>): void;
+    /**
+     * 删除数据源
+     */
+    removeDataSource(id: string): void;
+    /**
+     * 获取数据源
+     */
+    getDataSource(id: string): DataSource | undefined;
+    /**
+     * 获取所有数据源
+     */
+    getAllDataSources(): DataSource[];
+    /**
+     * 获取所有设备（来自所有数据源）
+     */
+    getAllDevices(): Array<{
+        dataSourceId: string;
+        dataSourceName: string;
+        device: any;
+    }>;
+    /**
+     * 连接数据源
+     */
+    private connectDataSource;
+    /**
+     * 断开数据源连接
+     */
+    private disconnectDataSource;
+    /**
+     * 重新连接数据源
+     */
+    private reconnectDataSource;
+    /**
+     * 连接 MQTT
+     */
+    private connectMqtt;
+    /**
+     * 连接 WebSocket
+     */
+    private connectWebSocket;
+    /**
+     * 连接 HTTP
+     */
+    private connectHttp;
+    /**
+     * 连接 SSE
+     */
+    private connectSSE;
+    /**
+     * 处理接收到的设备数据
+     */
+    private handleDeviceData;
+    /**
+     * 注册数据接收回调
+     */
+    onData(callback: (dataSourceId: string, deviceData: any) => void): void;
+    /**
+     * 断开所有连接
+     */
+    disconnectAll(): void;
+    /**
+     * 获取数据源状态
+     */
+    getDataSourceStatus(id: string): {
+        connected: boolean;
+    } | null;
+}
+export declare const dataSourceManager: DataSourceManager;

package/dist/src/services/mqttService.d.ts

@@ -0,0 +1,110 @@
+/**
+ * MQTT 服务模块
+ * 负责 MQTT 连接管理和数据接收
+ */
+/**
+ * MQTT 配置接口
+ */
+export interface MqttConfig {
+    /** 服务器地址 */
+    broker: string;
+    /** 客户端ID（可选，自动生成） */
+    clientId?: string;
+    /** 订阅主题 */
+    topic: string;
+    /** 用户名（可选） */
+    username?: string;
+    /** 密码（可选） */
+    password?: string;
+    /** 数据路径（用于解析嵌套数据，例如：value） */
+    dataPath?: string;
+    /** 启用状态 */
+    enabled?: boolean;
+    /** 错误重试次数 */
+    retryCount?: number;
+}
+/**
+ * 设备点位数据接口
+ */
+export interface DevicePointData {
+    /** 点位 ID */
+    id: string;
+    /** 点位名称 */
+    name?: string;
+    /** 点位编码 */
+    code?: string;
+    /** 数据类型 */
+    dataType?: 'boolean' | 'number' | 'string';
+    /** 访问权限 */
+    accessMode?: 'read' | 'write' | 'readWrite';
+    /** 点位值 */
+    value: any;
+    /** 数据质量 */
+    quality?: 'good' | 'bad' | 'uncertain';
+    /** 时间戳 */
+    timestamp?: string;
+    /** 单位 */
+    unit?: string;
+    /** 是否启用 */
+    enabled?: boolean;
+    /** 精度 */
+    precision?: number;
+}
+/**
+ * 设备数据接口
+ */
+export interface DeviceData {
+    /** 设备ID */
+    id: string;
+    /** 设备名称 */
+    name?: string;
+    /** 点位数据 */
+    points: DevicePointData[];
+}
+/**
+ * MQTT 服务类
+ */
+export declare class MqttService {
+    private client;
+    private config;
+    private onDataCallback;
+    private onErrorCallback;
+    private isConnected;
+    /**
+     * 连接 MQTT 服务器
+     */
+    connect(config: MqttConfig): Promise<void>;
+    /**
+     * 解析设备数据
+     * 支持多种数据格式
+     */
+    private parseDeviceData;
+    /**
+     * 设置数据接收回调
+     */
+    onData(callback: (data: DeviceData) => void): void;
+    /**
+     * 设置错误回调
+     */
+    onError(callback: (error: Error) => void): void;
+    /**
+     * 发布消息
+     */
+    publish(topic: string, message: string | object): void;
+    /**
+     * 断开连接
+     */
+    disconnect(): void;
+    /**
+     * 获取连接状态
+     */
+    getConnectionStatus(): boolean;
+    /**
+     * 获取当前配置
+     */
+    getConfig(): MqttConfig | null;
+}
+/**
+ * 创建 MQTT 服务实例
+ */
+export declare function createMqttService(): MqttService;