@andrewyang/ai-workflow-editor 0.1.0 → 0.1.2

package/dist/components/AiWorkflowEditor.d.ts

@@ -0,0 +1,45 @@
+import { LlmConfig } from '../types/ai';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 初始工作流数据 */
+    initialWorkflow?: {
+        nodes: any[];
+        edges: any[];
+    };
+    /** 默认 LLM 配置 */
+    defaultLlmConfig?: LlmConfig;
+}>>, {
+    exportWorkflow: () => {
+        nodes: any[];
+        edges: any[];
+    } | undefined;
+    importWorkflow: (data: any) => void | undefined;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    save: (workflow: any) => void;
+    "node-click": (node: any) => void;
+    "edge-click": (edge: any) => void;
+    "ai-generate-success": (workflow: any) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 初始工作流数据 */
+    initialWorkflow?: {
+        nodes: any[];
+        edges: any[];
+    };
+    /** 默认 LLM 配置 */
+    defaultLlmConfig?: LlmConfig;
+}>>> & Readonly<{
+    "onNode-click"?: ((node: any) => any) | undefined;
+    "onEdge-click"?: ((edge: any) => any) | undefined;
+    onSave?: ((workflow: any) => any) | undefined;
+    "onAi-generate-success"?: ((workflow: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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/components/ai/AiChatPanel.d.ts

@@ -0,0 +1,21 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 加载状态 */
+    loading?: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    generate: (prompt: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 加载状态 */
+    loading?: boolean;
+}>>> & Readonly<{
+    onGenerate?: ((prompt: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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/components/editor/Canvas.d.ts

@@ -0,0 +1,31 @@
+import { Node, Edge } from '@vue-flow/core';
+
+declare const _default: import('vue').DefineComponent<{}, {
+    addNode: (node: Node) => number;
+    exportWorkflow: () => {
+        nodes: Node[];
+        edges: Edge[];
+    };
+    importWorkflow: (data: {
+        nodes: Node[];
+        edges: Edge[];
+    }) => void;
+    updateNode: (id: string, update: {
+        type: string;
+        data: any;
+    }) => void;
+    zoomIn: () => any;
+    zoomOut: () => any;
+    fitView: () => any;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "node-click": (node: Node<any, any, string>) => void;
+    "edge-click": (edge: Edge) => void;
+    "pane-click": () => void;
+    "node-double-click": (node: Node<any, any, string>) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    "onNode-click"?: ((node: Node<any, any, string>) => any) | undefined;
+    "onEdge-click"?: ((edge: Edge) => any) | undefined;
+    "onPane-click"?: (() => any) | undefined;
+    "onNode-double-click"?: ((node: Node<any, any, string>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/editor/FormatPanel.d.ts

@@ -0,0 +1,23 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    node: any;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => void;
+    update: (data: any) => void;
+    "z-index": (action: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    node: any;
+}>>> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onUpdate?: ((data: any) => any) | undefined;
+    "onZ-index"?: ((action: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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/components/editor/NodePanel.d.ts

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

package/dist/components/editor/Toolbar.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "zoom-in": (...args: any[]) => void;
+    "zoom-out": (...args: any[]) => void;
+    save: (...args: any[]) => void;
+    import: (...args: any[]) => void;
+    "fit-view": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    "onZoom-in"?: ((...args: any[]) => any) | undefined;
+    "onZoom-out"?: ((...args: any[]) => any) | undefined;
+    onSave?: ((...args: any[]) => any) | undefined;
+    onImport?: ((...args: any[]) => any) | undefined;
+    "onFit-view"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/editor/nodes/AiNode.d.ts

@@ -0,0 +1,28 @@
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    data: {
+        label: string;
+        style?: any;
+        textStyle?: any;
+        isEditing?: boolean;
+    };
+    selected?: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    data: {
+        label: string;
+        style?: any;
+        textStyle?: any;
+        isEditing?: boolean;
+    };
+    selected?: boolean;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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/components/editor/nodes/NormalNode.d.ts

@@ -0,0 +1,28 @@
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    data: {
+        label: string;
+        style?: any;
+        textStyle?: any;
+        isEditing?: boolean;
+    };
+    selected?: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    data: {
+        label: string;
+        style?: any;
+        textStyle?: any;
+        isEditing?: boolean;
+    };
+    selected?: boolean;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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/components/editor/nodes/SysmlBlockNode.d.ts

@@ -0,0 +1,28 @@
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    data: {
+        label: string;
+        style?: any;
+        textStyle?: any;
+        isEditing?: boolean;
+    };
+    selected?: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    data: {
+        label: string;
+        style?: any;
+        textStyle?: any;
+        isEditing?: boolean;
+    };
+    selected?: boolean;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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/components/editor/nodes/SysmlRequirementNode.d.ts

@@ -0,0 +1,28 @@
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    data: {
+        label: string;
+        style?: any;
+        textStyle?: any;
+        isEditing?: boolean;
+    };
+    selected?: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    data: {
+        label: string;
+        style?: any;
+        textStyle?: any;
+        isEditing?: boolean;
+    };
+    selected?: boolean;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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/components/editor/nodes/SysmlUseCaseNode.d.ts

@@ -0,0 +1,28 @@
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    data: {
+        label: string;
+        style?: any;
+        textStyle?: any;
+        isEditing?: boolean;
+    };
+    selected?: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    data: {
+        label: string;
+        style?: any;
+        textStyle?: any;
+        isEditing?: boolean;
+    };
+    selected?: boolean;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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/composables/useAi.d.ts

@@ -0,0 +1,13 @@
+import { AiGenerateWorkflowParams, WorkflowNode, WorkflowEdge } from '../types/workflow';
+
+/**
+ * AI 工作流生成 Composable
+ */
+export declare const useAi: () => {
+    loading: import('vue').Ref<boolean, boolean>;
+    error: import('vue').Ref<string | null, string | null>;
+    generateWorkflow: (params: AiGenerateWorkflowParams) => Promise<{
+        nodes: WorkflowNode[];
+        edges: WorkflowEdge[];
+    }>;
+};

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { default as AiWorkflowEditor } from './components/AiWorkflowEditor';
+import { useAi } from './composables/useAi';
+
+export { AiWorkflowEditor, useAi };
+export default AiWorkflowEditor;

package/dist/types/ai.d.ts

@@ -0,0 +1,15 @@
+/**
+ * LLM (大语言模型) 配置接口
+ */
+export interface LlmConfig {
+    /** 模型提供商: 'openai' 或 'ollama' */
+    provider: 'openai' | 'ollama';
+    /** 模型名称 */
+    model: string;
+    /** 温度参数 (控制随机性) */
+    temperature: number;
+    /** API 密钥 (OpenAI 必需) */
+    apiKey?: string;
+    /** API 基础 URL (Ollama 或自定义 OpenAI 代理必需) */
+    baseUrl?: string;
+}

package/dist/types/workflow.d.ts

@@ -0,0 +1,49 @@
+import { LlmConfig } from './ai';
+
+/**
+ * 工作流节点接口
+ */
+export interface WorkflowNode {
+    /** 节点唯一标识符 */
+    id: string;
+    /** 节点类型 */
+    type: string;
+    /** 节点数据 */
+    data: {
+        /** 节点标签/名称 */
+        label: string;
+        /** 节点属性集合 */
+        props?: Record<string, any>;
+        /** 节点关联的 LLM 配置 */
+        llmConfig?: LlmConfig;
+    };
+    /** 节点位置坐标 */
+    position: {
+        x: number;
+        y: number;
+    };
+}
+/**
+ * 工作流连线接口
+ */
+export interface WorkflowEdge {
+    /** 连线唯一标识符 */
+    id: string;
+    /** 源节点 ID */
+    source: string;
+    /** 目标节点 ID */
+    target: string;
+    /** 连线标签 */
+    label?: string;
+}
+/**
+ * AI 生成工作流参数接口
+ */
+export interface AiGenerateWorkflowParams {
+    /** 用户提示词 */
+    prompt: string;
+    /** LLM 配置信息 */
+    llmConfig: LlmConfig;
+    /** 允许使用的节点类型列表 */
+    nodeTypes?: string[];
+}

package/dist/utils/llmAdapter.d.ts

@@ -0,0 +1,18 @@
+import { ChatOpenAI } from '@langchain/openai';
+import { ChatOllama } from '@langchain/community/chat_models/ollama';
+import { LlmConfig } from '../types/ai';
+
+/**
+ * LLM 客户端适配器
+ * 统一封装 OpenAI 和 Ollama 的调用接口
+ */
+export declare class LlmClient {
+    client: ChatOpenAI | ChatOllama;
+    constructor(config: LlmConfig);
+    /**
+     * 统一调用方法
+     * @param prompt 提示词
+     * @returns AI 响应内容
+     */
+    invoke(prompt: string): Promise<string>;
+}

package/package.json

@@ -1,39 +1,64 @@
 {
   "name": "@andrewyang/ai-workflow-editor",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "type": "module",
+  "main": "./dist/ai-workflow-editor.umd.js",
+  "module": "./dist/ai-workflow-editor.es.js",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/ai-workflow-editor.css",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/ai-workflow-editor.es.js",
+      "require": "./dist/ai-workflow-editor.umd.js"
+    },
+    "./style.css": "./dist/ai-workflow-editor.css"
+  },
+  "files": [
+    "dist"
+  ],
   "private": false,
   "scripts": {
     "build": "nuxt build",
+    "build:lib": "vue-tsc --noEmit && vite build --config vite.config.lib.ts",
     "dev": "nuxt dev",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
-    "postinstall": "nuxt prepare"
+    "postinstall": "nuxt prepare",
+    "prepublishOnly": "npm run build:lib"
+  },
+  "publishConfig": {
+    "access": "public"
   },
   "dependencies": {
-    "@element-plus/nuxt": "^1.1.5",
     "@langchain/community": "^0.3.28",
     "@langchain/core": "^0.3.37",
     "@langchain/openai": "^0.4.2",
-    "@nuxtjs/i18n": "^10.2.3",
     "@vue-flow/background": "^1.3.0",
     "@vue-flow/controls": "^1.1.2",
     "@vue-flow/core": "^1.41.0",
     "@vue-flow/node-resizer": "^1.5.1",
     "clsx": "^2.1.0",
-    "element-plus": "^2.13.2",
     "lucide-vue-next": "^0.344.0",
-    "nuxt": "^3.0.0",
     "tailwind-merge": "^2.2.1",
-    "vue": "^3.4.0",
     "zod": "^3.22.4"
   },
   "devDependencies": {
+    "@element-plus/nuxt": "^1.1.5",
+    "@nuxtjs/i18n": "^10.2.3",
     "@unocss/nuxt": "^0.58.5",
-    "typescript": "^5.3.3"
+    "@unocss/vite": "^66.6.1",
+    "element-plus": "^2.13.2",
+    "nuxt": "^3.0.0",
+    "typescript": "^5.3.3",
+    "unocss": "^66.6.1",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^3.7.3",
+    "vue": "^3.4.0",
+    "vue-tsc": "^2.0.0"
   },
   "peerDependencies": {
-    "nuxt": "^3.0.0",
+    "element-plus": "^2.0.0",
     "vue": "^3.4.0"
   },
   "overrides": {

package/.nuxt/app.config.mjs

@@ -1,18 +0,0 @@
-
-import { _replaceAppConfig } from '#app/config'
-import { defuFn } from 'defu'
-
-const inlineConfig = {
-  "nuxt": {}
-}
-
-// Vite - webpack is handled directly in #app/config
-if (import.meta.hot) {
-  import.meta.hot.accept((newModule) => {
-    _replaceAppConfig(newModule.default)
-  })
-}
-
-
-
-export default /*@__PURE__*/ defuFn(inlineConfig)