udm-rules-vue 0.0.1

package/dist/components/process/Process.d.ts

@@ -0,0 +1,108 @@
+import { Layer } from 'konva/lib/Layer';
+import { Stage } from 'konva/lib/Stage';
+import { IRect } from 'konva/lib/types';
+import { default as ProcessNode } from './ProcessNode';
+import { Tooltip } from './Tooltip';
+import { Position } from './types';
+export declare abstract class Process {
+    private colorIndex;
+    private stage?;
+    private layer?;
+    private tempLayer?;
+    private tooltipLayer?;
+    private tooltip?;
+    private selectedNode?;
+    private selectedNodesSet;
+    private nodeMap;
+    private readonly nodeStartX;
+    private readonly nodeStartY;
+    private readonly pitWidth;
+    private readonly pitHeight;
+    private isDragging;
+    private draggingType;
+    private lastPos;
+    private draggingRectStartX;
+    private draggingRectStartY;
+    private draggingRect;
+    private placeHolders;
+    private darkMode;
+    private lineType;
+    private static readonly MIN_WIDTH;
+    private static readonly MIN_HEIGHT;
+    private width;
+    private height;
+    constructor(containerId: string);
+    private init;
+    private initEvents;
+    /**
+     * 初始化拖拽选择对象的事件
+     * */
+    private initDragSelectGroupEvents;
+    /**
+     * 执行选择逻辑的方法，用于处理框选操作后的选择判断
+     */
+    private executeSelection;
+    /**
+     * 获取线段上的采样点（用于正交线选择检测）
+     * @param startPoint 线段起点
+     * @param endPoint 线段终点
+     * @param steps 采样点数
+     * @returns 线段上的采样点数组
+     */
+    private getLineSegmentPoints;
+    private getShapeRect;
+    private isPointInRect;
+    private getCubicBezierPoints;
+    private rectsIntersect;
+    protected abstract createNewConnection(startNode: ProcessNode, endNode: ProcessNode): void;
+    nodeUnselected(): void;
+    isDarkMode(): boolean;
+    setDarkMode(darkMode: boolean): void;
+    protected abstract doAddStartNode(): ProcessNode;
+    addStartNode(): ProcessNode;
+    addNode(node: ProcessNode): void;
+    appendNode(node: ProcessNode, selected: boolean): void;
+    deleteNode(node: ProcessNode): void;
+    getNodeById(id: string): ProcessNode;
+    computeNodePosition(node: ProcessNode): void;
+    private showPlaceHolders;
+    cleanPlaceHolders(): void;
+    occupyCheck(rect: IRect, sourceNode?: ProcessNode): boolean;
+    resetStageSize(): void;
+    /**
+     * 在两个节点间插入新节点时，需要通过该方法将当前节点下所有节点前移一个身位，以保证当前新插入节点的位置
+     */
+    moveNextNodes(node: ProcessNode): void;
+    private recursiveNodes;
+    resetNewNodePositon(newNode: ProcessNode): void;
+    nodesConfigValidate(): string;
+    setSelectedNode(node: ProcessNode): void;
+    fetchNodePosition(node: ProcessNode): Position | undefined;
+    private nodeIntersectionCheck;
+    buildNewProcessNodeName(name: string): string;
+    existRefDatasourceDefNodes(datasourceDefId: string): string;
+    toImageData(): string;
+    getNodeMap(): Map<string, ProcessNode>;
+    getLayer(): Layer | undefined;
+    getTooltipLayer(): Layer | undefined;
+    getTooltip(): Tooltip | undefined;
+    nextColorIndex(): number;
+    getPitWidth(): number;
+    getPitHeight(): number;
+    /**
+     * 设置连线类型
+     * @param type 连线类型：'bezier' 或 'orthogonal'
+     */
+    setLineType(type: string): void;
+    /**
+     * 获取当前连线类型
+     */
+    getLineType(): string;
+    /**
+     * 更新所有连接线的位置（当线型改变时调用）
+     */
+    private updateAllConnections;
+    getStage(): Stage | undefined;
+    getSelectedNodesSet(): Set<ProcessNode>;
+    resize(width: number, height: number): void;
+}

