1
This commit is contained in:
dengqichen
parent
846019211e
commit
226e9211d2
451
frontend/package-lock.json
generated
451
frontend/package-lock.json
generated
@ -9,6 +9,7 @@
|
|||||||
"version": "0.0.1",
|
"version": "0.0.1",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@ant-design/icons": "^5.2.6",
|
"@ant-design/icons": "^5.2.6",
|
||||||
|
"@ant-design/pro-components": "^2.8.2",
|
||||||
"@antv/layout": "^1.2.14-beta.8",
|
"@antv/layout": "^1.2.14-beta.8",
|
||||||
"@antv/x6": "^2.18.1",
|
"@antv/x6": "^2.18.1",
|
||||||
"@antv/x6-plugin-clipboard": "^2.1.6",
|
"@antv/x6-plugin-clipboard": "^2.1.6",
|
||||||
@ -141,6 +142,300 @@
|
|||||||
"resolved": "https://registry.npmmirror.com/@ant-design/icons-svg/-/icons-svg-4.4.2.tgz",
|
"resolved": "https://registry.npmmirror.com/@ant-design/icons-svg/-/icons-svg-4.4.2.tgz",
|
||||||
"integrity": "sha512-vHbT+zJEVzllwP+CM+ul7reTEfBR0vgxFe7+lREAsAA7YGsYpboiq2sQNeQeRvh09GfQgs/GyFEvZpJ9cLXpXA=="
|
"integrity": "sha512-vHbT+zJEVzllwP+CM+ul7reTEfBR0vgxFe7+lREAsAA7YGsYpboiq2sQNeQeRvh09GfQgs/GyFEvZpJ9cLXpXA=="
|
||||||
},
|
},
|
||||||
|
"node_modules/@ant-design/pro-card": {
|
||||||
|
"version": "2.9.2",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@ant-design/pro-card/-/pro-card-2.9.2.tgz",
|
||||||
|
"integrity": "sha512-mKOmNb7jc3Pz41RrPY7EFKRWBjLdN4tp9yzmRkS2g8K7P3pW435f7Ip6rc+58FWDzbZa8lElTGPxAoFB/dq7LA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@ant-design/cssinjs": "^1.21.1",
|
||||||
|
"@ant-design/icons": "^5.0.0",
|
||||||
|
"@ant-design/pro-provider": "2.15.2",
|
||||||
|
"@ant-design/pro-utils": "2.16.2",
|
||||||
|
"@babel/runtime": "^7.18.0",
|
||||||
|
"classnames": "^2.3.2",
|
||||||
|
"omit.js": "^2.0.2",
|
||||||
|
"rc-resize-observer": "^1.0.0",
|
||||||
|
"rc-util": "^5.4.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"antd": "^4.24.15 || ^5.11.2",
|
||||||
|
"react": ">=17.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@ant-design/pro-components": {
|
||||||
|
"version": "2.8.2",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@ant-design/pro-components/-/pro-components-2.8.2.tgz",
|
||||||
|
"integrity": "sha512-gSzt/Pw1ayZeHhxh5yaeP7pGpk0V2ZsB4PZab0s6V88O15Ql3w5ciYTObxbxGXMPc+A72AwVThoYLv2ZIl3cMA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@ant-design/pro-card": "2.9.2",
|
||||||
|
"@ant-design/pro-descriptions": "2.6.2",
|
||||||
|
"@ant-design/pro-field": "2.17.2",
|
||||||
|
"@ant-design/pro-form": "2.31.2",
|
||||||
|
"@ant-design/pro-layout": "7.21.2",
|
||||||
|
"@ant-design/pro-list": "2.6.2",
|
||||||
|
"@ant-design/pro-provider": "2.15.2",
|
||||||
|
"@ant-design/pro-skeleton": "2.2.1",
|
||||||
|
"@ant-design/pro-table": "3.18.2",
|
||||||
|
"@ant-design/pro-utils": "2.16.2",
|
||||||
|
"@babel/runtime": "^7.16.3"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"antd": "^4.24.15 || ^5.11.2",
|
||||||
|
"react": ">=17.0.0",
|
||||||
|
"react-dom": ">=17.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@ant-design/pro-descriptions": {
|
||||||
|
"version": "2.6.2",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@ant-design/pro-descriptions/-/pro-descriptions-2.6.2.tgz",
|
||||||
|
"integrity": "sha512-IrXf4qNMyaypEhO54oZDOFNJ9jrQgg2ovARY7hHRZCChC+I2xVGFCFWXrmtyS82kusxHb6OlLw20ahm+TLZ71w==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@ant-design/pro-field": "2.17.2",
|
||||||
|
"@ant-design/pro-form": "2.31.2",
|
||||||
|
"@ant-design/pro-provider": "2.15.2",
|
||||||
|
"@ant-design/pro-skeleton": "2.2.1",
|
||||||
|
"@ant-design/pro-utils": "2.16.2",
|
||||||
|
"@babel/runtime": "^7.18.0",
|
||||||
|
"rc-resize-observer": "^0.2.3",
|
||||||
|
"rc-util": "^5.0.6"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"antd": "^4.24.15 || ^5.11.2",
|
||||||
|
"react": ">=17.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@ant-design/pro-descriptions/node_modules/rc-resize-observer": {
|
||||||
|
"version": "0.2.6",
|
||||||
|
"resolved": "https://registry.npmmirror.com/rc-resize-observer/-/rc-resize-observer-0.2.6.tgz",
|
||||||
|
"integrity": "sha512-YX6nYnd6fk7zbuvT6oSDMKiZjyngjHoy+fz+vL3Tez38d/G5iGdaDJa2yE7345G6sc4Mm1IGRUIwclvltddhmA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.10.1",
|
||||||
|
"classnames": "^2.2.1",
|
||||||
|
"rc-util": "^5.0.0",
|
||||||
|
"resize-observer-polyfill": "^1.5.1"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">=16.9.0",
|
||||||
|
"react-dom": ">=16.9.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@ant-design/pro-field": {
|
||||||
|
"version": "2.17.2",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@ant-design/pro-field/-/pro-field-2.17.2.tgz",
|
||||||
|
"integrity": "sha512-cebfWGaE6MYwfchXpU9xA6jPETZOvk3i9+1IvebjSEKKVXecXuA+muZorpwYzORmkgGBmSPyR0KW+6Ttgtmg9Q==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@ant-design/icons": "^5.0.0",
|
||||||
|
"@ant-design/pro-provider": "2.15.2",
|
||||||
|
"@ant-design/pro-utils": "2.16.2",
|
||||||
|
"@babel/runtime": "^7.18.0",
|
||||||
|
"@chenshuai2144/sketch-color": "^1.0.8",
|
||||||
|
"classnames": "^2.3.2",
|
||||||
|
"dayjs": "^1.11.10",
|
||||||
|
"lodash": "^4.17.21",
|
||||||
|
"lodash-es": "^4.17.21",
|
||||||
|
"omit.js": "^2.0.2",
|
||||||
|
"rc-util": "^5.4.0",
|
||||||
|
"swr": "^2.0.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"antd": "^4.24.15 || ^5.11.2",
|
||||||
|
"react": ">=17.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@ant-design/pro-form": {
|
||||||
|
"version": "2.31.2",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@ant-design/pro-form/-/pro-form-2.31.2.tgz",
|
||||||
|
"integrity": "sha512-fzchlk+vGi8rCpmC62/SrikuwC2ZpyKnvNVAyihPCNe9oyyv+LD2TZAD0fbshfifP/1aHOOtS4fb7ptYq+LarQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@ant-design/icons": "^5.0.0",
|
||||||
|
"@ant-design/pro-field": "2.17.2",
|
||||||
|
"@ant-design/pro-provider": "2.15.2",
|
||||||
|
"@ant-design/pro-utils": "2.16.2",
|
||||||
|
"@babel/runtime": "^7.18.0",
|
||||||
|
"@chenshuai2144/sketch-color": "^1.0.7",
|
||||||
|
"@umijs/use-params": "^1.0.9",
|
||||||
|
"classnames": "^2.3.2",
|
||||||
|
"dayjs": "^1.11.10",
|
||||||
|
"lodash": "^4.17.21",
|
||||||
|
"lodash-es": "^4.17.21",
|
||||||
|
"omit.js": "^2.0.2",
|
||||||
|
"rc-resize-observer": "^1.1.0",
|
||||||
|
"rc-util": "^5.0.6"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"antd": "^4.24.15 || ^5.11.2",
|
||||||
|
"rc-field-form": ">=1.22.0",
|
||||||
|
"react": ">=17.0.0",
|
||||||
|
"react-dom": ">=17.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@ant-design/pro-layout": {
|
||||||
|
"version": "7.21.2",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@ant-design/pro-layout/-/pro-layout-7.21.2.tgz",
|
||||||
|
"integrity": "sha512-dtqap5YNDrxUWxhi43QJQSv1JLHYPCV4/h4cFM10HNiX/86Cxw37DiCOMdIM/ZwWk619BiwN7CJNgL5Q8obrAQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@ant-design/cssinjs": "^1.21.1",
|
||||||
|
"@ant-design/icons": "^5.0.0",
|
||||||
|
"@ant-design/pro-provider": "2.15.2",
|
||||||
|
"@ant-design/pro-utils": "2.16.2",
|
||||||
|
"@babel/runtime": "^7.18.0",
|
||||||
|
"@umijs/route-utils": "^4.0.0",
|
||||||
|
"@umijs/use-params": "^1.0.9",
|
||||||
|
"classnames": "^2.3.2",
|
||||||
|
"lodash": "^4.17.21",
|
||||||
|
"lodash-es": "^4.17.21",
|
||||||
|
"omit.js": "^2.0.2",
|
||||||
|
"path-to-regexp": "8.0.0",
|
||||||
|
"rc-resize-observer": "^1.1.0",
|
||||||
|
"rc-util": "^5.0.6",
|
||||||
|
"swr": "^2.0.0",
|
||||||
|
"warning": "^4.0.3"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"antd": "^4.24.15 || ^5.11.2",
|
||||||
|
"react": ">=17.0.0",
|
||||||
|
"react-dom": ">=17.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@ant-design/pro-list": {
|
||||||
|
"version": "2.6.2",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@ant-design/pro-list/-/pro-list-2.6.2.tgz",
|
||||||
|
"integrity": "sha512-BEM/WFe8vj4TCdsxa1JDQwl87Xb7oj+3bxA8yLDjRWWwX+D9UuxdYyB2lZsFfSEnphau/mccDE3K/Lbtim6yJg==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@ant-design/cssinjs": "^1.21.1",
|
||||||
|
"@ant-design/icons": "^5.0.0",
|
||||||
|
"@ant-design/pro-card": "2.9.2",
|
||||||
|
"@ant-design/pro-field": "2.17.2",
|
||||||
|
"@ant-design/pro-table": "3.18.2",
|
||||||
|
"@ant-design/pro-utils": "2.16.2",
|
||||||
|
"@babel/runtime": "^7.18.0",
|
||||||
|
"classnames": "^2.3.2",
|
||||||
|
"dayjs": "^1.11.10",
|
||||||
|
"rc-resize-observer": "^1.0.0",
|
||||||
|
"rc-util": "^4.19.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"antd": "^4.24.15 || ^5.11.2",
|
||||||
|
"react": ">=17.0.0",
|
||||||
|
"react-dom": ">=17.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@ant-design/pro-list/node_modules/rc-util": {
|
||||||
|
"version": "4.21.1",
|
||||||
|
"resolved": "https://registry.npmmirror.com/rc-util/-/rc-util-4.21.1.tgz",
|
||||||
|
"integrity": "sha512-Z+vlkSQVc1l8O2UjR3WQ+XdWlhj5q9BMQNLk2iOBch75CqPfrJyGtcWMcnhRlNuDu0Ndtt4kLVO8JI8BrABobg==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"add-dom-event-listener": "^1.1.0",
|
||||||
|
"prop-types": "^15.5.10",
|
||||||
|
"react-is": "^16.12.0",
|
||||||
|
"react-lifecycles-compat": "^3.0.4",
|
||||||
|
"shallowequal": "^1.1.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@ant-design/pro-list/node_modules/react-is": {
|
||||||
|
"version": "16.13.1",
|
||||||
|
"resolved": "https://registry.npmmirror.com/react-is/-/react-is-16.13.1.tgz",
|
||||||
|
"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/@ant-design/pro-provider": {
|
||||||
|
"version": "2.15.2",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@ant-design/pro-provider/-/pro-provider-2.15.2.tgz",
|
||||||
|
"integrity": "sha512-7WSJcjYIuLwco1YiiSgEEJnrqvg7x/YZap8pxOChRnyNh9S3HuV1D5HTc18kfHTpWqZWTAUcS66b0kMP96uKrw==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@ant-design/cssinjs": "^1.21.1",
|
||||||
|
"@babel/runtime": "^7.18.0",
|
||||||
|
"@ctrl/tinycolor": "^3.4.0",
|
||||||
|
"dayjs": "^1.11.10",
|
||||||
|
"rc-util": "^5.0.1",
|
||||||
|
"swr": "^2.0.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"antd": "^4.24.15 || ^5.11.2",
|
||||||
|
"react": ">=17.0.0",
|
||||||
|
"react-dom": ">=17.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@ant-design/pro-skeleton": {
|
||||||
|
"version": "2.2.1",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@ant-design/pro-skeleton/-/pro-skeleton-2.2.1.tgz",
|
||||||
|
"integrity": "sha512-3M2jNOZQZWEDR8pheY00OkHREfb0rquvFZLCa6DypGmiksiuuYuR9Y4iA82ZF+mva2FmpHekdwbje/GpbxqBeg==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.18.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"antd": "^4.24.15 || ^5.11.2",
|
||||||
|
"react": ">=17.0.0",
|
||||||
|
"react-dom": ">=17.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@ant-design/pro-table": {
|
||||||
|
"version": "3.18.2",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@ant-design/pro-table/-/pro-table-3.18.2.tgz",
|
||||||
|
"integrity": "sha512-IIhWXvpBfdy1hqh0qYQOou6tDawrisFYwFhYdiMwuCnvy7UvaHi/JS4yikMe+KG0XVdh6xxfrF1Ad39SR8CrxQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@ant-design/cssinjs": "^1.21.1",
|
||||||
|
"@ant-design/icons": "^5.0.0",
|
||||||
|
"@ant-design/pro-card": "2.9.2",
|
||||||
|
"@ant-design/pro-field": "2.17.2",
|
||||||
|
"@ant-design/pro-form": "2.31.2",
|
||||||
|
"@ant-design/pro-provider": "2.15.2",
|
||||||
|
"@ant-design/pro-utils": "2.16.2",
|
||||||
|
"@babel/runtime": "^7.18.0",
|
||||||
|
"@dnd-kit/core": "^6.0.8",
|
||||||
|
"@dnd-kit/modifiers": "^6.0.1",
|
||||||
|
"@dnd-kit/sortable": "^7.0.2",
|
||||||
|
"@dnd-kit/utilities": "^3.2.1",
|
||||||
|
"classnames": "^2.3.2",
|
||||||
|
"dayjs": "^1.11.10",
|
||||||
|
"lodash": "^4.17.21",
|
||||||
|
"lodash-es": "^4.17.21",
|
||||||
|
"omit.js": "^2.0.2",
|
||||||
|
"rc-resize-observer": "^1.0.0",
|
||||||
|
"rc-util": "^5.0.1"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"antd": "^4.24.15 || ^5.11.2",
|
||||||
|
"rc-field-form": ">=1.22.0",
|
||||||
|
"react": ">=17.0.0",
|
||||||
|
"react-dom": ">=17.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@ant-design/pro-utils": {
|
||||||
|
"version": "2.16.2",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@ant-design/pro-utils/-/pro-utils-2.16.2.tgz",
|
||||||
|
"integrity": "sha512-ama73ZSzz9O6Qz6DvHd6cnyUA3vI7N+AAl5BV5plijujtnXpNC8KJMXl9jOI1K7QuUVJgJIKbZ2DVm8LnBcTAQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@ant-design/icons": "^5.0.0",
|
||||||
|
"@ant-design/pro-provider": "2.15.2",
|
||||||
|
"@babel/runtime": "^7.18.0",
|
||||||
|
"classnames": "^2.3.2",
|
||||||
|
"dayjs": "^1.11.10",
|
||||||
|
"lodash": "^4.17.21",
|
||||||
|
"lodash-es": "^4.17.21",
|
||||||
|
"rc-util": "^5.0.6",
|
||||||
|
"safe-stable-stringify": "^2.4.3",
|
||||||
|
"swr": "^2.0.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"antd": "^4.24.15 || ^5.11.2",
|
||||||
|
"react": ">=17.0.0",
|
||||||
|
"react-dom": ">=17.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@ant-design/react-slick": {
|
"node_modules/@ant-design/react-slick": {
|
||||||
"version": "1.1.2",
|
"version": "1.1.2",
|
||||||
"resolved": "https://registry.npmmirror.com/@ant-design/react-slick/-/react-slick-1.1.2.tgz",
|
"resolved": "https://registry.npmmirror.com/@ant-design/react-slick/-/react-slick-1.1.2.tgz",
|
||||||
@ -584,6 +879,19 @@
|
|||||||
"node": ">=6.9.0"
|
"node": ">=6.9.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@chenshuai2144/sketch-color": {
|
||||||
|
"version": "1.0.9",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@chenshuai2144/sketch-color/-/sketch-color-1.0.9.tgz",
|
||||||
|
"integrity": "sha512-obzSy26cb7Pm7OprWyVpgMpIlrZpZ0B7vbrU0RMbvRg0YAI890S5Xy02Aj1Nhl4+KTbi1lVYHt6HQP8Hm9s+1w==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"reactcss": "^1.2.3",
|
||||||
|
"tinycolor2": "^1.4.2"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">=16.12.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@ctrl/tinycolor": {
|
"node_modules/@ctrl/tinycolor": {
|
||||||
"version": "3.6.1",
|
"version": "3.6.1",
|
||||||
"resolved": "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz",
|
"resolved": "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz",
|
||||||
@ -592,6 +900,73 @@
|
|||||||
"node": ">=10"
|
"node": ">=10"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@dnd-kit/accessibility": {
|
||||||
|
"version": "3.1.1",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@dnd-kit/accessibility/-/accessibility-3.1.1.tgz",
|
||||||
|
"integrity": "sha512-2P+YgaXF+gRsIihwwY1gCsQSYnu9Zyj2py8kY5fFvUM1qm2WA2u639R6YNVfU4GWr+ZM5mqEsfHZZLoRONbemw==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"tslib": "^2.0.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">=16.8.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@dnd-kit/core": {
|
||||||
|
"version": "6.3.1",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@dnd-kit/core/-/core-6.3.1.tgz",
|
||||||
|
"integrity": "sha512-xkGBRQQab4RLwgXxoqETICr6S5JlogafbhNsidmrkVv2YRs5MLwpjoF2qpiGjQt8S9AoxtIV603s0GIUpY5eYQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@dnd-kit/accessibility": "^3.1.1",
|
||||||
|
"@dnd-kit/utilities": "^3.2.2",
|
||||||
|
"tslib": "^2.0.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">=16.8.0",
|
||||||
|
"react-dom": ">=16.8.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@dnd-kit/modifiers": {
|
||||||
|
"version": "6.0.1",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@dnd-kit/modifiers/-/modifiers-6.0.1.tgz",
|
||||||
|
"integrity": "sha512-rbxcsg3HhzlcMHVHWDuh9LCjpOVAgqbV78wLGI8tziXY3+qcMQ61qVXIvNKQFuhj75dSfD+o+PYZQ/NUk2A23A==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@dnd-kit/utilities": "^3.2.1",
|
||||||
|
"tslib": "^2.0.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"@dnd-kit/core": "^6.0.6",
|
||||||
|
"react": ">=16.8.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@dnd-kit/sortable": {
|
||||||
|
"version": "7.0.2",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@dnd-kit/sortable/-/sortable-7.0.2.tgz",
|
||||||
|
"integrity": "sha512-wDkBHHf9iCi1veM834Gbk1429bd4lHX4RpAwT0y2cHLf246GAvU2sVw/oxWNpPKQNQRQaeGXhAVgrOl1IT+iyA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@dnd-kit/utilities": "^3.2.0",
|
||||||
|
"tslib": "^2.0.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"@dnd-kit/core": "^6.0.7",
|
||||||
|
"react": ">=16.8.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@dnd-kit/utilities": {
|
||||||
|
"version": "3.2.2",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@dnd-kit/utilities/-/utilities-3.2.2.tgz",
|
||||||
|
"integrity": "sha512-+MKAJEOfaBe5SmV6t34p80MMKhjvUz0vRrvVJbPT0WElzaOJ/1xs+D+KDv+tD/NE5ujfrChEcshd4fLn0wpiqg==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"tslib": "^2.0.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">=16.8.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@emotion/babel-plugin": {
|
"node_modules/@emotion/babel-plugin": {
|
||||||
"version": "11.13.5",
|
"version": "11.13.5",
|
||||||
"resolved": "https://registry.npmmirror.com/@emotion/babel-plugin/-/babel-plugin-11.13.5.tgz",
|
"resolved": "https://registry.npmmirror.com/@emotion/babel-plugin/-/babel-plugin-11.13.5.tgz",
|
||||||
@ -2191,6 +2566,21 @@
|
|||||||
"url": "https://opencollective.com/typescript-eslint"
|
"url": "https://opencollective.com/typescript-eslint"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@umijs/route-utils": {
|
||||||
|
"version": "4.0.1",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@umijs/route-utils/-/route-utils-4.0.1.tgz",
|
||||||
|
"integrity": "sha512-+1ixf1BTOLuH+ORb4x8vYMPeIt38n9q0fJDwhv9nSxrV46mxbLF0nmELIo9CKQB2gHfuC4+hww6xejJ6VYnBHQ==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/@umijs/use-params": {
|
||||||
|
"version": "1.0.9",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@umijs/use-params/-/use-params-1.0.9.tgz",
|
||||||
|
"integrity": "sha512-QlN0RJSBVQBwLRNxbxjQ5qzqYIGn+K7USppMoIOVlf7fxXHsnQZ2bEsa6Pm74bt6DVQxpUE8HqvdStn6Y9FV1w==",
|
||||||
|
"license": "MIT",
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": "*"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@ungap/structured-clone": {
|
"node_modules/@ungap/structured-clone": {
|
||||||
"version": "1.2.0",
|
"version": "1.2.0",
|
||||||
"resolved": "https://registry.npmmirror.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
|
"resolved": "https://registry.npmmirror.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
|
||||||
@ -2737,6 +3127,12 @@
|
|||||||
"resolved": "https://registry.npmmirror.com/classnames/-/classnames-2.5.1.tgz",
|
"resolved": "https://registry.npmmirror.com/classnames/-/classnames-2.5.1.tgz",
|
||||||
"integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow=="
|
"integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow=="
|
||||||
},
|
},
|
||||||
|
"node_modules/client-only": {
|
||||||
|
"version": "0.0.1",
|
||||||
|
"resolved": "https://registry.npmmirror.com/client-only/-/client-only-0.0.1.tgz",
|
||||||
|
"integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/clsx": {
|
"node_modules/clsx": {
|
||||||
"version": "2.1.1",
|
"version": "2.1.1",
|
||||||
"resolved": "https://registry.npmmirror.com/clsx/-/clsx-2.1.1.tgz",
|
"resolved": "https://registry.npmmirror.com/clsx/-/clsx-2.1.1.tgz",
|
||||||
@ -4624,6 +5020,12 @@
|
|||||||
"node": ">=0.10.0"
|
"node": ">=0.10.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/omit.js": {
|
||||||
|
"version": "2.0.2",
|
||||||
|
"resolved": "https://registry.npmmirror.com/omit.js/-/omit.js-2.0.2.tgz",
|
||||||
|
"integrity": "sha512-hJmu9D+bNB40YpL9jYebQl4lsTW6yEHRTroJzNLqQJYHm7c+NQnJGfZmIWh8S3q3KoaxV1aLhV6B3+0N0/kyJg==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/once": {
|
"node_modules/once": {
|
||||||
"version": "1.4.0",
|
"version": "1.4.0",
|
||||||
"resolved": "https://registry.npmmirror.com/once/-/once-1.4.0.tgz",
|
"resolved": "https://registry.npmmirror.com/once/-/once-1.4.0.tgz",
|
||||||
@ -4752,6 +5154,15 @@
|
|||||||
"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
|
"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
|
"node_modules/path-to-regexp": {
|
||||||
|
"version": "8.0.0",
|
||||||
|
"resolved": "https://registry.npmmirror.com/path-to-regexp/-/path-to-regexp-8.0.0.tgz",
|
||||||
|
"integrity": "sha512-GAWaqWlTjYK/7SVpIUA6CTxmcg65SP30sbjdCvyYReosRkk7Z/LyHWwkK3Vu0FcIi0FNTADUs4eh1AsU5s10cg==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=16"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/path-type": {
|
"node_modules/path-type": {
|
||||||
"version": "4.0.0",
|
"version": "4.0.0",
|
||||||
"resolved": "https://registry.npmmirror.com/path-type/-/path-type-4.0.0.tgz",
|
"resolved": "https://registry.npmmirror.com/path-type/-/path-type-4.0.0.tgz",
|
||||||
@ -5725,6 +6136,15 @@
|
|||||||
"react-dom": ">=16.6.0"
|
"react-dom": ">=16.6.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/reactcss": {
|
||||||
|
"version": "1.2.3",
|
||||||
|
"resolved": "https://registry.npmmirror.com/reactcss/-/reactcss-1.2.3.tgz",
|
||||||
|
"integrity": "sha512-KiwVUcFu1RErkI97ywr8nvx8dNOpT03rbnma0SSalTYjkrPYaEajR4a/MRt6DZ46K6arDRbWMNHF+xH7G7n/8A==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"lodash": "^4.0.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/recharts": {
|
"node_modules/recharts": {
|
||||||
"version": "2.15.0",
|
"version": "2.15.0",
|
||||||
"resolved": "https://registry.npmmirror.com/recharts/-/recharts-2.15.0.tgz",
|
"resolved": "https://registry.npmmirror.com/recharts/-/recharts-2.15.0.tgz",
|
||||||
@ -5922,6 +6342,15 @@
|
|||||||
],
|
],
|
||||||
"peer": true
|
"peer": true
|
||||||
},
|
},
|
||||||
|
"node_modules/safe-stable-stringify": {
|
||||||
|
"version": "2.5.0",
|
||||||
|
"resolved": "https://registry.npmmirror.com/safe-stable-stringify/-/safe-stable-stringify-2.5.0.tgz",
|
||||||
|
"integrity": "sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=10"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/safer-buffer": {
|
"node_modules/safer-buffer": {
|
||||||
"version": "2.1.2",
|
"version": "2.1.2",
|
||||||
"resolved": "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz",
|
"resolved": "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz",
|
||||||
@ -6163,6 +6592,19 @@
|
|||||||
"url": "https://github.com/sponsors/ljharb"
|
"url": "https://github.com/sponsors/ljharb"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/swr": {
|
||||||
|
"version": "2.2.5",
|
||||||
|
"resolved": "https://registry.npmmirror.com/swr/-/swr-2.2.5.tgz",
|
||||||
|
"integrity": "sha512-QtxqyclFeAsxEUeZIYmsaQ0UjimSq1RZ9Un7I68/0ClKK/U3LoyQunwkQfJZr2fc22DfIXLNDc2wFyTEikCUpg==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"client-only": "^0.0.1",
|
||||||
|
"use-sync-external-store": "^1.2.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": "^16.11.0 || ^17.0.0 || ^18.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/tapable": {
|
"node_modules/tapable": {
|
||||||
"version": "2.2.1",
|
"version": "2.2.1",
|
||||||
"resolved": "https://registry.npmmirror.com/tapable/-/tapable-2.2.1.tgz",
|
"resolved": "https://registry.npmmirror.com/tapable/-/tapable-2.2.1.tgz",
|
||||||
@ -6496,6 +6938,15 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/warning": {
|
||||||
|
"version": "4.0.3",
|
||||||
|
"resolved": "https://registry.npmmirror.com/warning/-/warning-4.0.3.tgz",
|
||||||
|
"integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"loose-envify": "^1.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/watchpack": {
|
"node_modules/watchpack": {
|
||||||
"version": "2.4.2",
|
"version": "2.4.2",
|
||||||
"resolved": "https://registry.npmmirror.com/watchpack/-/watchpack-2.4.2.tgz",
|
"resolved": "https://registry.npmmirror.com/watchpack/-/watchpack-2.4.2.tgz",
|
||||||
|
|||||||
@ -11,6 +11,7 @@
|
|||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@ant-design/icons": "^5.2.6",
|
"@ant-design/icons": "^5.2.6",
|
||||||
|
"@ant-design/pro-components": "^2.8.2",
|
||||||
"@antv/layout": "^1.2.14-beta.8",
|
"@antv/layout": "^1.2.14-beta.8",
|
||||||
"@antv/x6": "^2.18.1",
|
"@antv/x6": "^2.18.1",
|
||||||
"@antv/x6-plugin-clipboard": "^2.1.6",
|
"@antv/x6-plugin-clipboard": "^2.1.6",
|
||||||
|
|||||||
@ -72,21 +72,51 @@ export const getCurrentUserMenus = async () => {
|
|||||||
updateBy: "system"
|
updateBy: "system"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: -22,
|
id: 1000,
|
||||||
createTime: new Date().toISOString(),
|
createTime: new Date().toISOString(),
|
||||||
updateTime: new Date().toISOString(),
|
updateTime: new Date().toISOString(),
|
||||||
version: 0,
|
version: 0,
|
||||||
name: "流程实例",
|
name: "流程实例",
|
||||||
path: "/workflow/instance",
|
path: "/workflow/instance",
|
||||||
component: "/pages/Workflow/Instance/index",
|
component: "/Workflow/Instance/index",
|
||||||
icon: "apartment",
|
icon: "instance",
|
||||||
type: MenuTypeEnum.MENU,
|
type: MenuTypeEnum.DIRECTORY,
|
||||||
parentId: -2,
|
parentId: -2,
|
||||||
sort: 1,
|
sort: 1,
|
||||||
hidden: false,
|
hidden: false,
|
||||||
enabled: true,
|
enabled: true,
|
||||||
createBy: "system",
|
createBy: "system",
|
||||||
updateBy: "system"
|
updateBy: "system",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
id: 1001,
|
||||||
|
createTime: new Date().toISOString(),
|
||||||
|
updateTime: new Date().toISOString(),
|
||||||
|
version: 0,
|
||||||
|
name: "工作流实例",
|
||||||
|
path: "/workflow/instance",
|
||||||
|
component: "/Workflow/Instance/index",
|
||||||
|
icon: "instance",
|
||||||
|
type: MenuTypeEnum.MENU,
|
||||||
|
parentId: 1000,
|
||||||
|
sort: 1,
|
||||||
|
hidden: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1002,
|
||||||
|
createTime: new Date().toISOString(),
|
||||||
|
updateTime: new Date().toISOString(),
|
||||||
|
version: 0,
|
||||||
|
name: "节点设计",
|
||||||
|
path: "/workflow/node-design",
|
||||||
|
component: "/Workflow/NodeDesign/index",
|
||||||
|
icon: "node-design",
|
||||||
|
type: MenuTypeEnum.MENU,
|
||||||
|
parentId: 1000,
|
||||||
|
sort: 2,
|
||||||
|
hidden: false
|
||||||
|
}
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: -23,
|
id: -23,
|
||||||
@ -125,25 +155,6 @@ export const getCurrentUserMenus = async () => {
|
|||||||
]
|
]
|
||||||
};
|
};
|
||||||
|
|
||||||
// 添加X6测试菜单
|
|
||||||
// const x6Test: MenuResponse = {
|
|
||||||
// id: -1,
|
|
||||||
// createTime: new Date().toISOString(),
|
|
||||||
// updateTime: new Date().toISOString(),
|
|
||||||
// version: 0,
|
|
||||||
// name: "X6测试",
|
|
||||||
// path: "/x6-test",
|
|
||||||
// component: "/X6Test/index",
|
|
||||||
// icon: "experiment",
|
|
||||||
// type: MenuTypeEnum.MENU,
|
|
||||||
// parentId: 0,
|
|
||||||
// sort: 1,
|
|
||||||
// hidden: false,
|
|
||||||
// enabled: true,
|
|
||||||
// createBy: "system",
|
|
||||||
// updateBy: "system"
|
|
||||||
// };
|
|
||||||
|
|
||||||
// 处理组件路径格式
|
// 处理组件路径格式
|
||||||
const processMenu = (menu: MenuResponse): MenuResponse => {
|
const processMenu = (menu: MenuResponse): MenuResponse => {
|
||||||
const processed = { ...menu };
|
const processed = { ...menu };
|
||||||
|
|||||||
155
frontend/src/pages/Workflow/NodeDesign/Design.tsx
Normal file
155
frontend/src/pages/Workflow/NodeDesign/Design.tsx
Normal file
@ -0,0 +1,155 @@
|
|||||||
|
import React, { useEffect, useState } from 'react';
|
||||||
|
import { PageContainer } from '@ant-design/pro-components';
|
||||||
|
import { Card, Tabs, Form, message, Row, Col, Menu } from 'antd';
|
||||||
|
import { useParams, useNavigate } from 'react-router-dom';
|
||||||
|
import FormRender, { useForm } from 'form-render';
|
||||||
|
import type { NodeDefinitionData } from './types';
|
||||||
|
import * as service from './service';
|
||||||
|
|
||||||
|
const { TabPane } = Tabs;
|
||||||
|
|
||||||
|
const NodeDesignForm: React.FC = () => {
|
||||||
|
const navigate = useNavigate();
|
||||||
|
const { nodeCode } = useParams<{ nodeCode: string }>();
|
||||||
|
const [loading, setLoading] = useState(false);
|
||||||
|
const [nodeDefinitions, setNodeDefinitions] = useState<NodeDefinitionData[]>([]);
|
||||||
|
const [selectedNode, setSelectedNode] = useState<NodeDefinitionData>();
|
||||||
|
|
||||||
|
const form = useForm();
|
||||||
|
|
||||||
|
// 加载节点定义数据
|
||||||
|
useEffect(() => {
|
||||||
|
const loadNodeDefinitions = async () => {
|
||||||
|
try {
|
||||||
|
setLoading(true);
|
||||||
|
const data = await service.getNodeDefinitions();
|
||||||
|
setNodeDefinitions(data);
|
||||||
|
|
||||||
|
// 如果是编辑模式，找到对应的节点定义
|
||||||
|
if (nodeCode) {
|
||||||
|
const node = data.find(n => n.nodeCode === nodeCode);
|
||||||
|
if (node) {
|
||||||
|
setSelectedNode(node);
|
||||||
|
} else {
|
||||||
|
message.error('未找到对应的节点定义');
|
||||||
|
navigate('/workflow/node-design');
|
||||||
|
}
|
||||||
|
} else if (data.length > 0) {
|
||||||
|
// 如果是新增模式，默认选中第一个节点
|
||||||
|
setSelectedNode(data[0]);
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
message.error('加载节点定义失败');
|
||||||
|
} finally {
|
||||||
|
setLoading(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
loadNodeDefinitions();
|
||||||
|
}, [nodeCode, navigate]);
|
||||||
|
|
||||||
|
// 处理表单提交
|
||||||
|
const handleSubmit = async (values: any) => {
|
||||||
|
try {
|
||||||
|
setLoading(true);
|
||||||
|
if (nodeCode) {
|
||||||
|
await service.updateNodeUIConfig(nodeCode, values);
|
||||||
|
message.success('更新成功');
|
||||||
|
} else {
|
||||||
|
// TODO: 实现创建节点的接口
|
||||||
|
message.success('创建成功');
|
||||||
|
}
|
||||||
|
navigate('/workflow/node-design');
|
||||||
|
} catch (error) {
|
||||||
|
message.error('操作失败');
|
||||||
|
} finally {
|
||||||
|
setLoading(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 处理节点选择
|
||||||
|
const handleNodeSelect = (nodeCode: string) => {
|
||||||
|
const node = nodeDefinitions.find(n => n.nodeCode === nodeCode);
|
||||||
|
if (node) {
|
||||||
|
setSelectedNode(node);
|
||||||
|
form.setValues({}); // 清空表单
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<PageContainer
|
||||||
|
loading={loading}
|
||||||
|
header={{
|
||||||
|
title: `${nodeCode ? '编辑' : '新增'}节点设计`,
|
||||||
|
breadcrumb: {
|
||||||
|
items: [
|
||||||
|
{ title: '工作流' },
|
||||||
|
{ title: '节点设计', path: '/workflow/node-design' },
|
||||||
|
{ title: nodeCode ? '编辑' : '新增' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Card>
|
||||||
|
<Row gutter={24}>
|
||||||
|
<Col span={6}>
|
||||||
|
<Card title="节点类型" bordered={false}>
|
||||||
|
<Menu
|
||||||
|
mode="vertical"
|
||||||
|
selectedKeys={[selectedNode?.nodeCode || '']}
|
||||||
|
onClick={({ key }) => handleNodeSelect(key)}
|
||||||
|
items={nodeDefinitions.map(node => ({
|
||||||
|
key: node.nodeCode,
|
||||||
|
label: node.nodeName,
|
||||||
|
}))}
|
||||||
|
style={{ border: 'none' }}
|
||||||
|
/>
|
||||||
|
</Card>
|
||||||
|
</Col>
|
||||||
|
<Col span={18}>
|
||||||
|
{selectedNode && (
|
||||||
|
<Tabs defaultActiveKey="panel">
|
||||||
|
<TabPane tab="面板变量" key="panel">
|
||||||
|
{selectedNode.panelVariablesSchema && (
|
||||||
|
<FormRender
|
||||||
|
form={form}
|
||||||
|
schema={selectedNode.panelVariablesSchema}
|
||||||
|
disabled
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</TabPane>
|
||||||
|
<TabPane tab="本地变量" key="local">
|
||||||
|
{selectedNode.localVariablesSchema && (
|
||||||
|
<FormRender
|
||||||
|
form={form}
|
||||||
|
schema={selectedNode.localVariablesSchema}
|
||||||
|
disabled
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</TabPane>
|
||||||
|
<TabPane tab="表单变量" key="form">
|
||||||
|
{selectedNode.formVariablesSchema && (
|
||||||
|
<FormRender
|
||||||
|
form={form}
|
||||||
|
schema={selectedNode.formVariablesSchema}
|
||||||
|
disabled
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</TabPane>
|
||||||
|
<TabPane tab="UI配置" key="ui">
|
||||||
|
<FormRender
|
||||||
|
form={form}
|
||||||
|
schema={selectedNode.uiVariables}
|
||||||
|
onFinish={handleSubmit}
|
||||||
|
/>
|
||||||
|
</TabPane>
|
||||||
|
</Tabs>
|
||||||
|
)}
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
</Card>
|
||||||
|
</PageContainer>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default NodeDesignForm;
|
||||||
151
frontend/src/pages/Workflow/NodeDesign/index.tsx
Normal file
151
frontend/src/pages/Workflow/NodeDesign/index.tsx
Normal file
@ -0,0 +1,151 @@
|
|||||||
|
import React, { useState } from 'react';
|
||||||
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
|
import type { ProColumns } from '@ant-design/pro-components';
|
||||||
|
import { Tag, Space, Button, Modal } from 'antd';
|
||||||
|
import { PlusOutlined } from '@ant-design/icons';
|
||||||
|
import { useNavigate } from 'react-router-dom';
|
||||||
|
import { NodeTypeEnum, type NodeDesignData } from './types';
|
||||||
|
import * as service from './service';
|
||||||
|
|
||||||
|
// 节点类型标签颜色映射
|
||||||
|
const nodeTypeColors = {
|
||||||
|
[NodeTypeEnum.START_EVENT]: 'green',
|
||||||
|
[NodeTypeEnum.END_EVENT]: 'red',
|
||||||
|
[NodeTypeEnum.SCRIPT_TASK]: 'blue',
|
||||||
|
};
|
||||||
|
|
||||||
|
const NodeDesignList: React.FC = () => {
|
||||||
|
const navigate = useNavigate();
|
||||||
|
const [detailVisible, setDetailVisible] = useState(false);
|
||||||
|
const [currentNode, setCurrentNode] = useState<NodeDesignData>();
|
||||||
|
|
||||||
|
// 表格列定义
|
||||||
|
const columns: ProColumns<NodeDesignData>[] = [
|
||||||
|
{
|
||||||
|
title: '节点编码',
|
||||||
|
dataIndex: 'nodeCode',
|
||||||
|
width: 180,
|
||||||
|
copyable: true,
|
||||||
|
ellipsis: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '节点名称',
|
||||||
|
dataIndex: 'nodeName',
|
||||||
|
width: 150,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '节点类型',
|
||||||
|
dataIndex: 'nodeCode',
|
||||||
|
width: 120,
|
||||||
|
render: (_, record) => (
|
||||||
|
<Tag color={nodeTypeColors[record.nodeCode as NodeTypeEnum]}>
|
||||||
|
{record.nodeCode}
|
||||||
|
</Tag>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '面板变量',
|
||||||
|
dataIndex: 'panelVariablesSchema',
|
||||||
|
width: 100,
|
||||||
|
render: (val) => (val ? <Tag color="success">已配置</Tag> : <Tag>未配置</Tag>),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '本地变量',
|
||||||
|
dataIndex: 'localVariablesSchema',
|
||||||
|
width: 100,
|
||||||
|
render: (val) => (val ? <Tag color="success">已配置</Tag> : <Tag>未配置</Tag>),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '表单变量',
|
||||||
|
dataIndex: 'formVariablesSchema',
|
||||||
|
width: 100,
|
||||||
|
render: (val) => (val ? <Tag color="success">已配置</Tag> : <Tag>未配置</Tag>),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '操作',
|
||||||
|
width: 180,
|
||||||
|
valueType: 'option',
|
||||||
|
fixed: 'right',
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
setCurrentNode(record);
|
||||||
|
setDetailVisible(true);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
查看详情
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => navigate(`/workflow/node-design/edit/${record.nodeCode}`)}
|
||||||
|
>
|
||||||
|
编辑
|
||||||
|
</Button>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<ProTable<NodeDesignData>
|
||||||
|
columns={columns}
|
||||||
|
request={async (params) => {
|
||||||
|
const { current, pageSize, ...rest } = params;
|
||||||
|
const response = await service.getNodeDesigns({
|
||||||
|
current,
|
||||||
|
pageSize,
|
||||||
|
...rest,
|
||||||
|
});
|
||||||
|
return {
|
||||||
|
data: response.list,
|
||||||
|
success: true,
|
||||||
|
total: response.total,
|
||||||
|
};
|
||||||
|
}}
|
||||||
|
rowKey="nodeCode"
|
||||||
|
search={{
|
||||||
|
labelWidth: 'auto',
|
||||||
|
}}
|
||||||
|
pagination={{
|
||||||
|
pageSize: 10,
|
||||||
|
}}
|
||||||
|
dateFormatter="string"
|
||||||
|
headerTitle="节点设计列表"
|
||||||
|
toolBarRender={() => [
|
||||||
|
<Button
|
||||||
|
key="create"
|
||||||
|
type="primary"
|
||||||
|
icon={<PlusOutlined />}
|
||||||
|
onClick={() => navigate('/workflow/node-design/create')}
|
||||||
|
>
|
||||||
|
新增节点
|
||||||
|
</Button>,
|
||||||
|
<Button
|
||||||
|
key="export"
|
||||||
|
onClick={() => {
|
||||||
|
// TODO: 实现导出功能
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
导出配置
|
||||||
|
</Button>,
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Modal
|
||||||
|
title="节点详情"
|
||||||
|
open={detailVisible}
|
||||||
|
onCancel={() => setDetailVisible(false)}
|
||||||
|
width={800}
|
||||||
|
footer={null}
|
||||||
|
>
|
||||||
|
{/* TODO: 实现详情展示组件 */}
|
||||||
|
<div>节点详情内容</div>
|
||||||
|
</Modal>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default NodeDesignList;
|
||||||
22
frontend/src/pages/Workflow/NodeDesign/service.ts
Normal file
22
frontend/src/pages/Workflow/NodeDesign/service.ts
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
// 节点设计相关服务
|
||||||
|
|
||||||
|
import request from '@/utils/request';
|
||||||
|
import type { NodeDesignQuery, NodeDesignResponse, NodeDesignData, NodeDefinitionData } from './types';
|
||||||
|
|
||||||
|
const BASE_URL = '/api/v1/workflow';
|
||||||
|
|
||||||
|
// 获取节点设计列表
|
||||||
|
export const getNodeDesigns = (params: NodeDesignQuery) =>
|
||||||
|
request.get<NodeDesignResponse>(`${BASE_URL}/node-design/list`, { params });
|
||||||
|
|
||||||
|
// 获取节点设计详情
|
||||||
|
export const getNodeDesign = (nodeCode: string) =>
|
||||||
|
request.get<NodeDesignData>(`${BASE_URL}/node-design/${nodeCode}`);
|
||||||
|
|
||||||
|
// 更新节点UI配置
|
||||||
|
export const updateNodeUIConfig = (nodeCode: string, uiVariables: any) =>
|
||||||
|
request.put(`${BASE_URL}/node-design/${nodeCode}/ui`, uiVariables);
|
||||||
|
|
||||||
|
// 获取已定义的节点类型配置
|
||||||
|
export const getNodeDefinitions = () =>
|
||||||
|
request.get<NodeDefinitionData[]>(`${BASE_URL}/node-definition/defined`);
|
||||||
110
frontend/src/pages/Workflow/NodeDesign/types.ts
Normal file
110
frontend/src/pages/Workflow/NodeDesign/types.ts
Normal file
@ -0,0 +1,110 @@
|
|||||||
|
// 节点设计相关类型定义
|
||||||
|
|
||||||
|
// 基础Schema接口
|
||||||
|
export interface BaseSchema {
|
||||||
|
type: string;
|
||||||
|
properties: Record<string, any>;
|
||||||
|
required?: string[];
|
||||||
|
}
|
||||||
|
|
||||||
|
// 节点变量Schema
|
||||||
|
export interface NodeVariablesSchema extends BaseSchema {
|
||||||
|
title?: string;
|
||||||
|
description?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
// UI配置中的大小接口
|
||||||
|
export interface NodeSize {
|
||||||
|
width: number;
|
||||||
|
height: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 端口样式配置
|
||||||
|
export interface PortStyle {
|
||||||
|
r: number;
|
||||||
|
fill: string;
|
||||||
|
stroke: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 端口属性配置
|
||||||
|
export interface PortAttributes {
|
||||||
|
circle: PortStyle;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 端口位置类型
|
||||||
|
export type PortPosition = 'left' | 'right' | 'top' | 'bottom';
|
||||||
|
|
||||||
|
// 端口配置
|
||||||
|
export interface PortConfig {
|
||||||
|
attrs: PortAttributes;
|
||||||
|
position: PortPosition;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 端口组配置
|
||||||
|
export interface PortGroups {
|
||||||
|
in: PortConfig;
|
||||||
|
out: PortConfig;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 节点形状类型
|
||||||
|
export type NodeShape = 'rect' | 'circle' | 'diamond';
|
||||||
|
|
||||||
|
// 节点样式配置
|
||||||
|
export interface NodeStyle {
|
||||||
|
fill: string;
|
||||||
|
icon: string;
|
||||||
|
stroke: string;
|
||||||
|
iconColor: string;
|
||||||
|
strokeWidth: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
// UI变量配置
|
||||||
|
export interface UIVariables extends BaseSchema {
|
||||||
|
size: NodeSize;
|
||||||
|
ports: {
|
||||||
|
groups: PortGroups;
|
||||||
|
};
|
||||||
|
shape: NodeShape;
|
||||||
|
style: NodeStyle;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 节点定义数据接口
|
||||||
|
export interface NodeDefinitionData {
|
||||||
|
nodeCode: string;
|
||||||
|
nodeName: string;
|
||||||
|
panelVariablesSchema: NodeVariablesSchema | null;
|
||||||
|
localVariablesSchema: NodeVariablesSchema | null;
|
||||||
|
formVariablesSchema: NodeVariablesSchema | null;
|
||||||
|
uiVariables: UIVariables;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 节点设计数据
|
||||||
|
export interface NodeDesignData {
|
||||||
|
nodeCode: string;
|
||||||
|
nodeName: string;
|
||||||
|
panelVariablesSchema: NodeVariablesSchema | null;
|
||||||
|
localVariablesSchema: NodeVariablesSchema | null;
|
||||||
|
formVariablesSchema: NodeVariablesSchema | null;
|
||||||
|
uiVariables: UIVariables;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 节点类型枚举
|
||||||
|
export enum NodeTypeEnum {
|
||||||
|
START_EVENT = 'START_EVENT',
|
||||||
|
END_EVENT = 'END_EVENT',
|
||||||
|
SCRIPT_TASK = 'SCRIPT_TASK',
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询参数接口
|
||||||
|
export interface NodeDesignQuery {
|
||||||
|
nodeCode?: string;
|
||||||
|
nodeName?: string;
|
||||||
|
pageSize?: number;
|
||||||
|
current?: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分页响应接口
|
||||||
|
export interface NodeDesignResponse {
|
||||||
|
total: number;
|
||||||
|
list: NodeDesignData[];
|
||||||
|
}
|
||||||
@ -37,6 +37,8 @@ const WorkflowDesign = lazy(() => import('../pages/Workflow/Definition/Design'))
|
|||||||
const WorkflowInstance = lazy(() => import('../pages/Workflow/Instance'));
|
const WorkflowInstance = lazy(() => import('../pages/Workflow/Instance'));
|
||||||
const WorkflowMonitor = lazy(() => import('../pages/Workflow/Monitor'));
|
const WorkflowMonitor = lazy(() => import('../pages/Workflow/Monitor'));
|
||||||
const LogStreamPage = lazy(() => import('../pages/LogStream'));
|
const LogStreamPage = lazy(() => import('../pages/LogStream'));
|
||||||
|
const NodeDesign = lazy(() => import('../pages/Workflow/NodeDesign'));
|
||||||
|
const NodeDesignForm = lazy(() => import('../pages/Workflow/NodeDesign/Design'));
|
||||||
|
|
||||||
// 创建路由
|
// 创建路由
|
||||||
const router = createBrowserRouter([
|
const router = createBrowserRouter([
|
||||||
@ -149,6 +151,35 @@ const router = createBrowserRouter([
|
|||||||
</Suspense>
|
</Suspense>
|
||||||
)
|
)
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: 'node-design',
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
index: true,
|
||||||
|
element: (
|
||||||
|
<Suspense fallback={<LoadingComponent/>}>
|
||||||
|
<NodeDesign/>
|
||||||
|
</Suspense>
|
||||||
|
)
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'create',
|
||||||
|
element: (
|
||||||
|
<Suspense fallback={<LoadingComponent/>}>
|
||||||
|
<NodeDesignForm/>
|
||||||
|
</Suspense>
|
||||||
|
)
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'edit/:nodeCode',
|
||||||
|
element: (
|
||||||
|
<Suspense fallback={<LoadingComponent/>}>
|
||||||
|
<NodeDesignForm/>
|
||||||
|
</Suspense>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: 'monitor',
|
path: 'monitor',
|
||||||
element: (
|
element: (
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user