@jiangood/springboot-admin-starter 0.0.1

package/config/config.js

@@ -0,0 +1,10 @@
+import {defineConfig} from 'umi';
+import {defaultConfig} from "./defaultConfig";
+
+
+
+
+
+export default defineConfig({
+    ...defaultConfig,
+});

package/config/config.local.js

@@ -0,0 +1,10 @@
+// .umirc.local.ts 仅在 umi dev 时有效。umi build 时不会被加载
+// 这份配置会和 .umirc.ts 做 deep merge 后形成最终配置。
+
+
+import {defineConfig} from 'umi';
+import { defaultConfigLocal} from "./defaultConfig";
+
+
+
+export default defineConfig(defaultConfigLocal);

package/config/defaultConfig.js

@@ -0,0 +1,35 @@
+const defaultConfig = {
+    npmClient: 'pnpm',
+
+   // 配置是否让生成的文件包含 hash 后缀，通常用于增量发布和避免浏览器加载缓存。
+    hash: true,
+    history: {type: 'hash'},
+    // monorepo 复杂，还得设置忽略、编译等，先关掉
+    mfsu: false,
+};
+
+
+const defaultConfigLocal = {
+
+    proxy: {
+        '/admin': {
+            target: 'http://127.0.0.1:8002',
+            changeOrigin: true,
+        },
+        '/ureport': {
+            target: 'http://127.0.0.1:8002',
+            changeOrigin: true,
+            pathRewrite: {'^/ureport': '/ureport'},
+        },
+        '/ws-log-view': {
+            target: 'http://127.0.0.1:8002',
+            changeOrigin: true,
+            ws: true,
+        },
+    }
+};
+
+
+module.exports = {
+    defaultConfig, defaultConfigLocal
+}

package/config/plugins/forms.js

@@ -0,0 +1,44 @@
+const IApi = require( 'umi').IApi;
+
+const fs = require("fs");
+const path = require("path");
+
+
+
+
+module.exports = (api) => {
+    api.describe({
+        key: 'registryForms',
+    });
+
+    const dir = api.cwd + "/src/forms"
+    const files = fs.readdirSync(dir)
+    api.register({
+        key: 'addEntryImports',
+        fn: ()=>{
+            return 'import { formRegistry } from "./framework/system/FormRegistry";'
+        }
+    })
+    api.addEntryImports(()=>{
+        return {
+            source: "./framework/system/FormRegistry",
+            specifier: 'formRegistry'
+        }
+    })
+
+    files.forEach(fileName=>{
+        const fullPath = path.join(dir, fileName)
+        const stats = fs.statSync(fullPath)
+        if (stats.isFile() && fileName.endsWith(".jsx")) {
+            api.register({
+                key: 'addEntryCode',
+                fn: () => {
+                    return 'formRegistry.register("' + fileName + '", ' + fileName.substring(0, fileName.length - 4) + ');
+                }
+            })
+        }
+    })
+
+
+};
+

package/config/plugins/routes.js