package/dist/components/process/ProcessNode.d.ts

@@ -0,0 +1,340 @@
+import { Group } from 'konva/lib/Group';
+import { Rect } from 'konva/lib/shapes/Rect';
+import { Text } from 'konva/lib/shapes/Text';
+import { MenuItem } from '../menu/types';
+import { default as Connection } from './Connection';
+import { Process } from './Process';
+/**
+ * 流程节点抽象基类
+ *
+ * 该类定义了流程图中所有节点的基本行为和属性，包括：
+ * - 节点的可视化展示（基于 Konva.js）
+ * - 节点的交互行为（拖拽、选择、编辑等）
+ * - 节点间的连接管理
+ * - 节点的右键菜单和工具提示
+ *
+ * @abstract
+ */
+export default abstract class ProcessNode {
+    /** 绑定节点的属性名常量，用于在 Konva 元素上关联 ProcessNode 实例 */
+    static readonly BINDING_NODE = "binding_node";
+    /** 节点唯一标识符 */
+    protected id: string;
+    /** 节点选中状态 */
+    protected selected: boolean;
+    /** 所属的流程实例 */
+    process: Process;
+    /** 选中状态下的边框颜色 */
+    private SELECTED_COLOR;
+    /** 鼠标悬停时的高亮颜色 */
+    private SELECTED_HIGHLIGHT_COLOR;
+    /** 浅色模式下的文本颜色 */
+    private TEXT_COLOR;
+    /** 深色模式下的文本颜色 */
+    private DARK_TEXT_COLOR;
+    private DARK_UNSELECTED_COLOR;
+    private UNSELECTED_COLOR;
+    /** 标签右对齐标志 */
+    private labelAlignRight;
+    /** 节点的主要容器组，包含所有视觉元素 */
+    protected group: Group;
+    /** 节点图标 */
+    private icon?;
+    /** 节点文本标签 */
+    protected text?: Text;
+    /** 加号按钮组，用于添加子节点 */
+    protected plus?: Group;
+    /** 连接图标组，用于创建节点连接 */
+    protected linkIcon?: Group;
+    /** 节点名称 */
+    protected name: string;
+    /** 节点颜色 */
+    protected color: string;
+    /** 警告图标 */
+    private warnIcon?;
+    /** 警告消息内容 */
+    private warnMessage?;
+    /** 节点颜色索引，用于自动分配颜色 */
+    protected colorIndex: number;
+    /** 加号菜单项列表 */
+    private plusMenu;
+    /** 输入连接列表 */
+    protected incomes: Connection[];
+    /** 输出连接列表 */
+    protected outcomes: Connection[];
+    /** 节点名称编辑器 */
+    private nameEditor?;
+    /** 节点容器矩形，作为节点的背景和边框 */
+    protected container: Rect;
+    /** 节点遮罩矩形，用于碰撞检测和选择 */
+    protected mask: Rect;
+    /**
+     * 构造函数
+     *
+     * @param id 节点唯一标识符
+     * @param name 节点显示名称
+     * @param process 所属的流程实例
+     * @param labelAlignRight 标签是否右对齐，默认为 false
+     */
+    constructor(id: string, name: string, process: Process, labelAlignRight?: boolean);
+    /**
+     * 判断是否可以添加指定节点作为子节点
+     *
+     * @param sourceNode 源节点
+     * @returns 是否可以添加
+     */
+    abstract canAdd(sourceNode: ProcessNode): boolean;
+    /**
+     * 获取节点的右键上下文菜单项
+     *
+     * @returns 菜单项数组
+     */
+    abstract getNodeContextMenu(): Array<MenuItem<any>>;
+    /**
+     * 初始化节点容器
+     * 设置节点的交互事件、文本显示、警告图标等
+     */
+    private initContainer;
+    /**
+     * 处理节点点击事件
+     *
+     * @param event 鼠标事件对象
+     */
+    private doClickNode;
+    /**
+     * 显示或隐藏节点警告图标
+     *
+     * @param tip 警告消息，为 null 时隐藏警告图标
+     */
+    showWarn(tip: string | null): void;
+    /**
+     * 获取节点的绑定数据
+     * 子类需要实现此方法以返回节点的具体数据
+     *
+     * @returns 节点数据对象
+     */
+    abstract getBindingNodeData(): any;
+    /**
+     * 将节点图标居中显示
+     *
+     * @param text 要居中的文本图标
+     */
+    protected centerNodeIcon(text: Text): void;
+    /**
+     * 初始化节点右键菜单
+     * 绑定右键点击事件，显示节点特定的上下文菜单
+     */
+    private initNodeContextMenu;
+    /**
+     * 移除节点
+     * 清理所有相关的连接和资源，并从流程中删除该节点
+     */
+    remove(): void;
+    /**
+     * 定位节点文本
+     * 根据对齐方式调整文本位置
+     */
+    private positionText;
+    /**
+     * 定位警告图标
+     * 将警告图标放置在容器右上角
+     */
+    private positionWarnIcon;
+    /**
+     * 绑定文本编辑器
+     * 创建并配置节点名称的内联编辑功能
+     */
+    private bindTextEditor;
+    /**
+     * 监听拖拽事件
+     * 处理节点的拖拽移动，包括单选和多选情况下的拖拽行为
+     */
+    private listenDrag;
+    /**
+     * 处理拖拽结束时的节点处理
+     * 子类可以重写此方法来实现特定的拖拽结束逻辑
+     *
+     * @param processNode 被拖拽到的目标节点
+     */
+    protected processDragEndNode(processNode: ProcessNode): void;
+    /**
+     * 设置节点组内所有元素的透明度
+     *
+     * @param opacity 透明度值 (0-1)
+     */
+    private opacity;
+    /**
+     * 添加输出连接
+     * 子类需要实现此方法来定义具体的连接逻辑
+     *
+     * @param processNode 目标节点
+     */
+    protected abstract addOutConnection(processNode: ProcessNode): void;
+    /**
+     * 判断是否显示加号图标
+     *
+     * @returns 是否显示加号图标
+     */
+    protected showPlusIcon(): boolean;
+    /**
+     * 判断是否显示连接图标
+     *
+     * @param node 源节点
+     * @returns 是否显示连接图标
+     */
+    protected showLinkIcon(node: ProcessNode): boolean;
+    /**
+     * 初始化加号按钮
+     * 创建用于添加子节点的加号图标和菜单
+     *
+     * @param menu 加号菜单项列表
+     */
+    protected initPlus(menu: Array<any>): void;
+    /**
+     * 初始化连接图标
+     * 创建用于建立节点间连接的连接图标
+     */
+    protected initLinkIcon(): void;
+    /**
+     * 设置加号菜单
+     *
+     * @param menu 菜单项数组
+     */
+    setPlusMenu(menu: Array<MenuItem<any>>): void;
+    /**
+     * 设置节点选中状态
+     * 更新节点的视觉样式以反映选中状态
+     *
+     * @param status 是否选中
+     */
+    select(status: boolean): void;
+    /**
+     * 获取节点尺寸
+     *
+     * @returns 节点的宽度和高度
+     */
+    getNodeSize(): {
+        width: number;
+        height: number;
+    };
+    /**
+     * 获取节点位置
+     *
+     * @returns 节点的绝对坐标
+     */
+    getNodePosition(): {
+        x: number;
+        y: number;
+    };
+    /**
+     * 移除输入连接
+     *
+     * @param conn 要移除的连接
+     */
+    removeIncome(conn: Connection): void;
+    /**
+     * 移除输出连接
+     *
+     * @param conn 要移除的连接
+     */
+    removeOutcome(conn: Connection): void;
+    /**
+     * 添加输入连接
+     *
+     * @param conn 要添加的连接
+     */
+    addIncome(conn: Connection): void;
+    /**
+     * 获取所有输入连接
+     *
+     * @returns 输入连接数组
+     */
+    getIncomes(): Connection[];
+    /**
+     * 获取所有输出连接
+     *
+     * @returns 输出连接数组
+     */
+    getOutcomes(): Connection[];
+    /**
+     * 添加输出连接
+     *
+     * @param conn 要添加的连接
+     */
+    addOutcome(conn: Connection): void;
+    /**
+     * 获取节点容器
+     *
+     * @returns 节点容器矩形
+     */
+    getContainer(): Rect;
+    /**
+     * 获取节点组
+     *
+     * @returns 节点的 Konva 组对象
+     */
+    getGroup(): Group;
+    /**
+     * 获取Group元素的尺寸（用于正交线算法的重叠处理）
+     *
+     * @returns 组的宽度和高度
+     */
+    getGroupSize(): {
+        width: number;
+        height: number;
+    };
+    /**
+     * 获取节点选中状态
+     *
+     * @returns 是否选中
+     */
+    isSelected(): boolean;
+    /**
+     * 获取节点颜色
+     *
+     * @returns 节点颜色字符串
+     */
+    getColor(): string;
+    /**
+     * 获取节点颜色索引
+     *
+     * @returns 颜色索引
+     */
+    getColorIndex(): number;
+    /**
+     * 获取节点文本对象
+     *
+     * @returns Konva 文本对象
+     */
+    getText(): Text | undefined;
+    /**
+     * 设置节点文本
+     *
+     * @param text 新的文本内容
+     */
+    setText(text: string): void;
+    /**
+     * 设置节点图标
+     *
+     * @param icon Konva 文本图标对象
+     */
+    setIcon(icon: Text): void;
+    /**
+     * 获取节点名称
+     *
+     * @returns 节点名称
+     */
+    getName(): string;
+    /**
+     * 获取节点ID
+     *
+     * @returns 节点唯一标识符
+     */
+    getId(): string;
+    /**
+     * 重置节点ID
+     *
+     * @param id 新的节点ID
+     */
+    resetId(id: string): void;
+}

