star-horse-lowcode 3.1.13 → 3.1.15

package/dist/components/diagram/composables/useDiagramDesigner.d.ts

@@ -0,0 +1,256 @@
+import { DiagramData, DiagramEdge, DiagramNode, NodeTypePreset } from '../types';
+export declare function useDiagramDesigner(initial?: Partial<DiagramData>): {
+    state: {
+        diagram: {
+            id: string;
+            name: string;
+            nodes: {
+                id: string;
+                type: string;
+                shape: import('..').NodeShape;
+                text: string;
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+                ports?: {
+                    id: string;
+                    position: import('..').PortPosition;
+                    input: boolean;
+                    output: boolean;
+                    label?: string;
+                }[];
+                style?: {
+                    fill?: string;
+                    stroke?: string;
+                    strokeWidth?: number;
+                    textColor?: string;
+                    fontSize?: number;
+                    fontWeight?: "normal" | "bold";
+                    radius?: number;
+                    opacity?: number;
+                    shadow?: boolean;
+                    image?: string;
+                };
+                data?: Record<string, any>;
+                locked?: boolean;
+                visible?: boolean;
+                rotation?: number;
+                children?: string[];
+            }[];
+            edges: {
+                id: string;
+                source: string;
+                sourcePort?: string;
+                target: string;
+                targetPort?: string;
+                type: import('..').EdgeType;
+                label?: string;
+                waypoints?: {
+                    x: number;
+                    y: number;
+                }[];
+                style?: {
+                    stroke?: string;
+                    strokeWidth?: number;
+                    lineStyle?: "solid" | "dashed" | "dotted";
+                    textColor?: string;
+                    fontSize?: number;
+                    sourceArrow?: import('..').EdgeArrow;
+                    targetArrow?: import('..').EdgeArrow;
+                };
+                data?: Record<string, any>;
+            }[];
+            layers: {
+                id: string;
+                name: string;
+                visible: boolean;
+                locked: boolean;
+                nodeIds: string[];
+                edgeIds: string[];
+            }[];
+            activeLayerId: string;
+            canvas: {
+                zoom: number;
+                panX: number;
+                panY: number;
+                showGrid: boolean;
+                gridSize: number;
+                snap: boolean;
+                snapThreshold: number;
+                backgroundColor: string;
+                width: number;
+                height: number;
+            };
+            metadata?: Record<string, any>;
+        };
+        selectedNodeIds: string[];
+        selectedEdgeIds: string[];
+        history: {
+            id: string;
+            name: string;
+            nodes: {
+                id: string;
+                type: string;
+                shape: import('..').NodeShape;
+                text: string;
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+                ports?: {
+                    id: string;
+                    position: import('..').PortPosition;
+                    input: boolean;
+                    output: boolean;
+                    label?: string;
+                }[];
+                style?: {
+                    fill?: string;
+                    stroke?: string;
+                    strokeWidth?: number;
+                    textColor?: string;
+                    fontSize?: number;
+                    fontWeight?: "normal" | "bold";
+                    radius?: number;
+                    opacity?: number;
+                    shadow?: boolean;
+                    image?: string;
+                };
+                data?: Record<string, any>;
+                locked?: boolean;
+                visible?: boolean;
+                rotation?: number;
+                children?: string[];
+            }[];
+            edges: {
+                id: string;
+                source: string;
+                sourcePort?: string;
+                target: string;
+                targetPort?: string;
+                type: import('..').EdgeType;
+                label?: string;
+                waypoints?: {
+                    x: number;
+                    y: number;
+                }[];
+                style?: {
+                    stroke?: string;
+                    strokeWidth?: number;
+                    lineStyle?: "solid" | "dashed" | "dotted";
+                    textColor?: string;
+                    fontSize?: number;
+                    sourceArrow?: import('..').EdgeArrow;
+                    targetArrow?: import('..').EdgeArrow;
+                };
+                data?: Record<string, any>;
+            }[];
+            layers: {
+                id: string;
+                name: string;
+                visible: boolean;
+                locked: boolean;
+                nodeIds: string[];
+                edgeIds: string[];
+            }[];
+            activeLayerId: string;
+            canvas: {
+                zoom: number;
+                panX: number;
+                panY: number;
+                showGrid: boolean;
+                gridSize: number;
+                snap: boolean;
+                snapThreshold: number;
+                backgroundColor: string;
+                width: number;
+                height: number;
+            };
+            metadata?: Record<string, any>;
+        }[];
+        historyIndex: number;
+        readonly: boolean;
+        tool: "select" | "pan" | "connect";
+        connecting: {
+            fromNodeId: string;
+            fromPortId?: string;
+            toX: number;
+            toY: number;
+        };
+        clipboard: {
+            id: string;
+            type: string;
+            shape: import('..').NodeShape;
+            text: string;
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            ports?: {
+                id: string;
+                position: import('..').PortPosition;
+                input: boolean;
+                output: boolean;
+                label?: string;
+            }[];
+            style?: {
+                fill?: string;
+                stroke?: string;
+                strokeWidth?: number;
+                textColor?: string;
+                fontSize?: number;
+                fontWeight?: "normal" | "bold";
+                radius?: number;
+                opacity?: number;
+                shadow?: boolean;
+                image?: string;
+            };
+            data?: Record<string, any>;
+            locked?: boolean;
+            visible?: boolean;
+            rotation?: number;
+            children?: string[];
+        }[];
+    };
+    selectedNodes: import('vue').ComputedRef<DiagramNode[]>;
+    selectedNode: import('vue').ComputedRef<DiagramNode>;
+    selectedEdges: import('vue').ComputedRef<DiagramEdge[]>;
+    selectNode: (id: string | null, multi?: boolean) => void;
+    selectEdge: (id: string | null, multi?: boolean) => void;
+    clearSelection: () => void;
+    addNode: (preset: NodeTypePreset, x: number, y: number) => DiagramNode;
+    updateNode: (id: string, patch: Partial<DiagramNode>) => void;
+    updateNodeStyle: (id: string, patch: Record<string, any>) => void;
+    deleteNodes: (ids?: string[]) => void;
+    removeNode: (id: string) => void;
+    addEdge: (edge: Omit<DiagramEdge, "id">) => DiagramEdge;
+    updateEdge: (id: string, patch: Partial<DiagramEdge>) => void;
+    deleteEdges: (ids?: string[]) => void;
+    removeEdge: (id: string) => void;
+    selectAll: () => void;
+    moveNode: (id: string, dx: number, dy: number) => void;
+    copySelected: () => void;
+    paste: () => void;
+    bringToFront: (id: string) => void;
+    sendToBack: (id: string) => void;
+    undo: () => void;
+    redo: () => void;
+    canUndo: import('vue').ComputedRef<boolean>;
+    canRedo: import('vue').ComputedRef<boolean>;
+    pushHistory: () => void;
+    setTool: (tool: "select" | "connect" | "pan") => void;
+    setZoom: (zoom: number) => void;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    zoomReset: () => void;
+    setPan: (x: number, y: number) => void;
+    toggleGrid: () => void;
+    toggleSnap: () => void;
+    fitView: () => void;
+    loadDiagram: (dg: DiagramData) => void;
+    getDiagram: () => DiagramData;
+    clearDiagram: () => void;
+    snapValue: (v: number) => number;
+};
+export type UseDiagramDesignerReturn = ReturnType<typeof useDiagramDesigner>;