@@ -0,0 +1,82 @@
+const IApi = require( 'umi').IApi;
+
+const fs = require("fs");
+const path = require("path");
+
+// 扫描依赖模块的路由
+
+function addRoute(file, fileRoutes) {
+    let routePath = file.substring(file.indexOf('pages') + 6, file.length - 4)
+    routePath = routePath.replaceAll('\\', '/')
+
+    let parentId = "@@/global-layout";
+
+    // 文件$开头的会替换为路径变量 如$id 变为 :id
+    routePath = routePath.replaceAll("\$", ":")
+
+    fileRoutes.push({
+        absPath: file,
+        id: routePath,
+        path: routePath,
+        file,
+        parentId
+    })
+    if (routePath.endsWith("/index")) {
+        routePath = routePath.substring(0, routePath.length - 6)
+        fileRoutes.push({
+            absPath: file,
+            id: routePath,
+            path: routePath,
+            file,
+            parentId: parentId
+        })
+    }
+}
+
+
+
+module.exports = (api) => {
+    api.describe({
+        key: 'addDependenceRoutes',
+    });
+
+    const content = fs.readFileSync(api.cwd + "/package.json", "utf-8")
+    const pkg = JSON.parse(content)
+    const deps = Object.assign({}, pkg.devDependencies, pkg.dependencies, pkg.peerDependencies)
+    const pagePkg = [];
+    for (let k in deps) {
+        if (k.startsWith("@jiangood/springboot-admin-starter")) {
+            pagePkg.push(k)
+        }
+    }
+
+    const fileRoutes = []
+    for (let pkg of pagePkg) {
+        const pageDir = api.cwd + "/node_modules/" + pkg + "/src/pages"
+        parseDir(pageDir, fileRoutes)
+    }
+    api.modifyRoutes((routes) => {
+        for (let fileRoute of fileRoutes) {
+            if(routes[fileRoute.id] == null){
+                routes[fileRoute.id] = fileRoute
+            }
+        }
+        return routes;
+    })
+};
+function parseDir(pageDir, fileRoutes) {
+    const list = fs.readdirSync(pageDir)
+
+    for (let fileName of list) {
+        const fullPath = path.join(pageDir, fileName)
+        const stats = fs.statSync(fullPath)
+        if (stats.isFile()) {
+            if (fileName.endsWith(".jsx")) {
+                addRoute(fullPath, fileRoutes)
+            }
+        } else if (stats.isDirectory()) {
+            parseDir(fullPath, fileRoutes)
+        }
+
+    }
+}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "devDependencies": {
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.0.0",
+    "@types/react-lazylog": "^4.5.1",
+    "@umijs/plugins": "^4.3.17",
+    "typescript": "^5.0.0"
+  },
+  "peerDependencies": {
+    "@ant-design/icons": "^5.4.0",
+    "@ant-design/v5-patch-for-react-19": "^1.0.3",
+    "@tinymce/tinymce-react": "^6.0.0",
+    "@umijs/types": "^3.5.43",
+    "antd": "^5.26.1",
+    "antd-img-crop": "^4.23.0",
+    "bpmn-js": "^18.7.0",
+    "dagre-d3": "^0.6.0",
+    "dayjs": "^1.11.13",
+    "echarts": "^5.6.0",
+    "jsencrypt": "^3.5.4",
+    "qs": "^6.14.0",
+    "react": "^19.0.0",
+    "react-amap": "^1.2.8",
+    "react-dom": "^19.0.0",
+    "react-lazylog": "^4.5.3",
+    "umi": "^4.0.0",
+    "axios": "^1.13.2"
+  },
+  "name": "@jiangood/springboot-admin-starter",
+  "description": "springboot-admin-starter",
+  "files": [
+    "src/*",
+    "config/*"
+  ],
+  "main": "src/index.js",
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "umi dev",
+    "build": "umi build"
+  }
+}

package/src/.npmignore

@@ -0,0 +1,6 @@
+node_modules/
+
+.umi/
+
+.umi-production/
+.umi/

package/src/components/InstanceInfo.jsx