package/dist/components/process/Tooltip.d.ts

@@ -0,0 +1,20 @@
+import { default as Konva } from 'konva';
+import { Process } from './Process';
+/**
+ * The `Tooltip` class represents a tooltip component that can be displayed on a Konva layer.
+ * It encapsulates the logic for creating, showing, and hiding the tooltip with customizable text and styling based on the process's theme.
+ *
+ * @class Tooltip
+ * @param {Process} process - The process instance associated with the tooltip.
+ * @param {Konva.Layer} layer - The Konva layer on which the tooltip will be rendered.
+ */
+export declare class Tooltip {
+    private process;
+    private layer;
+    private rect?;
+    private text?;
+    constructor(process: Process, layer: Konva.Layer);
+    protected init(): void;
+    show(x: number, y: number, text: string): void;
+    hide(): void;
+}

package/dist/components/process/colors.d.ts

@@ -0,0 +1,2 @@
+export declare const allNodeColors: string[];
+export default function buildColor(colorIndex: number): string;

package/dist/components/process/events.d.ts

@@ -0,0 +1,10 @@
+export declare const SELECT_NODE = "select_node";
+export declare const SELECT_STAGE = "select_stage";
+export declare const SELECT_PROCESS = "select_process";
+export declare const SELECT_CONNECTION = "select_connection";
+export declare const MULTI_SELECT_NODES = "multi_select_nodes";
+export declare const REMOVE_CONNECTION = "remove_connection";
+export declare const NODE_NAME_CHANGE = "node_name_change";
+export declare const SHOW_NODE_COLOR_DIALOG = "show_node_color_dialog";
+export declare const SHOW_PLUS_MENU = "show_plus_menu";
+export declare const CONNECTION_NAME_CHANGE = "connection_name_change";

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

