@coding-flow/flow-design 0.0.1

package/dist/script-components/services/node-title.js

@@ -0,0 +1,20 @@
+import { GroovyScriptConvertorUtil } from "@coding-flow/flow-core";
+import { GroovyVariableUtil } from "../utils/varibale.js";
+class NodeTitleScriptUtils {
+    static addVariable(script, variable, variables) {
+        const returnExpression = GroovyScriptConvertorUtil.getReturnScript(script);
+        const expression = `${returnExpression} + ${variable.value}`;
+        let groovy = script.replace(returnExpression, expression);
+        const scriptTitle = GroovyVariableUtil.toExpression(expression, variables);
+        groovy = GroovyScriptConvertorUtil.updateScriptTitle(groovy, scriptTitle);
+        return GroovyScriptConvertorUtil.formatScript(groovy);
+    }
+    static updateExpression(script, expression, variables) {
+        const returnExpression = GroovyScriptConvertorUtil.getReturnScript(script);
+        const returnScript = GroovyVariableUtil.toScript(expression, variables);
+        let groovy = script.replace(returnExpression, `${returnScript}`);
+        groovy = GroovyScriptConvertorUtil.updateScriptTitle(groovy, expression);
+        return GroovyScriptConvertorUtil.formatScript(groovy);
+    }
+}
+export { NodeTitleScriptUtils };

package/dist/script-components/typings/action.d.ts

@@ -0,0 +1,20 @@
+import { FormInstance } from "antd";
+import { FlowActionManager } from "../../components/design-editor/node-components/action/manager";
+export interface ActionModalProps {
+    nodeId: string;
+    open: boolean;
+    onCancel: () => void;
+    form: FormInstance<any>;
+    onFinish: (values: any) => void;
+    manager: FlowActionManager;
+}
+export interface ActionFormProps {
+    nodeId: string;
+    manager: FlowActionManager;
+    form: FormInstance<any>;
+    onFinish: (values: any) => void;
+}
+export interface ActionSelectOption {
+    label: any;
+    value: string;
+}

package/dist/script-components/typings/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./script";
+export * from "./action";

package/dist/script-components/typings/index.js

@@ -0,0 +1,2 @@
+export * from "./script.js";
+export * from "./action.js";

package/dist/script-components/typings/script.d.ts

@@ -0,0 +1,46 @@
+import { DataType } from "@coding-flow/flow-types";
+/**
+ * Groovy脚本类型枚举
+ */
+export declare enum ScriptType {
+    /** 标题脚本 */
+    TITLE = "TITLE",
+    /** 条件脚本 */
+    CONDITION = "CONDITION",
+    /** 人员加载脚本 */
+    OPERATOR_LOAD = "OPERATOR_LOAD",
+    /** 流程创建人脚本 */
+    OPERATOR_CREATE = "OPERATOR_LOAD",
+    /** 异常触发脚本 */
+    ERROR_TRIGGER = "ERROR_TRIGGER",
+    /** 触发节点脚本 */
+    TRIGGER = "TRIGGER",
+    /** 路由节点脚本 */
+    ROUTER = "ROUTER",
+    /** 子流程节点脚本 */
+    SUB_PROCESS = "SUB_PROCESS"
+}
+/**
+ * Groovy变量映射接口
+ * 用于前后端变量映射统一
+ */
+export interface GroovyVariableMapping {
+    /** 中文显示名称：如"当前操作人" */
+    label: string;
+    /** 变量展示名：如"request.getOperatorName()" */
+    value: string;
+    /** 数据类型 */
+    type: DataType;
+    /** Groovy表达式：如"${当前操作人}" */
+    expression: string;
+    /** 分组标签：如"操作人相关" */
+    tag: string;
+    /** 排序序号 */
+    order: number;
+}
+/** 变量分组标签枚举 */
+export declare enum VariableTag {
+    OPERATOR = "\u64CD\u4F5C\u4EBA\u76F8\u5173",
+    WORKFLOW = "\u6D41\u7A0B\u76F8\u5173",
+    FORM_FIELD = "\u8868\u5355\u5B57\u6BB5"
+}