@@ -0,0 +1,138 @@
+import React from "react";
+import {Card, Empty, Modal, Skeleton, Table, Tabs, Typography} from "antd";
+
+import {FormOutlined, ShareAltOutlined} from "@ant-design/icons";
+import {formRegistry, Gap, HttpUtil} from "../framework";
+
+export default class InstanceInfo extends React.Component {
+
+    state = {
+        instanceCommentList: [],
+        vars: {},
+
+        id: null,
+        starter: null,
+        startTime: null,
+        name: null,
+
+        data: {
+            commentList: [],
+            img: null
+        },
+        loading: true,
+
+        errorMsg: null
+    }
+
+
+    componentDidMount() {
+        const {id, businessKey} = this.props;
+        HttpUtil.get("admin/flowable/my/getInstanceInfo", {id, businessKey}).then(rs => {
+            this.setState(rs)
+            this.setState({data: rs})
+        }).catch(e => {
+            this.setState({errorMsg: e})
+        }).finally(() => {
+            this.setState({loading: false})
+        })
+
+    }
+
+    onImgClick = () => {
+        const {data} = this.state
+
+        const {img} = data
+        Modal.info({
+            title: '流程图',
+            width: '70vw',
+            content: <div style={{width: '100%', overflow: 'auto', maxHeight: '80vh'}}><img src={img}/></div>
+        })
+    };
+
+    render() {
+        if (this.state.errorMsg) {
+            return <Empty description={this.state.errorMsg}></Empty>
+        }
+
+        const {data, loading} = this.state
+        const {commentList, img} = data
+        if (loading) {
+            return <Skeleton/>
+        }
+
+
+        return <>
+            <Typography.Title level={4}>{data.name}</Typography.Title>
+            <Typography.Text type="secondary">{data.starter} &nbsp;&nbsp; {data.startTime}</Typography.Text>
+            <Gap></Gap>
+            <Tabs
+                items={[
+                    {
+                        key: '1',
+                        label: '表单',
+                        icon: <FormOutlined/>,
+                        children: this.renderForm()
+                    },
+                    {
+                        key: '2',
+                        label: '流程',
+                        icon: <ShareAltOutlined/>,
+                        children: this.renderProcess(img, commentList)
+                    }
+                ]}>
+
+            </Tabs>
+
+
+        </>
+
+    }
+
+    renderProcess = (img, commentList) => <Card title='处理记录'>
+        {img && <img src={img} style={{maxWidth: '100%'}}
+                     onClick={this.onImgClick}/>}
+        <Table dataSource={commentList}
+               bordered
+               size='small'
+               pagination={false}
+               rowKey='id'
+               columns={[
+                   {
+                       dataIndex: 'content',
+                       title: '操作'
+                   },
+                   {
+                       dataIndex: 'user',
+                       title: '处理人'
+                   },
+                   {
+                       dataIndex: 'time',
+                       title: '处理时间'
+                   },
+               ]}
+        />
+    </Card>;
+
+    renderForm = () => {
+        const {data} = this.state
+        const {processDefinitionKey, businessKey} = data
+
+        let formKey = this.props.formKey || processDefinitionKey + 'Form';
+        let ExForm = formRegistry.get(formKey);
+        if (!ExForm) {
+            return <div>
+                未注册表单，请注册表单 {formKey}。
+                <Gap></Gap>
+                <div>js代码示例：</div>
+                <div>
+                    // app.js
+                </div>
+                <div>
+                    formRegistry.register("{formKey}",XXXForm)
+                </div>
+                </div>
+        }
+
+        return <ExForm id={businessKey} formKey={formKey} ref={this.props.externalFormRef} taskInfo={this.props.taskInfo}></ExForm>
+    }
+}

package/src/components/InstanceStatusInfo.jsx

@@ -0,0 +1,79 @@
+import React from "react";
+import {Card, Empty, Skeleton, Table} from "antd";
+import {HttpUtil} from "../framework";
+
+
+export default class InstanceStatusInfo extends React.Component {
+
+    state = {
+        instanceCommentList: [],
+        vars: {},
+
+        id: null,
+        starter: null,
+        startTime: null,
+        name: null,
+
+        data: {
+            commentList: [],
+            img: null
+        },
+        loading: true,
+
+        errorMsg: null
+    }
+
+
+    componentDidMount() {
+        const {id, businessKey} = this.props;
+        HttpUtil.get("admin/flowable/my/getInstanceInfo", {id, businessKey}).then(rs => {
+            this.setState(rs)
+            this.setState({data: rs})
+        }).catch(e => {
+            this.setState({errorMsg: e})
+        }).finally(() => {
+            this.setState({loading: false})
+        })
+
+    }
+
+
+    render() {
+        if (this.state.errorMsg) {
+            return <Empty description={this.state.errorMsg}></Empty>
+        }
+
+        const {data, loading} = this.state
+        const {commentList, img} = data
+        if (loading) {
+            return <Skeleton/>
+        }
+
+
+        return <Card title='处理记录'>
+            <img src={img} style={{maxWidth: '100%'}}/>
+            <Table dataSource={commentList}
+                   bordered
+                   size='small'
+                   pagination={false}
+                   rowKey='id'
+                   columns={[
+                       {
+                           dataIndex: 'content',
+                           title: '操作'
+                       },
+                       {
+                           dataIndex: 'user',
+                           title: '处理人'
+                       },
+                       {
+                           dataIndex: 'time',
+                           title: '处理时间'
+                       },
+                   ]}
+            />
+        </Card>
+
+    }
+
+}