@@ -0,0 +1,11 @@
+export type GraphicMenuItem = {
+    name: string;
+    icon?: string;
+    click: () => void;
+    children?: GraphicMenuItem[];
+};
+export type Position = {
+    x: number;
+    y: number;
+};
+export declare function invertColor(hex: string): string;

package/dist/components/select/Select.vue.d.ts

@@ -0,0 +1,21 @@
+import { default as SelectItem } from './SelectItem';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from '../../../npmconfig/vue/dist/vue.esm-bundler.js';
+type __VLS_Props = {
+    modelValue: string;
+    options: SelectItem[];
+    hideSearch?: boolean;
+    darkMode?: boolean;
+    disabledRemoveCurrentItem?: boolean;
+    searchKeyItemCallback?: (key: string) => SelectItem;
+    selectChange?: (item: any) => void;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    el: HTMLDivElement;
+    selectContainer: HTMLDivElement;
+    dropbox: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/select/SelectItem.d.ts

@@ -0,0 +1,7 @@
+export default class SelectItem {
+    icon?: string;
+    name: string;
+    desc?: string;
+    value?: string;
+    constructor(name: string, icon?: string);
+}

package/dist/components/splitter/HoizontalSplitter.vue.d.ts

@@ -0,0 +1,34 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from '../../../npmconfig/vue/dist/vue.esm-bundler.js';
+type __VLS_Props = {
+    top: string;
+    bottom: string;
+    darkMode: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        top?(_: {}): any;
+        bottom?(_: {}): any;
+    };
+    refs: {
+        splitterTop: HTMLDivElement;
+        splitterBottom: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    top: string;
+    bottom: string;
+    darkMode: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    splitterTop: HTMLDivElement;
+    splitterBottom: HTMLDivElement;
+}, HTMLDivElement>;
+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/components/splitter/VerticalSplitter.vue.d.ts

@@ -0,0 +1,43 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from '../../../npmconfig/vue/dist/vue.esm-bundler.js';
+type props = {
+    left: string;
+    right: string;
+    darkMode: boolean;
+};
+declare const props: Readonly<{}> & {
+    readonly left: string;
+    readonly right: string;
+    readonly darkMode: boolean;
+} & {
+    readonly darkMode: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        left?(_: {}): any;
+        right?(_: {}): any;
+    };
+    refs: {
+        splitterLeft: HTMLDivElement;
+        splitter: HTMLDivElement;
+        splitterRight: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<props> & Readonly<{}>, {
+    left: string;
+    right: string;
+    darkMode: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    splitterLeft: HTMLDivElement;
+    splitter: HTMLDivElement;
+    splitterRight: HTMLDivElement;
+}, HTMLDivElement>;
+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/components/tab/Tab.vue.d.ts

@@ -0,0 +1,27 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from '../../../npmconfig/vue/dist/vue.esm-bundler.js';
+type Header = {
+    name: string;
+    label: string;
+};
+type __VLS_Props = {
+    headers: Header[];
+    darkMode: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {}) => any>>;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    darkMode: boolean;
+    headers: Header[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+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/components/tree/TreeNode.vue.d.ts

@@ -0,0 +1,31 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from '../../../npmconfig/vue/dist/vue.esm-bundler.js';
+type props = {
+    id?: string;
+    data: Array<any>;
+    childrenProperty?: string;
+    paddingLeft?: number;
+    marginLeft?: number;
+    marginBlock?: number;
+    darkMode?: boolean;
+};
+declare const props: Readonly<{
+    data: Array<any>;
+}> & {
+    readonly childrenProperty: string;
+    readonly id: string;
+    readonly paddingLeft: number;
+    readonly marginLeft: number;
+    readonly marginBlock: number;
+    readonly darkMode: boolean;
+} & {
+    readonly darkMode: boolean;
+};
+declare const _default: DefineComponent<props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<props> & Readonly<{}>, {
+    id: string;
+    darkMode: boolean;
+    childrenProperty: string;
+    paddingLeft: number;
+    marginLeft: number;
+    marginBlock: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLUListElement>;
+export default _default;

package/dist/connect/Connect.vue.d.ts

@@ -0,0 +1,3 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from '../../npmconfig/vue/dist/vue.esm-bundler.js';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/connect/ConnectComponent.vue.d.ts

@@ -0,0 +1,3 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from '../../npmconfig/vue/dist/vue.esm-bundler.js';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/connect/ConnectProvider.d.ts

@@ -0,0 +1,6 @@
+import { Disposable, ExtensionContext } from 'vscode';
+export declare const PROJECT_CONNECT_COMMAND_NAME = "udmp.projectConnect";
+export declare const VIEW_TYPE = "udmp.projectConnect";
+export declare class ConnectProvider {
+    static register(context: ExtensionContext): Disposable;
+}

package/dist/connect/ConnectWebEditor.d.ts

@@ -0,0 +1 @@
+export {};