package/dist/script-components/typings/script.js

@@ -0,0 +1,18 @@
+var script_ScriptType = /*#__PURE__*/ function(ScriptType) {
+    ScriptType["TITLE"] = "TITLE";
+    ScriptType["CONDITION"] = "CONDITION";
+    ScriptType["OPERATOR_LOAD"] = "OPERATOR_LOAD";
+    ScriptType["OPERATOR_CREATE"] = "OPERATOR_LOAD";
+    ScriptType["ERROR_TRIGGER"] = "ERROR_TRIGGER";
+    ScriptType["TRIGGER"] = "TRIGGER";
+    ScriptType["ROUTER"] = "ROUTER";
+    ScriptType["SUB_PROCESS"] = "SUB_PROCESS";
+    return ScriptType;
+}({});
+var script_VariableTag = /*#__PURE__*/ function(VariableTag) {
+    VariableTag["OPERATOR"] = "操作人相关";
+    VariableTag["WORKFLOW"] = "流程相关";
+    VariableTag["FORM_FIELD"] = "表单字段";
+    return VariableTag;
+}({});
+export { script_ScriptType as ScriptType, script_VariableTag as VariableTag };

package/dist/script-components/utils/varibale.d.ts

@@ -0,0 +1,27 @@
+import { GroovyVariableMapping } from "../typings";
+import { FlowForm } from "@coding-flow/flow-types";
+export declare class GroovyVariableUtil {
+    static getDefaultVariables(): GroovyVariableMapping[];
+    /**
+     * 流程表单参数
+     * @param flowForm
+     */
+    static getMainFormMetaVariables(flowForm: FlowForm): GroovyVariableMapping[];
+    /**
+     * 获取全部表单参数
+     * @param form
+     */
+    static getVariables(form: FlowForm): GroovyVariableMapping[];
+    /**
+     * 将可视化表达式转换为Groovy表达式（编辑时）
+     * @param expression
+     * @param variables
+     */
+    static toScript(expression: string, variables: GroovyVariableMapping[]): string;
+    /**
+     * 将Groovy表达式转换为可视化表达式（回显时）
+     * @param returnScript
+     * @param variables
+     */
+    static toExpression(returnScript: string, variables: GroovyVariableMapping[]): string;
+}

package/dist/script-components/utils/varibale.js