package/dist/components/diagram/constants.d.ts

@@ -0,0 +1,44 @@
+import { NodeTypePreset, DiagramNode } from './types';
+/** 节点类型预设库 */
+export declare const NODE_PRESETS: NodeTypePreset[];
+/** 默认画布配置 */
+export declare const DEFAULT_CANVAS: {
+    zoom: number;
+    panX: number;
+    panY: number;
+    showGrid: boolean;
+    gridSize: number;
+    snap: boolean;
+    snapThreshold: number;
+    backgroundColor: string;
+    width: number;
+    height: number;
+};
+/** 创建节点 */
+export declare const createNode: (preset: NodeTypePreset, x: number, y: number) => DiagramNode;
+/** 预设分类列表 */
+export declare const PRESET_CATEGORIES: string[];
+/** 默认边样式 */
+export declare const DEFAULT_EDGE_STYLE: {
+    stroke: string;
+    strokeWidth: number;
+    lineStyle: "solid";
+    textColor: string;
+    fontSize: number;
+    sourceArrow: "none";
+    targetArrow: "standard";
+};
+/** 形状 SVG path 生成 */
+export declare const getShapePath: (shape: string, x: number, y: number, w: number, h: number) => string;
+/** 计算端口坐标 */
+export declare const getPortPosition: (node: DiagramNode, portId: string) => {
+    x: number;
+    y: number;
+};
+/** 计算节点中心点 */
+export declare const getNodeCenter: (node: DiagramNode) => {
+    x: number;
+    y: number;
+};
+/** 历史最大长度 */
+export declare const MAX_HISTORY = 50;

