#50

Author: xlorne

designs/groovy-script/DESiGN.md

@@ -0,0 +1,43 @@
+# Groovy Script 脚本设计规范
+
+## 脚本的实例写法如下
+```
+def run(request){
+    return "Hello, ${request.name}!"
+}
+```
+
+## 脚本规范
+request对象，根据脚本的不同，起传递的request对象也不同。
+return语句，return语句根据脚本的不同，起返回的对象也不同。
+
+## 开发规范
+为了让脚本可以更好的呈现和使用，脚本的配置分为两种模式，一种是可视化配置模式，一种是代码配置模式。
+
+* 代码配置模式
+  代码配置模式的脚本中，将会通过注释的方式添加一行@CUSTOM_SCRIPT，来标识这是一个自定义脚本，这样在编辑器中就会以代码的形式展示出来。
+```
+// @CUSTOM_SCRIPT
+def run(request){
+    return "Hello, ${request.name}!"
+}
+```
+
+* 可视化配置模式
+  可视化配置模式的脚本中，没有@CUSTOM_SCRIPT的注释标识，这样在编辑器中就会以可视化的形式展示出来。
+```
+def run(request){
+    return "Hello, ${request.name}!"
+}
+```
+
+## 脚本展示标题
+为了让脚本在在展示时可以更好的展示脚本的作用，所以在脚本中支持通过@SCRIPT_TITLE的注释来标识脚本的展示标题，这样在编辑器中就会以这个标题来展示脚本。
+
+```
+// @SCRIPT_TITLE 这是一个示例脚本
+def run(request){
+    return "Hello, ${request.name}!"
+}
+```
+上述的脚本在编辑器中就会以“这是一个示例脚本”来展示，而不是以代码的方式来展示。

frontend/apps/app-pc/package.json

@@ -13,7 +13,6 @@
     "@flow-engine/flow-types": "workspace:*",
     "@flow-engine/flow-pc-design": "workspace:*",
     "@flow-engine/flow-pc-ui": "workspace:*",
-    "@flow-engine/flow-pc-form": "workspace:*",
     "@flow-engine/flow-pc-approval":"workspace:*",
     "antd": "^6.2.1",
     "dayjs": "^1.11.19",

frontend/apps/app-pc/src/config/plugin-view.tsx

@@ -7,7 +7,6 @@ import zhCN from 'antd/locale/zh_CN';
 import dayjs from 'dayjs';
 import 'dayjs/locale/zh-cn';
 import "./index.css";
-import "./config/plugin-view";
 
 dayjs.locale('zh');
 

frontend/apps/app-pc/src/index.tsx

@@ -28,6 +28,7 @@
     "@flow-engine/flow-types": "workspace:*",
     "@flow-engine/flow-pc-design": "workspace:*",
     "@flow-engine/flow-pc-ui": "workspace:*",
+    "@flow-engine/flow-pc-form": "workspace:*",
     "@reduxjs/toolkit": "^2.11.2",
     "antd": "^6.2.1",
     "immer": "^11.1.3",

frontend/packages/flow-pc/flow-pc-approval/package.json

@@ -2,14 +2,15 @@ import React from "react";
 import {useApprovalContext} from "@/components/flow-approval/hooks/use-approval-context";
 import {ViewBindPlugin} from "@flow-engine/flow-types";
 import { Form } from "antd";
+import {FlowFormView} from "@flow-engine/flow-pc-form";
 
 interface FormViewComponentProps{
     onValuesChange?:(values:any)=>void;
 }
 
 export const FormViewComponent: React.FC<FormViewComponentProps> = (props) => {
     const {state, context} = useApprovalContext();
-    const ViewComponent = ViewBindPlugin.getInstance().get(state.flow?.view || 'default') ;
+    const ViewComponent = ViewBindPlugin.getInstance().get(state.flow?.view || 'default') || FlowFormView ;
 
     const formMeta = state.flow?.form;
 

frontend/packages/flow-pc/flow-pc-approval/src/components/flow-approval/components/form-view-component.tsx

@@ -117,6 +117,7 @@ export const initStateData: State = {
         id:'',
         title:'',
         code:'',
+        operatorCreateScript:'',
         form:{
             code:'',
             name:'',