@nywqs/scada-engine 1.1.30 → 2.0.0

package/dist/src/components/panels/CanvasConfigPanel.d.ts

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

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

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

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

@@ -0,0 +1,26 @@
+import { MenuItem } from '../../types/context-menu';
+interface Props {
+    visible: boolean;
+    position: {
+        x: number;
+        y: number;
+    };
+    menuItems: MenuItem[];
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => any;
+    "menu-click": (key: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onMenu-click"?: ((key: string) => any) | undefined;
+}>, {
+    visible: boolean;
+    position: {
+        x: number;
+        y: number;
+    };
+    menuItems: MenuItem[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    menuRef: HTMLDivElement;
+}, any>;
+export default _default;

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

@@ -0,0 +1,22 @@
+import { Node, Edge } from '@antv/x6';
+interface Props {
+    selectedNode: Node | null;
+    selectedEdge: Edge | null;
+    edgePanelKey?: number;
+    deviceData?: any;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    updateEdge: (data: any) => any;
+    deleteEdge: () => any;
+    updateNode: (data: any) => any;
+    deleteNode: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onUpdateEdge?: ((data: any) => any) | undefined;
+    onDeleteEdge?: (() => any) | undefined;
+    onUpdateNode?: ((data: any) => any) | undefined;
+    onDeleteNode?: (() => any) | undefined;
+}>, {
+    edgePanelKey: number;
+    deviceData: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/components/property-tabs/BasicPropertiesTab.d.ts

@@ -0,0 +1,37 @@
+import { Node } from '@antv/x6';
+interface NodePosition {
+    x: number;
+    y: number;
+}
+interface NodeSize {
+    width: number;
+    height: number;
+}
+type __VLS_Props = {
+    selectedNode: Node;
+    nodePosition: NodePosition;
+    nodeSize: NodeSize;
+    nodeAttrs: any;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update-position": (axis: "x" | "y", value: number) => any;
+    "update-size": (dimension: "width" | "height", value: number) => any;
+    "update-label": (event: Event) => any;
+    "update-fill": (event: Event) => any;
+    "update-stroke": (event: Event) => any;
+    "update-stroke-width": (event: Event) => any;
+    "update-opacity": (event: Event) => any;
+    "update-component-name": (event: Event) => any;
+    "update-dynamic-prop": (path: string, value: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate-position"?: ((axis: "x" | "y", value: number) => any) | undefined;
+    "onUpdate-size"?: ((dimension: "width" | "height", value: number) => any) | undefined;
+    "onUpdate-label"?: ((event: Event) => any) | undefined;
+    "onUpdate-fill"?: ((event: Event) => any) | undefined;
+    "onUpdate-stroke"?: ((event: Event) => any) | undefined;
+    "onUpdate-stroke-width"?: ((event: Event) => any) | undefined;
+    "onUpdate-opacity"?: ((event: Event) => any) | undefined;
+    "onUpdate-component-name"?: ((event: Event) => any) | undefined;
+    "onUpdate-dynamic-prop"?: ((path: string, value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/property-tabs/DataPropertiesTab.d.ts

@@ -0,0 +1,14 @@
+import { Node } from '@antv/x6';
+interface Props {
+    selectedNode: Node;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update-data-source": (config: {
+        dataSourceId: string;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate-data-source"?: ((config: {
+        dataSourceId: string;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/property-tabs/EdgePropertiesTab.d.ts

@@ -0,0 +1,16 @@
+import { Edge } from '@antv/x6';
+interface Props {
+    selectedEdge: Edge | null;
+    /** 父组件更新边后递增，用于让 edgeAttrs 重新计算（getAttrs 非响应式） */
+    edgePanelKey?: number;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    updateEdge: (updates: any) => any;
+    deleteEdge: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onUpdateEdge?: ((updates: any) => any) | undefined;
+    onDeleteEdge?: (() => any) | undefined;
+}>, {
+    edgePanelKey: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/constants/animation.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 动画相关常量
+ */
+/** 默认过渡时长（毫秒） */
+export declare const DEFAULT_TRANSITION_MS = 300;

package/dist/src/constants/index.d.ts

@@ -0,0 +1,3 @@
+export * from './layout';
+export * from './theme';
+export * from './animation';

package/dist/src/constants/layout.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 布局相关常量
+ * 统一管理硬编码的尺寸，避免多处数值不一致
+ */
+/** 左侧组件库宽度 */
+export declare const SIDEBAR_LEFT_WIDTH = 220;
+/** 右侧属性面板宽度 */
+export declare const SIDEBAR_RIGHT_WIDTH = 300;
+/** 画布自适应时的边距（Scroller 已有 40px padding，这里再留 40px 缓冲） */
+export declare const CANVAS_FIT_PADDING = 80;
+/** 内容适配时的边距 */
+export declare const CONTENT_FIT_PADDING = 40;
+/** Transform 插件：节点最小尺寸 */
+export declare const NODE_RESIZE_MIN = 20;
+/** Transform 插件：节点最大尺寸 */
+export declare const NODE_RESIZE_MAX = 800;

package/dist/src/constants/theme.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 主题色与组件样式常量
+ * 统一管理接线柱、选中等通用视觉样式
+ */
+/** 接线柱描边色 */
+export declare const PORT_STROKE = "#31d0c6";
+/** 接线柱填充色 */
+export declare const PORT_FILL = "#fff";
+/** 接线柱描边宽度 */
+export declare const PORT_STROKE_WIDTH = 2;
+/** 接线柱半径 */
+export declare const PORT_RADIUS = 4;
+/** 状态颜色映射：默认未知/缺失时的回退色 */
+export declare const FALLBACK_STATUS_COLOR = "#999999";
+/** 画布/面板背景色（与 theme.css 中 --scada-bg-* 对应，供 JS 使用） */
+export declare const BG_DARKEST = "#0f172a";
+export declare const BG_DARK = "#1e293b";

package/dist/src/index.d.ts

@@ -1,24 +1,25 @@
 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';
-
+import { default as ScadaCanvas } from './components/canvas/ScadaCanvas';
+import { default as PropertyPanel } from './components/panels/PropertyPanel';
+import { default as Header } from './components/layout/Header';
+import { default as ComponentLibrary } from './components/panels/ComponentLibrary';
+import { default as CanvasConfigPanel } from './components/panels/CanvasConfigPanel';
+import { default as BindingCard } from './components/configurators/BindingCard';
+import { default as EventCard } from './components/configurators/EventCard';
+import { default as BasicPropertiesTab } from './components/property-tabs/BasicPropertiesTab';
+import { default as AttributeConfigDialog } from './components/dialogs/AttributeConfigDialog';
+import { default as CustomCodeDialog } from './components/dialogs/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 { animationEngine } from './utils/animation/animation-engine';
+export { registerNodeEvents } from './utils/events/event-utils';
+export * from './scada-components/svg';
+export { svgLoader } from './scada-components/svg';
 export type { Device, DevicePoint, DeviceList, PointValueUpdate } from './types/device';
 export { DeviceStatus, DeviceType, PointDataType, PointAccessMode } from './types/device';
 export interface EventConfig {
@@ -50,9 +51,9 @@ export interface ScadaCanvasExposed {
     /** 保存画布数据到 localStorage */
     save: () => void;
     /** 触发文件选择，导入 JSON 数据 */
-    import: () => void;
+    importFile: () => void;
     /** 导出画布数据为 JSON 文件 */
-    export: () => void;
+    exportFile: () => void;
     /** 跳转到预览页面 */
     preview: () => void;
     /** 打开流程编排弹窗 */

package/dist/src/main.d.ts

@@ -1 +0,0 @@
-

package/dist/src/scada-components/basic/circle.d.ts

@@ -1,5 +1,4 @@
 import { ComponentConfig } from '../types';
-
 /**
  * 圆形组件配置
  */

package/dist/src/scada-components/basic/rect.d.ts

@@ -1,5 +1,4 @@
 import { ComponentConfig } from '../types';
-
 /**
  * 矩形组件配置
  */

package/dist/src/scada-components/basic/text.d.ts

@@ -1,5 +1,4 @@
 import { ComponentConfig } from '../types';
-
 /**
  * 文本组件配置
  */

package/dist/src/scada-components/canvas/config.d.ts

@@ -1,5 +1,4 @@
 import { CanvasConfig, CanvasConfigItem } from './types';
-
 /**
  * 默认画布配置
  */

package/dist/src/scada-components/canvas/manager.d.ts

@@ -1,5 +1,4 @@
 import { CanvasConfig } from './types';
-
 /**
  * 画布配置管理器
  */

package/dist/src/scada-components/iot/echarts-gauge/EChartsGauge.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    node?: any;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    chartRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/src/scada-components/iot/{echarts-gauge.d.ts → echarts-gauge/index.d.ts}

@@ -1,5 +1,4 @@
-import { ComponentConfig } from '../types';
-
+import { ComponentConfig } from '../../types';
 /**
  * ECharts 仪表盘组件配置
  */

package/dist/src/scada-components/iot/echarts-line/EChartsLine.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    node?: any;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    chartContainer: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/src/scada-components/iot/{echarts-line.d.ts → echarts-line/index.d.ts}

@@ -1,5 +1,4 @@
-import { ComponentConfig } from '../types';
-
+import { ComponentConfig } from '../../types';
 /**
  * ECharts 折线图组件配置
  */

package/dist/src/scada-components/iot/index.d.ts

@@ -1,10 +1,5 @@
 /**
  * IoT组件导出
  */
-export { LightComponent } from './light';
-export { SwitchComponent } from './switch';
 export { EChartsGaugeComponent } from './echarts-gauge';
 export { EChartsLineComponent } from './echarts-line';
-export { Motor3DComponent, Valve3DComponent, Tank3DComponent, Pump3DComponent } from './industrial-3d';
-export { Conveyor3DComponent, AlarmLight3DComponent, TemperatureSensor3DComponent, Cylinder3DComponent } from './industrial-3d-extended';
-export { Pipe3DComponent, Filter3DComponent, HeatExchanger3DComponent, Tee3DComponent } from './industrial-3d-fluid';

package/dist/src/scada-components/registry.d.ts

@@ -1,5 +1,4 @@
 import { ComponentRegistry, ComponentConfig, ComponentCategory } from './types';
-
 type ComponentLoader = () => Promise<{
     default: ComponentConfig;
 }>;
@@ -17,7 +16,7 @@ declare class ComponentRegistryManager {
     private registerDefaultComponents;
     /**
      * 注册懒加载组件（零配置 - 基于约定自动发现）
-     * 约定：所有 ./iot/industrial-*.ts 文件自动注册为懒加载组件
+     * 约定：所有 iot/industrial-* 目录下的 index.ts 文件自动注册为懒加载组件
      * 策略：延迟加载 - 首次请求组件时才加载整个模块，并注册模块内的所有组件
      */
     private registerLazyComponents;

package/dist/src/scada-components/svg/core/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * SVG 核心模块
+ * 包含加载器、解析器和类型定义
+ */
+export * from './types';
+export { SVGParser } from './parser';
+export { svgLoader, SVGLoader } from './loader';

package/dist/src/scada-components/svg/core/loader.d.ts

@@ -0,0 +1,71 @@
+/**
+ * SVG 组件加载器
+ * 负责加载 SVG 文件并注册到组件注册表
+ */
+/**
+ * SVG 组件加载器类
+ */
+export declare class SVGLoader {
+    /**
+     * 从字符串加载 SVG 组件
+     * @param svgContent SVG 文件内容
+     * @param fileName 文件名（可选）
+     * @returns 是否加载成功
+     */
+    loadFromString(svgContent: string, fileName?: string): boolean;
+    /**
+     * 从文件加载 SVG 组件
+     * @param file File 对象
+     * @returns Promise<boolean>
+     */
+    loadFromFile(file: File): Promise<boolean>;
+    /**
+     * 批量加载 SVG 组件
+     * @param files File 对象数组
+     * @returns Promise<加载成功的数量>
+     */
+    loadBatch(files: File[]): Promise<number>;
+    /**
+     * 从 URL 加载 SVG 组件
+     * @param url SVG 文件 URL
+     * @returns Promise<boolean>
+     */
+    loadFromUrl(url: string): Promise<boolean>;
+    /**
+     * 转换 SVGComponentConfig 为 ComponentConfig
+     */
+    private convertToComponentConfig;
+    /**
+     * 从 presetBindings 生成 InternalAnimations
+     */
+    private generateInternalAnimations;
+    /**
+     * 生成默认的驱动字段值
+     */
+    private generateDefaultDriverValues;
+    /**
+     * 生成接线柱配置
+     * 接线柱向组件内侧偏移（dx/dy）使圆心落在组件边界上，避免显示在组件外
+     */
+    private generatePorts;
+    /**
+     * 生成组件属性配置
+     * 多个 presetBinding 共享同一 driverProperty 时只生成一个 prop（去重）
+     */
+    private generateProps;
+    /**
+     * 根据数值范围推断合理的 step
+     */
+    private inferStep;
+    /**
+     * 根据 SVG 配置生成组件点位定义
+     * 主要用于数据绑定面板中的“组件数据点位”列表
+     * 多个 presetBinding 共享同一 driverProperty 时只生成一个点位（去重）
+     */
+    private generatePoints;
+    /**
+     * 读取文件为文本
+     */
+    private readFileAsText;
+}
+export declare const svgLoader: SVGLoader;

package/dist/src/scada-components/svg/core/parser.d.ts

@@ -0,0 +1,40 @@
+import { SVGComponentConfig } from './types';
+/**
+ * SVG 解析器类
+ */
+export declare class SVGParser {
+    /**
+     * 解析 SVG 字符串
+     * @param svgContent SVG 文件内容
+     * @param fileName 文件名（可选）
+     * @returns 解析后的组件配置
+     */
+    static parse(svgContent: string, fileName?: string): SVGComponentConfig | null;
+    /**
+     * 提取元数据（从 <metadata><scada-config> 中）
+     */
+    private static extractMetadata;
+    /**
+     * 生成默认元数据（当 SVG 没有配置时）
+     */
+    private static generateDefaultMetadata;
+    /**
+     * 提取尺寸信息
+     */
+    private static extractSize;
+    /**
+     * 提取内部部件（自动扫描 id="part-*" 的元素）
+     */
+    private static extractParts;
+    /**
+     * 清理 SVG 内容（移除 metadata 等不需要渲染的标签）
+     */
+    private static cleanSvgContent;
+    /**
+     * 验证 SVG 配置
+     */
+    static validate(config: SVGComponentConfig): {
+        valid: boolean;
+        errors: string[];
+    };
+}