package/dist/components/diagram/dialogs/DiagramPreviewDialog.vue.d.ts

@@ -0,0 +1,12 @@
+import { DiagramData } from '../types';
+type __VLS_Props = {
+    visible: boolean;
+    diagram: DiagramData;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:visible": (v: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:visible"?: (v: boolean) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/diagram/index.d.ts

@@ -0,0 +1,9 @@
+export { default as DiagramDesigner } from './DiagramDesigner.vue';
+export { default as DiagramToolbar } from './panels/DiagramToolbar.vue';
+export { default as DiagramNodePanel } from './panels/DiagramNodePanel.vue';
+export { default as DiagramCanvas } from './panels/DiagramCanvas.vue';
+export { default as DiagramPropertyPanel } from './panels/DiagramPropertyPanel.vue';
+export { default as DiagramPreviewDialog } from './dialogs/DiagramPreviewDialog.vue';
+export { useDiagramDesigner } from './composables/useDiagramDesigner';
+export { NODE_PRESETS, PRESET_CATEGORIES, DEFAULT_CANVAS, DEFAULT_EDGE_STYLE, getShapePath, getPortPosition, getNodeCenter, createNode, } from './constants';
+export type * from './types';

package/dist/components/diagram/panels/DiagramCanvas.vue.d.ts

@@ -0,0 +1,7 @@
+import { UseDiagramDesignerReturn } from '../composables/useDiagramDesigner';
+type __VLS_Props = {
+    designer: UseDiagramDesignerReturn;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/diagram/panels/DiagramNodePanel.vue.d.ts

@@ -0,0 +1,13 @@
+import { NodeTypePreset } from '../types';
+type __VLS_Props = {
+    readonly?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    add: (preset: NodeTypePreset) => any;
+    "drag-start": (preset: NodeTypePreset) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onAdd?: (preset: NodeTypePreset) => any;
+    "onDrag-start"?: (preset: NodeTypePreset) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/diagram/panels/DiagramPropertyPanel.vue.d.ts

@@ -0,0 +1,7 @@
+import { UseDiagramDesignerReturn } from '../composables/useDiagramDesigner';
+type __VLS_Props = {
+    designer: UseDiagramDesignerReturn;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/diagram/panels/DiagramToolbar.vue.d.ts

@@ -0,0 +1,14 @@
+import { UseDiagramDesignerReturn } from '../composables/useDiagramDesigner';
+type __VLS_Props = {
+    designer: UseDiagramDesignerReturn;
+    readonly?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    preview: () => any;
+    save: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPreview?: () => any;
+    onSave?: () => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/diagram/types.d.ts

@@ -0,0 +1,218 @@
+/**
+ * 通用图编辑器 - 类型定义
+ *
+ * 覆盖：流程图、网络拓扑、组织架构、UML、思维导图等场景
+ * 节点 + 边 + 端口 + 图层 + 数据绑定
+ */
+/** 节点形状 */
+export type NodeShape = "rect" | "roundedRect" | "circle" | "ellipse" | "diamond" | "parallelogram" | "hexagon" | "triangle" | "image" | "text" | "custom";
+/** 边类型 */
+export type EdgeType = "straight" | "polyline" | "curve" | "orthogonal";
+/** 边箭头 */
+export type EdgeArrow = "none" | "standard" | "block" | "diamond" | "open";
+/** 端口位置 */
+export type PortPosition = "top" | "right" | "bottom" | "left";
+/** 数据类型 */
+export type FieldType = "string" | "number" | "boolean" | "date" | "select";
+/** 节点端口 */
+export interface DiagramPort {
+    id: string;
+    /** 端口位置 */
+    position: PortPosition;
+    /** 是否输入端口 */
+    input: boolean;
+    /** 是否输出端口 */
+    output: boolean;
+    /** 标签 */
+    label?: string;
+}
+/** 节点样式 */
+export interface NodeStyle {
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number;
+    /** 文字颜色 */
+    textColor?: string;
+    /** 字号 */
+    fontSize?: number;
+    /** 字重 */
+    fontWeight?: "normal" | "bold";
+    /** 圆角 */
+    radius?: number;
+    /** 透明度 */
+    opacity?: number;
+    /** 阴影 */
+    shadow?: boolean;
+    /** 图片 URL（shape=image 时） */
+    image?: string;
+}
+/** 图节点 */
+export interface DiagramNode {
+    id: string;
+    /** 节点类型（业务分类：流程/服务器/数据库/人员 等） */
+    type: string;
+    /** 形状 */
+    shape: NodeShape;
+    /** 显示文本 */
+    text: string;
+    /** X 坐标 */
+    x: number;
+    /** Y 坐标 */
+    y: number;
+    /** 宽度 */
+    width: number;
+    /** 高度 */
+    height: number;
+    /** 端口列表 */
+    ports?: DiagramPort[];
+    /** 样式 */
+    style?: NodeStyle;
+    /** 业务数据（自定义属性） */
+    data?: Record<string, any>;
+    /** 是否锁定 */
+    locked?: boolean;
+    /** 是否可见 */
+    visible?: boolean;
+    /** 旋转角度 */
+    rotation?: number;
+    /** 子节点（组织架构树/思维导图） */
+    children?: string[];
+}
+/** 边样式 */
+export interface EdgeStyle {
+    stroke?: string;
+    strokeWidth?: number;
+    /** 线型 */
+    lineStyle?: "solid" | "dashed" | "dotted";
+    /** 文字颜色 */
+    textColor?: string;
+    /** 字号 */
+    fontSize?: number;
+    /** 起点箭头 */
+    sourceArrow?: EdgeArrow;
+    /** 终点箭头 */
+    targetArrow?: EdgeArrow;
+}
+/** 图边 */
+export interface DiagramEdge {
+    id: string;
+    /** 源节点 ID */
+    source: string;
+    /** 源端口 ID */
+    sourcePort?: string;
+    /** 目标节点 ID */
+    target: string;
+    /** 目标端口 ID */
+    targetPort?: string;
+    /** 边类型 */
+    type: EdgeType;
+    /** 标签 */
+    label?: string;
+    /** 路径点（折线/曲线的中间点） */
+    waypoints?: Array<{
+        x: number;
+        y: number;
+    }>;
+    /** 样式 */
+    style?: EdgeStyle;
+    /** 业务数据 */
+    data?: Record<string, any>;
+}
+/** 图层 */
+export interface DiagramLayer {
+    id: string;
+    name: string;
+    visible: boolean;
+    locked: boolean;
+    /** 节点 ID 列表 */
+    nodeIds: string[];
+    /** 边 ID 列表 */
+    edgeIds: string[];
+}
+/** 画布配置 */
+export interface DiagramCanvas {
+    /** 缩放 */
+    zoom: number;
+    /** 平移 X */
+    panX: number;
+    /** 平移 Y */
+    panY: number;
+    /** 是否显示网格 */
+    showGrid: boolean;
+    /** 网格大小 */
+    gridSize: number;
+    /** 是否吸附 */
+    snap: boolean;
+    /** 吸附阈值 */
+    snapThreshold: number;
+    /** 背景色 */
+    backgroundColor: string;
+    /** 画布宽度（0=无限） */
+    width: number;
+    /** 画布高度（0=无限） */
+    height: number;
+}
+/** 图定义 */
+export interface DiagramData {
+    id: string;
+    name: string;
+    /** 节点 */
+    nodes: DiagramNode[];
+    /** 边 */
+    edges: DiagramEdge[];
+    /** 图层 */
+    layers: DiagramLayer[];
+    /** 当前激活图层 */
+    activeLayerId: string;
+    /** 画布配置 */
+    canvas: DiagramCanvas;
+    /** 自定义属性 */
+    metadata?: Record<string, any>;
+}
+/** 设计器状态 */
+export interface DiagramDesignerState {
+    diagram: DiagramData;
+    /** 选中节点 ID */
+    selectedNodeIds: string[];
+    /** 选中边 ID */
+    selectedEdgeIds: string[];
+    /** 历史记录 */
+    history: DiagramData[];
+    historyIndex: number;
+    /** 是否只读 */
+    readonly: boolean;
+    /** 当前工具 */
+    tool: "select" | "pan" | "connect";
+    /** 连接临时状态 */
+    connecting: {
+        fromNodeId: string;
+        fromPortId?: string;
+        toX: number;
+        toY: number;
+    } | null;
+    /** 剪贴板 */
+    clipboard: DiagramNode[];
+}
+/** 节点类型预设（左侧面板） */
+export interface NodeTypePreset {
+    /** 类型标识 */
+    type: string;
+    /** 显示名 */
+    label: string;
+    /** 形状 */
+    shape: NodeShape;
+    /** 图标 */
+    icon: string;
+    /** 默认宽 */
+    width: number;
+    /** 默认高 */
+    height: number;
+    /** 默认文本 */
+    defaultText: string;
+    /** 默认样式 */
+    style?: NodeStyle;
+    /** 默认端口 */
+    ports?: DiagramPort[];
+    /** 分类 */
+    category: string;
+}

package/dist/components/digitaltwin/DtDesigner.vue.d.ts

@@ -0,0 +1,13 @@
+import { DtScene } from './types';
+type __VLS_Props = {
+    scene?: DtScene;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "select-entity": (id: string) => any;
+    "save-scene": (scene: DtScene) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onSelect-entity"?: (id: string) => any;
+    "onSave-scene"?: (scene: DtScene) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/digitaltwin/composables/useDigitalTwinAnimation.d.ts

@@ -0,0 +1,14 @@
+import { DtAnimationState } from '../utils/DtModelAnimator';
+/** 动画循环 composable */
+export declare const useDigitalTwinAnimation: () => {
+    animating: import('vue').Ref<boolean, boolean>;
+    state: import('vue').Ref<{
+        elapsed: number;
+    }, DtAnimationState | {
+        elapsed: number;
+    }>;
+    start: () => void;
+    stop: () => void;
+    reset: () => void;
+};
+export type UseDigitalTwinAnimationReturn = ReturnType<typeof useDigitalTwinAnimation>;

package/dist/components/digitaltwin/composables/useDigitalTwinBinding.d.ts

@@ -0,0 +1,50 @@
+import { DtBindingSourceType, DtDataBinding } from '../types';
+/** 数据绑定 Provider 接口 */
+export interface DtBindingProvider {
+    type: DtBindingSourceType;
+    connect(address: string): Promise<void>;
+    subscribe(path: string, callback: (value: any) => void): void;
+    disconnect(): void;
+}
+/** Mock Provider（模拟随机数据） */
+export declare const createMockProvider: () => DtBindingProvider;
+/** 数据绑定管理 composable */
+export declare const useDigitalTwinBinding: () => {
+    bindings: import('vue').Ref<{
+        id: string;
+        name: string;
+        source: DtBindingSourceType;
+        address: string;
+        path: string;
+        targetProperty: string;
+        transform?: string;
+        alarmThreshold?: {
+            op: import('..').DtAlarmOp;
+            value: number;
+            level: import('..').DtAlarmLevel;
+        };
+        interval?: number;
+    }[], DtDataBinding[] | {
+        id: string;
+        name: string;
+        source: DtBindingSourceType;
+        address: string;
+        path: string;
+        targetProperty: string;
+        transform?: string;
+        alarmThreshold?: {
+            op: import('..').DtAlarmOp;
+            value: number;
+            level: import('..').DtAlarmLevel;
+        };
+        interval?: number;
+    }[]>;
+    providers: Record<string, DtBindingProvider>;
+    addBinding: (binding: DtDataBinding) => void;
+    removeBinding: (id: string) => void;
+    updateBinding: (id: string, patch: Partial<DtDataBinding>) => void;
+    getBindingsByEntity: (entityId: string) => DtDataBinding[];
+    registerProvider: (type: DtBindingSourceType, provider: DtBindingProvider) => void;
+    clearBindings: () => void;
+};
+export type UseDigitalTwinBindingReturn = ReturnType<typeof useDigitalTwinBinding>;

package/dist/components/digitaltwin/composables/useDigitalTwinTelemetry.d.ts

@@ -0,0 +1,15 @@
+import { DtEntity } from '../types';
+export declare function useDigitalTwinTelemetry(): {
+    simRunning: import('vue').Ref<boolean, boolean>;
+    startSim: (getEntities: () => DtEntity[], intervalMs?: number) => void;
+    stopSim: () => void;
+    toggleSim: (getEntities: () => DtEntity[]) => void;
+    updateSensorData: (entity: DtEntity) => void;
+    getEntityMetrics: (entity: DtEntity) => {
+        key: string;
+        labelKey: string;
+        unitKey: string;
+        value: number;
+    }[];
+};
+export type UseDigitalTwinTelemetryReturn = ReturnType<typeof useDigitalTwinTelemetry>;