@duxweb/dvha-pro 1.0.45 → 1.0.46

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

@@ -0,0 +1,68 @@
+import type { PropType } from 'vue';
+import type { FlowData, FlowEditorConfig, FlowNodeCategory, FlowNodeRegistry } from './types';
+import './style.css';
+export declare const DuxFlowEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<FlowData>;
+        default: () => {
+            nodes: never[];
+            edges: never[];
+        };
+    };
+    customNodes: {
+        type: PropType<Record<string, FlowNodeRegistry>>;
+        default: () => {};
+    };
+    categories: {
+        type: PropType<FlowNodeCategory[]>;
+        default: () => never[];
+    };
+    config: {
+        type: PropType<FlowEditorConfig>;
+        default: () => {
+            readonly: boolean;
+            showGrid: boolean;
+            showControls: boolean;
+        };
+    };
+    onSave: {
+        type: FunctionConstructor;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<FlowData>;
+        default: () => {
+            nodes: never[];
+            edges: never[];
+        };
+    };
+    customNodes: {
+        type: PropType<Record<string, FlowNodeRegistry>>;
+        default: () => {};
+    };
+    categories: {
+        type: PropType<FlowNodeCategory[]>;
+        default: () => never[];
+    };
+    config: {
+        type: PropType<FlowEditorConfig>;
+        default: () => {
+            readonly: boolean;
+            showGrid: boolean;
+            showControls: boolean;
+        };
+    };
+    onSave: {
+        type: FunctionConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    config: FlowEditorConfig;
+    modelValue: FlowData;
+    onSave: Function;
+    categories: FlowNodeCategory[];
+    customNodes: Record<string, FlowNodeRegistry>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/flowEditor/index.d.ts

@@ -0,0 +1,5 @@
+export { FlowNodeCard, FlowSetting, FlowToolbar } from './components';
+export { DuxFlowEditor } from './flowEditor';
+export { defaultNodes, EndNode, EndNodeSetting, getEndNodeRegistry, getProcessNodeRegistry, getStartNodeRegistry, ProcessNode, ProcessNodeSetting, StartNode, StartNodeSetting, } from './nodes';
+export { useNodeDataFlow, FIELD_TYPE_OPTIONS, getFieldTypeOptions } from './utils/nodeDataUtils';
+export type { FlowData, FlowEdge, FlowEditorConfig, FlowNode, FlowNodeCategory, FlowNodeData, FlowNodeField, FlowNodeMeta, FlowNodeRegistry, } from './types';

package/dist/types/components/flowEditor/nodes/endNode.d.ts

@@ -0,0 +1,19 @@
+import type { NodeProps } from '@vue-flow/core';
+import type { FlowNodeData, FlowNodeRegistry } from '../types';
+export declare function EndNode(props: NodeProps<FlowNodeData>): import("vue/jsx-runtime").JSX.Element;
+export declare const EndNodeSetting: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare function getEndNodeRegistry(): FlowNodeRegistry;

package/dist/types/components/flowEditor/nodes/index.d.ts

@@ -0,0 +1,8 @@
+import type { FlowNodeRegistry } from '../types';
+import { EndNode, EndNodeSetting, getEndNodeRegistry } from './endNode';
+import { getProcessNodeRegistry, ProcessNode, ProcessNodeSetting } from './processNode';
+import { getStartNodeRegistry, StartNode, StartNodeSetting } from './startNode';
+export declare const defaultNodes: Record<string, FlowNodeRegistry>;
+export { EndNode, ProcessNode, StartNode, };
+export { EndNodeSetting, ProcessNodeSetting, StartNodeSetting, };
+export { getEndNodeRegistry, getProcessNodeRegistry, getStartNodeRegistry, };

package/dist/types/components/flowEditor/nodes/processNode.d.ts

@@ -0,0 +1,19 @@
+import type { NodeProps } from '@vue-flow/core';
+import type { FlowNodeData, FlowNodeRegistry } from '../types';
+export declare const ProcessNode: (props: NodeProps<FlowNodeData>) => import("vue/jsx-runtime").JSX.Element;
+export declare const ProcessNodeSetting: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare function getProcessNodeRegistry(): FlowNodeRegistry;

package/dist/types/components/flowEditor/nodes/startNode.d.ts

@@ -0,0 +1,19 @@
+import type { NodeProps } from '@vue-flow/core';
+import type { FlowNodeData, FlowNodeRegistry } from '../types';
+export declare function StartNode(props: NodeProps<FlowNodeData>): import("vue/jsx-runtime").JSX.Element;
+export declare const StartNodeSetting: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare function getStartNodeRegistry(): FlowNodeRegistry;

package/dist/types/components/flowEditor/types/index.d.ts

@@ -0,0 +1,62 @@
+import type { Edge, Node } from '@vue-flow/core';
+import type { VNode } from 'vue';
+export interface FlowNodeData {
+    label: string;
+    description?: string;
+    icon?: string;
+    color?: string;
+    config?: Record<string, any>;
+}
+export interface FlowNodeMeta {
+    name: string;
+    label: string;
+    description?: string;
+    category: 'start' | 'process' | 'end' | 'custom';
+    nodeType: 'start' | 'process' | 'end';
+    icon: string;
+    color?: string;
+    style?: {
+        iconBgClass?: string;
+    };
+    defaultConfig?: Record<string, any>;
+}
+export type FlowNode = Node<FlowNodeData>;
+export type FlowEdge = Edge;
+export interface FlowNodeField {
+    name: string;
+    type: 'text' | 'number' | 'boolean' | 'date' | 'array' | 'object';
+    label?: string;
+    description?: string;
+    required?: boolean;
+}
+export interface FlowNodeRegistry {
+    meta: FlowNodeMeta;
+    component: any;
+    settingComponent?: any;
+    multiInput?: boolean;
+    multiOutput?: boolean;
+    outputFields?: FlowNodeField[];
+    inputFields?: FlowNodeField[];
+}
+export interface FlowEditorConfig {
+    readonly?: boolean;
+    showGrid?: boolean;
+    showControls?: boolean;
+    toolbar?: VNode | (() => VNode);
+}
+export interface FlowData {
+    nodes: FlowNode[];
+    edges: FlowEdge[];
+    viewport?: {
+        x: number;
+        y: number;
+        zoom: number;
+    };
+    globalSettings?: Record<string, any>;
+}
+export interface FlowNodeCategory {
+    key: string;
+    label: string;
+    icon: string;
+    order?: number;
+}

package/dist/types/components/flowEditor/utils/nodeDataUtils.d.ts

@@ -0,0 +1,59 @@
+import type { FlowNodeRegistry, FlowNodeField } from '../types';
+export declare const useNodeDataFlow: () => {
+    getUpstreamFields: (nodeId: string, nodeRegistries: Record<string, FlowNodeRegistry>) => {
+        label: string;
+        value: string;
+        type: string;
+        nodeId: string;
+        nodeName: string;
+    }[];
+    getNodeOutputFields: (nodeId: string, nodeRegistries: Record<string, FlowNodeRegistry>) => FlowNodeField[];
+    parseFieldReference: (fieldRef: string) => {
+        nodeId: string;
+        fieldName: string;
+    } | null;
+    validateFieldReference: (fieldRef: string, nodeRegistries: Record<string, FlowNodeRegistry>) => boolean;
+    getInputFieldOptions: (nodeId: string, nodeRegistries: Record<string, FlowNodeRegistry>) => {
+        label: string;
+        value: string;
+        type: string;
+    }[];
+};
+export declare const getFieldTypeOptions: () => readonly [{
+    readonly label: string;
+    readonly value: "text";
+}, {
+    readonly label: string;
+    readonly value: "number";
+}, {
+    readonly label: string;
+    readonly value: "boolean";
+}, {
+    readonly label: string;
+    readonly value: "date";
+}, {
+    readonly label: string;
+    readonly value: "array";
+}, {
+    readonly label: string;
+    readonly value: "object";
+}];
+export declare const FIELD_TYPE_OPTIONS: readonly [{
+    readonly label: "Text";
+    readonly value: "text";
+}, {
+    readonly label: "Number";
+    readonly value: "number";
+}, {
+    readonly label: "Boolean";
+    readonly value: "boolean";
+}, {
+    readonly label: "Date";
+    readonly value: "date";
+}, {
+    readonly label: "Array";
+    readonly value: "array";
+}, {
+    readonly label: "Object";
+    readonly value: "object";
+}];

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

@@ -10,6 +10,7 @@ export * from './dialog';
 export * from './draw';
 export * from './drawer';
 export * from './editor';
+export * from './flowEditor';
 export * from './form';
 export * from './formEditor';
 export * from './icon';

package/dist/types/main.d.ts

@@ -3,6 +3,8 @@ import type { App } from 'vue';
 import 'echarts';
 import 'vue-cropper/dist/index.css';
 import 'aieditor/dist/style.css';
+import '@vue-flow/core/dist/style.css';
+import '@vue-flow/core/dist/theme-default.css';
 import './theme/style.scss';
 export declare function createDuxPro(): {
     install(app: App): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@duxweb/dvha-pro",
   "type": "module",
-  "version": "1.0.45",
+  "version": "1.0.46",
   "author": "DuxWeb",
   "license": "MIT",
   "repository": {
@@ -33,8 +33,8 @@
   ],
   "dependencies": {
     "@ant-design/colors": "^7.2.1",
-    "@duxweb/dvha-core": "^1.0.45",
-    "@duxweb/dvha-naiveui": "^1.0.45",
+    "@duxweb/dvha-core": "^1.0.46",
+    "@duxweb/dvha-naiveui": "^1.0.46",
     "@iconify-json/tabler": "^1.2.18",
     "@overlastic/vue": "^0.8.1",
     "@tanstack/vue-query": "^5.80.7",
@@ -44,6 +44,12 @@
     "@vee-validate/i18n": "^4.15.1",
     "@vee-validate/rules": "^4.15.1",
     "@visactor/vchart": "^2.0.0",
+    "@vue-flow/background": "^1.3.2",
+    "@vue-flow/controls": "^1.1.2",
+    "@vue-flow/core": "^1.45.0",
+    "@vue-flow/minimap": "^1.5.3",
+    "@vue-flow/node-resizer": "^1.5.0",
+    "@vue-flow/node-toolbar": "^1.1.1",
     "@vueuse/core": "^13.3.0",
     "@vueuse/integrations": "^13.3.0",
     "ace-builds": "^1.43.0",