@nywqs/scada-engine 1.1.30 → 2.0.0

package/dist/src/components/canvas/composables/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) 2025 leoncheng
+ *
+ * Composables 统一导出
+ */
+export { useGraphSetup } from './useGraphSetup';
+export { useCanvasScale } from './useCanvasScale';
+export { useGraphEvents } from './useGraphEvents';
+export { useNodeOperations } from './useNodeOperations';
+export { useDataSource } from './useDataSource';
+export { useFileOperations } from './useFileOperations';
+export { useAutoSave } from './useAutoSave';

package/dist/src/components/canvas/composables/useAutoSave.d.ts

@@ -0,0 +1,9 @@
+import { Graph } from '@antv/x6';
+/**
+ * 自动保存 Hook
+ */
+export declare const useAutoSave: () => {
+    setupAutoSave: (graph: Graph) => void;
+    setupConfigAutoSave: (graph: Graph) => void;
+    cleanup: () => void;
+};

package/dist/src/components/canvas/composables/useCanvasScale.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+import { Graph } from '@antv/x6';
+/**
+ * 画布缩放和视图控制 Hook
+ */
+export declare const useCanvasScale: (graph: Ref<Graph | null>, containerRef: Ref<HTMLElement | undefined>) => {
+    calculateFitScale: () => number;
+    updateContainerTransform: (forceRecalculate?: boolean) => void;
+    initializeScale: () => void;
+    setupScaleListener: () => void;
+    fixSVGSize: (width: number, height: number) => void;
+};

package/dist/src/components/canvas/composables/useDataSource.d.ts

@@ -0,0 +1,87 @@
+import { DataSource } from '../../../services/dataSourceManager';
+/**
+ * 数据源管理 Hook
+ */
+export declare const useDataSource: (deviceData?: any) => {
+    dataSources: import('vue').Ref<{
+        id: string;
+        name: string;
+        type: "MQTT" | "WebSocket" | "HTTP" | "SSE";
+        enabled: boolean;
+        config: {
+            broker?: string | undefined;
+            topic?: string | undefined;
+            clientId?: string | undefined;
+            username?: string | undefined;
+            password?: string | undefined;
+            wsUrl?: string | undefined;
+            url?: string | undefined;
+            method?: string | undefined;
+            pollInterval?: number | undefined;
+            headers?: Record<string, string> | undefined;
+            sseUrl?: string | undefined;
+            eventType?: string | undefined;
+            dataPath?: string | undefined;
+            retryCount?: number | undefined;
+            customParser?: ((data: any) => any) | undefined;
+        };
+        status?: {
+            connected: boolean;
+            lastUpdate?: string | undefined;
+            error?: string | undefined;
+        } | undefined;
+        devices: {
+            id: string;
+            name: string;
+            points: {
+                id: string;
+                value: any;
+                quality?: string | undefined;
+                timestamp?: string | undefined;
+            }[];
+        }[];
+    }[], DataSource[] | {
+        id: string;
+        name: string;
+        type: "MQTT" | "WebSocket" | "HTTP" | "SSE";
+        enabled: boolean;
+        config: {
+            broker?: string | undefined;
+            topic?: string | undefined;
+            clientId?: string | undefined;
+            username?: string | undefined;
+            password?: string | undefined;
+            wsUrl?: string | undefined;
+            url?: string | undefined;
+            method?: string | undefined;
+            pollInterval?: number | undefined;
+            headers?: Record<string, string> | undefined;
+            sseUrl?: string | undefined;
+            eventType?: string | undefined;
+            dataPath?: string | undefined;
+            retryCount?: number | undefined;
+            customParser?: ((data: any) => any) | undefined;
+        };
+        status?: {
+            connected: boolean;
+            lastUpdate?: string | undefined;
+            error?: string | undefined;
+        } | undefined;
+        devices: {
+            id: string;
+            name: string;
+            points: {
+                id: string;
+                value: any;
+                quality?: string | undefined;
+                timestamp?: string | undefined;
+            }[];
+        }[];
+    }[]>;
+    showDataSourceDialog: import('vue').Ref<boolean, boolean>;
+    mergedDeviceData: import('vue').ComputedRef<any>;
+    handleDataSource: () => void;
+    handleAddDataSource: (config: Omit<DataSource, "id" | "devices" | "status">) => void;
+    handleSaveDataSource: (dataSource: DataSource) => void;
+    handleDeleteDataSource: (id: string) => void;
+};