@@ -0,0 +1,181 @@
+import { VariableTag } from "../typings/index.js";
+class GroovyVariableUtil {
+    static getDefaultVariables() {
+        return [
+            {
+                label: '当前审批人',
+                value: 'request.getCurrentOperatorName()',
+                expression: "${当前审批人}",
+                tag: VariableTag.OPERATOR,
+                type: 'STRING',
+                order: 1
+            },
+            {
+                label: '当前审批人ID',
+                value: 'request.getCurrentOperatorId()',
+                expression: '${当前审批人ID}',
+                tag: VariableTag.OPERATOR,
+                type: 'LONG',
+                order: 2
+            },
+            {
+                label: '流程创建人',
+                value: 'request.getCreatedOperatorName()',
+                expression: '${流程创建人}',
+                tag: VariableTag.OPERATOR,
+                type: 'STRING',
+                order: 3
+            },
+            {
+                label: '流程创建人ID',
+                value: 'request.getCreatedOperatorId()',
+                expression: '${流程创建人ID}',
+                tag: VariableTag.OPERATOR,
+                type: 'LONG',
+                order: 4
+            },
+            {
+                label: '流程提交人',
+                value: 'request.getSubmitOperatorName()',
+                expression: '${流程创建人}',
+                tag: VariableTag.OPERATOR,
+                type: 'STRING',
+                order: 5
+            },
+            {
+                label: '流程提交人ID',
+                value: 'request.getSubmitOperatorId()',
+                expression: '${流程提交人ID}',
+                tag: VariableTag.OPERATOR,
+                type: 'LONG',
+                order: 6
+            },
+            {
+                label: '是否管理员',
+                value: 'request.isFlowManager()',
+                expression: '${是否管理员}',
+                type: 'BOOLEAN',
+                tag: VariableTag.OPERATOR,
+                order: 7
+            },
+            {
+                label: '流程标题',
+                value: 'request.getWorkflowTitle()',
+                expression: '${流程标题}',
+                tag: VariableTag.WORKFLOW,
+                type: 'STRING',
+                order: 10
+            },
+            {
+                label: '流程编码',
+                value: 'request.getWorkflowCode()',
+                expression: '${流程编码}',
+                tag: VariableTag.WORKFLOW,
+                type: 'STRING',
+                order: 11
+            },
+            {
+                label: '当前节点',
+                value: 'request.getNodeName()',
+                expression: '${当前节点}',
+                tag: VariableTag.WORKFLOW,
+                type: 'STRING',
+                order: 12
+            },
+            {
+                label: '节点类型',
+                value: 'request.getNodeType()',
+                expression: '${节点类型}',
+                tag: VariableTag.WORKFLOW,
+                type: 'STRING',
+                order: 13
+            },
+            {
+                label: '是否模拟测试',
+                value: 'request.isMock()',
+                expression: '${是否模拟测试}',
+                type: 'BOOLEAN',
+                tag: VariableTag.WORKFLOW,
+                order: 14
+            }
+        ];
+    }
+    static getMainFormMetaVariables(flowForm) {
+        if (!flowForm || !flowForm.fields) return [];
+        return flowForm.fields.map((field, index)=>({
+                label: `${field.name}`,
+                value: `request.getFormData('${field.code}')`,
+                expression: `\${${field.name}}`,
+                type: field.dateType,
+                tag: VariableTag.FORM_FIELD,
+                order: 100 + index
+            }));
+    }
+    static getVariables(form) {
+        const variables = [];
+        variables.push(...GroovyVariableUtil.getDefaultVariables());
+        variables.push(...GroovyVariableUtil.getMainFormMetaVariables(form));
+        return variables;
+    }
+    static toScript(expression, variables) {
+        let result = expression;
+        const sortedMappings = [
+            ...variables
+        ].sort((a, b)=>b.label.length - a.label.length);
+        const placeholders = new Map();
+        let placeholderIndex = 0;
+        for (const mapping of sortedMappings){
+            const labelPattern = `\${${mapping.label}}`;
+            const placeholder = `__PLACEHOLDER_${placeholderIndex}__`;
+            placeholders.set(placeholder, mapping.value);
+            result = result.split(labelPattern).join(placeholder);
+            placeholderIndex++;
+        }
+        const parts = [];
+        let lastIndex = 0;
+        const placeholderRegex = /__PLACEHOLDER_(\d+)__/g;
+        let match;
+        while(null !== (match = placeholderRegex.exec(result))){
+            if (match.index > lastIndex) {
+                const text = result.substring(lastIndex, match.index);
+                parts.push(`"${text}"`);
+            }
+            const placeholder = match[0];
+            const placeholderInfo = placeholders.get(placeholder);
+            if (placeholderInfo) parts.push(placeholderInfo);
+            lastIndex = match.index + placeholder.length;
+        }
+        if (lastIndex < result.length) {
+            const text = result.substring(lastIndex);
+            parts.push(`"${text}"`);
+        }
+        let groovyExpression;
+        groovyExpression = 0 === parts.length ? '""' : 1 === parts.length ? parts[0] : parts.join(' + ');
+        return groovyExpression;
+    }
+    static toExpression(returnScript, variables) {
+        let result = returnScript;
+        const exprToLabel = new Map();
+        for (const mapping of variables)exprToLabel.set(mapping.value, mapping.label);
+        const sortedExpress = Array.from(exprToLabel.keys()).sort((a, b)=>b.length - a.length);
+        let placeholders = 0;
+        const placeholderMap = new Map();
+        for (const expr of sortedExpress){
+            const escaped = expr.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+            const placeholder = `___EXPR_PLACEHOLDER_${placeholders}___`;
+            result = result.replace(new RegExp(escaped, 'g'), placeholder);
+            placeholderMap.set(placeholder, exprToLabel.get(expr) || expr);
+            placeholders++;
+        }
+        result = result.replace(/\s*\+\s*"/g, '"');
+        result = result.replace(/"\s*\+\s*/g, '"');
+        result = result.replace(/"/g, '');
+        result = result.replace(/___\w+___\s*\+\s*___\w+___/g, (match)=>match.replace(/\s*\+\s*/g, ''));
+        placeholderMap.forEach((label, placeholder)=>{
+            result = result.replace(new RegExp(placeholder.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), `\${${label}}`);
+        });
+        result = result.replace(/\$\{([^}]+)\}\s*\+\s*\$\{/g, '\$\{$1\}\$\{');
+        return result;
+    }
+}
+export { GroovyVariableUtil };

package/dist/utils/id.d.ts

@@ -0,0 +1,3 @@
+export declare class IdUtils {
+    static generateId(): string;
+}

package/dist/utils/id.js

@@ -0,0 +1,7 @@
+import { nanoid } from "nanoid";
+class IdUtils {
+    static generateId() {
+        return nanoid(6);
+    }
+}
+export { IdUtils };

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export * from "./id";

package/dist/utils/index.js

@@ -0,0 +1 @@
+export * from "./id.js";

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@coding-flow/flow-design",
+  "version": "0.0.1",
+  "description": "flow-engine design components ",
+  "type": "module",
+  "keywords": [
+    "coding-flow",
+    "flow-engine"
+  ],
+  "homepage": "https://github.com/codingapi/flow-frontend",
+  "bugs": {
+    "url": "https://github.com/codingapi/flow-frontend/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/codingapi/flow-frontend.git"
+  },
+  "license": "Apache-2.0",
+  "author": "1024lorne@gmail.com",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "@ant-design/icons": "~6.1.0",
+    "@codemirror/commands": "^6.10.2",
+    "@codemirror/lang-java": "^6.0.2",
+    "@codemirror/language": "^6.12.2",
+    "@codemirror/state": "^6.5.4",
+    "@codemirror/theme-one-dark": "^6.1.3",
+    "@codemirror/view": "^6.39.16",
+    "@flowgram.ai/export-plugin": "1.0.8",
+    "@flowgram.ai/fixed-layout-editor": "1.0.8",
+    "@flowgram.ai/fixed-semi-materials": "1.0.8",
+    "@flowgram.ai/form-materials": "1.0.8",
+    "@flowgram.ai/minimap-plugin": "1.0.8",
+    "@flowgram.ai/panel-manager-plugin": "1.0.8",
+    "@lezer/highlight": "^1.2.3",
+    "@reduxjs/toolkit": "^2.11.2",
+    "antd": "^6.2.1",
+    "dayjs": "^1.11.19",
+    "immer": "^11.1.3",
+    "lodash-es": "^4.17.23",
+    "nanoid": "^5.1.6",
+    "react-redux": "^9.2.0",
+    "styled-components": "^5.3.11",
+    "@coding-flow/flow-core": "0.0.1",
+    "@coding-flow/flow-pc-ui": "0.0.1",
+    "@coding-flow/flow-icons": "0.0.1",
+    "@coding-flow/flow-types": "0.0.1"
+  },
+  "devDependencies": {
+    "@types/lodash-es": "^4.17.12",
+    "@types/styled-components": "^5.1.36",
+    "@coding-flow/flow-core": "0.0.1",
+    "@coding-flow/flow-types": "0.0.1"
+  },
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch",
+    "test": "rstest",
+    "push": "pnpm run build && pnpm publish --access public"
+  }
+}