package/src/components/StreamLog.jsx

@@ -0,0 +1,27 @@
+import {LazyLog, ScrollFollow} from "react-lazylog";
+import React from "react";
+import {SysUtil} from "../framework";
+
+/**
+ * https://mozilla-frontend-infra.github.io/react-lazylog/
+ */
+export default class extends React.Component {
+
+  render() {
+    const url = this.props.url;
+    const headers = SysUtil.getHeaders();
+
+
+    return <ScrollFollow
+      startFollowing={true}
+      render={({follow, onScroll}) => (
+        <LazyLog url={url}
+                 height={500}
+                 follow={follow}
+                 fetchOptions={{credentials:'include', ...headers}}
+                 onScroll={onScroll}/>
+      )}
+    />
+
+  }
+}

package/src/components/flow/BpmnUtils.js

@@ -0,0 +1,85 @@
+function removeProperty(businessObject, key) {
+  delete businessObject.$attrs[key];
+}
+
+function removeAllProperty(businessObject) {
+  const keys = Object.keys(businessObject.$attrs);
+  keys.forEach((key) => {
+    delete businessObject.$attrs[key];
+  });
+}
+
+function setProperty(businessObject, key, value) {
+  if (value == null || value == '') {
+    removeProperty(businessObject, key);
+  } else {
+    businessObject.set(key, value);
+  }
+}
+
+// modeling.updateModdleProperties 没有处理空值
+function setProperties(businessObject, values) {
+  for (let k in values) {
+    let v = values[k];
+    setProperty(businessObject, k, v);
+  }
+}
+
+export default class BpmnUtils {
+  constructor({ modeler, modeling }) {
+    this.modeling = modeling;
+    this.modeler = modeler;
+  }
+
+  modeler = null;
+  modeling = null;
+
+  static getFormValues(bo) {
+    let attrs = bo.$attrs;
+
+    const data = {};
+    for (let k in attrs) {
+      data[k.replace('flowable:', '')] = attrs[k];
+    }
+
+    return data;
+  }
+
+  static setFormValues(businessObject, formValues) {
+    const data = {};
+    for (let k in formValues) {
+      const v = formValues[k];
+      data['flowable:' + k] = v;
+    }
+
+    //清空原有属性
+    removeAllProperty(businessObject);
+    setProperties(businessObject, data);
+  }
+
+  getElementById(id) {
+    const elementRegistry = this.modeler.get('elementRegistry');
+    return elementRegistry.get(id);
+  }
+
+  static removeProperty = removeProperty;
+
+  static setDocumentation = (modeler, element, text) => {
+    const modeling = modeler.get('modeling');
+    const moddle = modeler.get('moddle');
+
+    var doc = moddle.create('bpmn:Documentation');
+    doc.text = text;
+
+    modeling.updateProperties(element, { documentation: [doc] });
+  };
+
+  static getDocumentation(bo) {
+    if (bo.documentation && bo.documentation.length > 0) {
+      return bo.documentation[0].text;
+    }
+  }
+  static removeDocumentation(modeler, element, text) {
+    modeling.updateProperties(element, { documentation: null });
+  }
+}

package/src/components/flow/customTranslate/customTranslate.js