package/dist/src/components/canvas/composables/useFileOperations.d.ts

@@ -0,0 +1,37 @@
+import { Ref } from 'vue';
+import { Graph } from '@antv/x6';
+import { ScadaCanvasProps } from '../types/canvas';
+/**
+ * 文件操作 Hook
+ */
+export declare const useFileOperations: (graphRef: Ref<Graph | null>, props: ScadaCanvasProps, emit: any) => {
+    fileInputRef: Ref<HTMLInputElement | null, HTMLInputElement | null>;
+    getCanvasData: () => {
+        version: string;
+        timestamp: string;
+        config: import('../../..').CanvasConfig;
+        cells: import('@antv/x6').CellProperties[];
+        nodes: {
+            id: string;
+            type: string;
+            position: import('@antv/x6').PointLike;
+            size: {
+                width: number;
+                height: number;
+            };
+            label: unknown;
+            data: any;
+        }[];
+        edges: {
+            id: string;
+            source: string;
+            target: string;
+        }[];
+    } | null;
+    handleSave: () => Promise<void>;
+    handleImport: () => void;
+    handleFileSelect: (event: Event) => void;
+    handleExport: (mode?: "png" | "svg" | "json") => Promise<void>;
+    handlePreview: () => void;
+    loadCanvasData: (data: any) => boolean;
+};

package/dist/src/components/canvas/composables/useGraphEvents.d.ts

@@ -0,0 +1,22 @@
+import { Ref } from 'vue';
+import { Graph } from '@antv/x6';
+import { MenuItem } from '../../../types/context-menu';
+interface ContextMenuState {
+    visible: boolean;
+    position: {
+        x: number;
+        y: number;
+    };
+    items: MenuItem[];
+    targetCell: any;
+}
+/**
+ * Graph 事件处理 Hook
+ */
+export declare const useGraphEvents: (graphRef: Ref<Graph | null>, contextMenu?: Ref<ContextMenuState>) => {
+    setupKeyboardShortcuts: () => void;
+    setupContextMenu: () => void;
+    handleUndo: () => void;
+    handleRedo: () => void;
+};
+export {};

package/dist/src/components/canvas/composables/useNodeOperations.d.ts

@@ -0,0 +1,35 @@
+import { Ref } from 'vue';
+import { Graph } from '@antv/x6';
+/**
+ * 节点操作 Hook
+ */
+export declare const useNodeOperations: (graphRef: Ref<Graph | null>) => {
+    selectedNode: Ref<any, any>;
+    selectedEdge: Ref<any, any>;
+    selectedNodesCount: Ref<number, number>;
+    setupSelectionEvents: () => void;
+    handleAddNode: (type: string) => Promise<void>;
+    handleUpdateNode: (data: any) => void;
+    handleDeleteNode: () => void;
+    selectNode: (nodeId: string) => boolean;
+    clearSelection: () => void;
+    getAllNodes: () => {
+        id: string;
+        type: string;
+        position: import('@antv/x6').PointLike;
+        size: {
+            width: number;
+            height: number;
+        };
+        label: unknown;
+        data: any;
+    }[];
+    getNodeById: (nodeId: string) => {
+        id: any;
+        type: any;
+        position: any;
+        size: any;
+        label: any;
+        data: any;
+    } | null;
+};