@@ -0,0 +1,19 @@
+import translations from './translations';
+
+export default function customTranslate(template, replacements) {
+  replacements = replacements || {};
+
+  // Translate
+  let result = translations[template];
+  if (result == null) {
+    console.log('没有翻译', template);
+    return template;
+  }
+
+  // 替换变量
+  result = result.replace(/{([^}]+)}/g, function (_, key) {
+    return replacements[key] || '{' + key + '}';
+  });
+
+  return result;
+}

package/src/components/flow/customTranslate/translations.js

@@ -0,0 +1,79 @@
+/**
+ * This is a sample file that should be replaced with the actual translation.
+ *
+ * Checkout https://github.com/bpmn-io/bpmn-js-i18n for a list of available
+ * translations and labels to translate.
+ */
+export default {
+  'Create Task': '创建任务',
+  'Exclusive Gateway': '互斥网关',
+  'Parallel Gateway': '并行网关',
+  'Inclusive Gateway': '包容网关',
+  'Complex Gateway': '复杂网关',
+  'Event based Gateway': '事件网关',
+  'Message Start Event': '消息启动事件',
+  'Timer Start Event': '定时启动事件',
+  'Conditional Start Event': '条件启动事件',
+  'Signal Start Event': '信号启动事件',
+  'Error Start Event': '错误启动事件',
+  'Escalation Start Event': '升级启动事件',
+  'Compensation Start Event': '补偿启动事件',
+  'Message Start Event (non-interrupting)': '消息启动事件 (非中断)',
+  'Timer Start Event (non-interrupting)': '定时启动事件 (非中断)',
+  'Conditional Start Event (non-interrupting)': '条件启动事件 (非中断)',
+  'Signal Start Event (non-interrupting)': '信号启动事件 (非中断)',
+  'Escalation Start Event (non-interrupting)': '升级启动事件 (非中断)',
+  'Default Flow': '默认分支',
+  'Sequence Flow': '普通分支',
+  'Conditional Flow': '条件分支',
+  Remove: '删除',
+  'Change type': '修改类型',
+  'Activate the hand tool': '激活手动工具',
+  'Activate the global connect tool': '激活全局连接工具',
+  'Append User Task': '追加审批任务',
+  'Append Gateway': '追加条件网管',
+  'End Event': '结束事件',
+  'Append {type}': '追加类型{type}',
+  'Append EndEvent': '追加结束事件',
+  'Append Task': '追加任务',
+  'Create Group': '创建分组',
+
+  'Activate the lasso tool': '激活连接工具',
+  'Activate the create/remove space tool': '激活创建/删除空间工具',
+  'Create StartEvent': '创建开始事件',
+  'Create Intermediate/Boundary Event': '创建边界事件',
+  'Create EndEvent': '创建结束事件',
+  'Create Gateway': '创建网关',
+  'Create DataObjectReference': '创建对象引用?',
+  'Create DataStoreReference': '创建对象存储引用',
+  'Create expanded SubProcess': '创建子流程',
+  'Create Pool/Participant': '创建泳道',
+
+  'Append Intermediate/Boundary Event': '追加泳道',
+  'Intermediate Throw Event': '中间抛出事件',
+  'Connect using Sequence/MessageFlow or Association': '连线',
+
+  'Receive Task': '接收任务',
+  'Send Task': '发送任务',
+  'User Task': '用户任务(审核，处理)',
+  'Manual Task': '手动任务',
+  'Business Rule Task': '业务规则任务',
+  'Service Task': '服务任务',
+  'Script Task': '脚本任务',
+  'Call Activity': '拨打任务',
+  'Sub Process (collapsed)': '子流程收缩',
+  'Sub Process (expanded)': '子流程展开',
+  'Parallel Multi Instance': '并行多实例',
+  'Sequential Multi Instance': '串行多实例',
+  Loop: '循环',
+
+  'Start Event': '开始事件',
+  'Message End Event': '消息结束事件',
+  'Escalation End Event': 'Escalation End Event',
+  'Error End Event': '异常结束事件',
+  'Compensation End Event': 'Compensation End Event',
+  'Signal End Event': '信号结束事件',
+  'Terminate End Event': '终止结束事件',
+
+  Task: '普通任务',
+};