package/dist/src/components/canvas/config/graphConfig.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Copyright (c) 2025 leoncheng
+ *
+ * Graph 配置
+ */
+/**
+ * 创建 Graph 配置
+ *
+ * 默认以当前容器尺寸初始化画布大小：
+ * - width / height 使用传入的 containerWidth / containerHeight
+ * - 后续如果需要自适应容器，可以在 Graph 实例上单独开启 autoResize
+ */
+export declare const createGraphConfig: (containerWidth: number, containerHeight: number) => {
+    width: number;
+    height: number;
+    autoResize: boolean;
+    background: {
+        color: string;
+        image: string;
+        size: import('../../..').BackgroundSize;
+        repeat: import('../../..').BackgroundRepeat;
+        position: string;
+    } | {
+        color: string;
+        image?: undefined;
+        size?: undefined;
+        repeat?: undefined;
+        position?: undefined;
+    };
+    grid: boolean | {
+        size: number;
+        visible: boolean;
+        type: "dot" | "mesh";
+        args: {
+            color: string;
+            thickness: number;
+        };
+    };
+    connecting: {
+        router: string;
+        connector: {
+            name: string;
+            args: {
+                radius: number;
+            };
+        };
+        anchor: string;
+        connectionPoint: string;
+        allowMulti: boolean;
+        allowBlank: boolean;
+        allowNode: boolean;
+        allowEdge: boolean;
+        allowPort: boolean;
+        highlight: boolean;
+        snap: {
+            radius: number;
+        };
+        createEdge(): import('@antv/x6').Edge<import('@antv/x6').EdgeProperties>;
+        validateMagnet({ magnet }: any): boolean;
+        validateConnection({ sourceView, targetView, sourceMagnet, targetMagnet }: any): boolean;
+    };
+    panning: boolean;
+    mousewheel: boolean;
+};

package/dist/src/components/canvas/config/pluginConfig.d.ts

@@ -0,0 +1,5 @@
+import { Graph } from '@antv/x6';
+/**
+ * 配置所有 X6 插件
+ */
+export declare const setupPlugins: (graph: Graph) => void;

package/dist/src/components/canvas/config/scadaEdgeShape.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2025 leoncheng
+ *
+ * SCADA 自定义边形状：支持普通线条与管道（双线）样式
+ *
+ * 说明：本项目使用 AntV X6（图编辑/流程图），不是 G6（图可视化）。
+ * 边的自定义方式为 Shape.Edge.define() + markup/attrs，与 G6 的 BaseEdge/getKeyPath 不同。
+ */
+/**
+ * 注册 SCADA 边形状：在默认 edge 基础上增加 pipeOuter 路径，用于管道双线效果
+ * - 普通样式：pipeOuter 不显示（stroke: 'none'）
+ * - 管道样式：pipeOuter 显示为外圈粗线，与内线间距至少 PIPE_GAP_MIN
+ */
+export declare const registerScadaEdgeShape: () => void;

package/dist/src/components/canvas/config/scadaEdgeView.d.ts

@@ -0,0 +1,4 @@
+import { EdgeView } from '@antv/x6';
+export declare class ScadaEdgeView extends EdgeView {
+    update(options?: Record<string, unknown>): this;
+}

package/dist/src/components/canvas/types/canvas.d.ts

@@ -0,0 +1,41 @@
+import { Graph, Dnd } from '@antv/x6';
+/**
+ * 自定义 Footer 配置
+ */
+export interface CustomFooterConfig {
+    copyright?: string;
+    license?: string;
+    contact?: string;
+}
+/**
+ * ScadaCanvas 组件属性
+ */
+export interface ScadaCanvasProps {
+    authCode?: string;
+    customFooter?: CustomFooterConfig;
+    previewMode?: boolean;
+    onSave?: (() => void) | (() => Promise<void>);
+    deviceData?: any;
+    dataSource?: any;
+}
+/**
+ * 右键菜单状态
+ */
+export interface ContextMenuState {
+    visible: boolean;
+    position: {
+        x: number;
+        y: number;
+    };
+    items: any[];
+    targetCell: any;
+}
+/**
+ * Graph 实例引用
+ */
+export interface GraphRefs {
+    graphRef: any;
+    dndRef: any;
+    graph: Graph | null;
+    dnd: Dnd | null;
+}

package/dist/src/components/configurators/BindingCard.d.ts

@@ -0,0 +1,24 @@
+import { ComponentPoint } from '../../scada-components/types';
+import { BindingConfig } from '../../types/binding';
+interface NodeProperty {
+    key: string;
+    label: string;
+    type: string;
+}
+type __VLS_Props = {
+    binding: BindingConfig;
+    index: number;
+    isCollapsed: boolean;
+    nodeProperties: NodeProperty[];
+    componentPoints: ComponentPoint[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "toggle-collapse": () => any;
+    remove: () => any;
+    "update-field": (field: string, event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onToggle-collapse"?: (() => any) | undefined;
+    onRemove?: (() => any) | undefined;
+    "onUpdate-field"?: ((field: string, event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/components/configurators/ComponentPointSelector.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPoint } from '../../scada-components/types';
+type __VLS_Props = {
+    visible: boolean;
+    modelValue?: string;
+    componentPoints: ComponentPoint[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => any;
+    "update:modelValue": (value: string) => any;
+    confirm: (pointId: string, point: ComponentPoint) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onConfirm?: ((pointId: string, point: ComponentPoint) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/components/{EventCard.d.ts → configurators/EventCard.d.ts}

@@ -22,26 +22,22 @@ interface NodeProperty {
     label: string;
     type: string;
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     event: EventConfig;
     index: number;
     isCollapsed: boolean;
     nodeProperties: NodeProperty[];
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "toggle-collapse": () => void;
-    remove: () => void;
-    "update-field": (field: string, event: Event) => void;
-    "update-condition": (field: string, event: Event) => void;
-    "update-params": (field: string, event: Event) => void;
-    "open-attribute-config": () => void;
-    "open-custom-code": () => void;
-    "open-workflow-selector": () => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    event: EventConfig;
-    index: number;
-    isCollapsed: boolean;
-    nodeProperties: NodeProperty[];
-}>>> & Readonly<{
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "toggle-collapse": () => any;
+    remove: () => any;
+    "update-field": (field: string, event: Event) => any;
+    "update-condition": (field: string, event: Event) => any;
+    "update-params": (field: string, event: Event) => any;
+    "open-attribute-config": () => any;
+    "open-custom-code": () => any;
+    "open-workflow-selector": () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onToggle-collapse"?: (() => any) | undefined;
     onRemove?: (() => any) | undefined;
     "onUpdate-field"?: ((field: string, event: Event) => any) | undefined;
@@ -50,14 +46,5 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onOpen-attribute-config"?: (() => any) | undefined;
     "onOpen-custom-code"?: (() => any) | undefined;
     "onOpen-workflow-selector"?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 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/components/configurators/MappingConfigurator.d.ts

@@ -0,0 +1,15 @@
+import { MappingConfig } from '../../types/binding';
+type __VLS_Props = {
+    visible: boolean;
+    modelValue?: MappingConfig;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => any;
+    "update:modelValue": (value: MappingConfig) => any;
+    confirm: (value: MappingConfig) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: MappingConfig) => any) | undefined;
+    onConfirm?: ((value: MappingConfig) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/components/dialogs/AttributeConfigDialog.d.ts

@@ -0,0 +1,28 @@
+interface AttributeGroup {
+    target: string;
+    property: string;
+    value: string;
+}
+interface NodeProperty {
+    key: string;
+    label: string;
+    type: string;
+}
+type __VLS_Props = {
+    attributeGroups: AttributeGroup[];
+    nodeProperties: NodeProperty[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    save: () => any;
+    close: () => any;
+    "add-group": () => any;
+    "remove-group": (index: number) => any;
+    "update-group": (index: number, field: keyof AttributeGroup, value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSave?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    "onAdd-group"?: (() => any) | undefined;
+    "onRemove-group"?: ((index: number) => any) | undefined;
+    "onUpdate-group"?: ((index: number, field: keyof AttributeGroup, value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/components/dialogs/CustomCodeDialog.d.ts

@@ -0,0 +1,20 @@
+import { Node } from '@antv/x6';
+type __VLS_Props = {
+    code: string;
+    selectedNode: Node | null;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    previewContainer: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    DEFAULT_CODE: string;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    save: () => any;
+    close: () => any;
+    "update:code": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSave?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    "onUpdate:code"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    previewContainer: HTMLDivElement;
+}, any>;
+export default _default;

package/dist/src/components/dialogs/DataSourceDialog.d.ts

@@ -0,0 +1,16 @@
+import { DataSource } from '../../services/dataSourceManager';
+interface Props {
+    dataSources: DataSource[];
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    save: (dataSource: DataSource) => any;
+    close: () => any;
+    delete: (id: string) => any;
+    add: (dataSource: Omit<DataSource, "id" | "status" | "devices">) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSave?: ((dataSource: DataSource) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onDelete?: ((id: string) => any) | undefined;
+    onAdd?: ((dataSource: Omit<DataSource, "id" | "status" | "devices">) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/components/dialogs/ScadaModal.d.ts

@@ -0,0 +1,37 @@
+interface Props {
+    show: boolean;
+    title?: string;
+    width?: number | string;
+    closable?: boolean;
+    maskClosable?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:show": (value: boolean) => any;
+    "after-enter": () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:show"?: ((value: boolean) => any) | undefined;
+    "onAfter-enter"?: (() => any) | undefined;
+}>, {
+    title: string;
+    width: number | string;
+    closable: boolean;
+    maskClosable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/{WorkflowSelectorDialog.d.ts → dialogs/WorkflowSelectorDialog.d.ts}

@@ -5,9 +5,9 @@ interface Workflow {
     createdAt: number;
     updatedAt?: number;
 }
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    close: () => void;
-    select: (workflow: Workflow) => void;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (workflow: Workflow) => any;
+    close: () => any;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     onSelect?: ((workflow: Workflow) => any) | undefined;
     onClose?: (() => any) | undefined;

package/dist/src/components/layout/Footer.d.ts

@@ -0,0 +1,16 @@
+interface CustomFooterConfig {
+    copyright?: string;
+    license?: string;
+    contact?: string;
+}
+interface Props {
+    authCode?: string;
+    publicKeyPem?: string;
+    customFooter?: CustomFooterConfig;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    authCode: string;
+    publicKeyPem: string;
+    customFooter: CustomFooterConfig;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/components/layout/Header.d.ts

@@ -0,0 +1,56 @@
+interface Props {
+    selectedNodesCount?: number;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        left?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    save: () => any;
+    import: () => any;
+    workflow: () => any;
+    preview: () => any;
+    export: (mode: "png" | "svg" | "json") => any;
+    dataSource: () => any;
+    undo: () => any;
+    redo: () => any;
+    alignLeft: () => any;
+    alignCenter: () => any;
+    alignRight: () => any;
+    alignTop: () => any;
+    alignMiddle: () => any;
+    alignBottom: () => any;
+    distributeHorizontal: () => any;
+    distributeVertical: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSave?: (() => any) | undefined;
+    onImport?: (() => any) | undefined;
+    onWorkflow?: (() => any) | undefined;
+    onPreview?: (() => any) | undefined;
+    onExport?: ((mode: "png" | "svg" | "json") => any) | undefined;
+    onDataSource?: (() => any) | undefined;
+    onUndo?: (() => any) | undefined;
+    onRedo?: (() => any) | undefined;
+    onAlignLeft?: (() => any) | undefined;
+    onAlignCenter?: (() => any) | undefined;
+    onAlignRight?: (() => any) | undefined;
+    onAlignTop?: (() => any) | undefined;
+    onAlignMiddle?: (() => any) | undefined;
+    onAlignBottom?: (() => any) | undefined;
+    onDistributeHorizontal?: (() => any) | undefined;
+    onDistributeVertical?: (() => any) | undefined;
+}>, {
+    selectedNodesCount: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};