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",
|
||||
"dependencies": {
|
||||
"@ant-design/icons": "^5.2.6",
|
||||
"@ant-design/pro-components": "^2.8.2",
|
||||
"@antv/layout": "^1.2.14-beta.8",
|
||||
"@antv/x6": "^2.18.1",
|
||||
"@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",
|
||||
"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": {
|
||||
"version": "1.1.2",
|
||||
"resolved": "https://registry.npmmirror.com/@ant-design/react-slick/-/react-slick-1.1.2.tgz",
|
||||
@ -584,6 +879,19 @@
|
||||
"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": {
|
||||
"version": "3.6.1",
|
||||
"resolved": "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz",
|
||||
@ -592,6 +900,73 @@
|
||||
"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": {
|
||||
"version": "11.13.5",
|
||||
"resolved": "https://registry.npmmirror.com/@emotion/babel-plugin/-/babel-plugin-11.13.5.tgz",
|
||||
@ -2191,6 +2566,21 @@
|
||||
"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": {
|
||||
"version": "1.2.0",
|
||||
"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",
|
||||
"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": {
|
||||
"version": "2.1.1",
|
||||
"resolved": "https://registry.npmmirror.com/clsx/-/clsx-2.1.1.tgz",
|
||||
@ -4624,6 +5020,12 @@
|
||||
"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": {
|
||||
"version": "1.4.0",
|
||||
"resolved": "https://registry.npmmirror.com/once/-/once-1.4.0.tgz",
|
||||
@ -4752,6 +5154,15 @@
|
||||
"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
|
||||
"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": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/path-type/-/path-type-4.0.0.tgz",
|
||||
@ -5725,6 +6136,15 @@
|
||||
"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": {
|
||||
"version": "2.15.0",
|
||||
"resolved": "https://registry.npmmirror.com/recharts/-/recharts-2.15.0.tgz",
|
||||
@ -5922,6 +6342,15 @@
|
||||
],
|
||||
"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": {
|
||||
"version": "2.1.2",
|
||||
"resolved": "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz",
|
||||
@ -6163,6 +6592,19 @@
|
||||
"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": {
|
||||
"version": "2.2.1",
|
||||
"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": {
|
||||
"version": "2.4.2",
|
||||
"resolved": "https://registry.npmmirror.com/watchpack/-/watchpack-2.4.2.tgz",
|
||||
|
||||
@ -11,6 +11,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@ant-design/icons": "^5.2.6",
|
||||
"@ant-design/pro-components": "^2.8.2",
|
||||
"@antv/layout": "^1.2.14-beta.8",
|
||||
"@antv/x6": "^2.18.1",
|
||||
"@antv/x6-plugin-clipboard": "^2.1.6",
|
||||
|
||||
@ -72,21 +72,51 @@ export const getCurrentUserMenus = async () => {
|
||||
updateBy: "system"
|
||||
},
|
||||
{
|
||||
id: -22,
|
||||
id: 1000,
|
||||
createTime: new Date().toISOString(),
|
||||
updateTime: new Date().toISOString(),
|
||||
version: 0,
|
||||
name: "流程实例",
|
||||
path: "/workflow/instance",
|
||||
component: "/pages/Workflow/Instance/index",
|
||||
icon: "apartment",
|
||||
type: MenuTypeEnum.MENU,
|
||||
component: "/Workflow/Instance/index",
|
||||
icon: "instance",
|
||||
type: MenuTypeEnum.DIRECTORY,
|
||||
parentId: -2,
|
||||
sort: 1,
|
||||
hidden: false,
|
||||
enabled: true,
|
||||
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,
|
||||
@ -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 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 WorkflowMonitor = lazy(() => import('../pages/Workflow/Monitor'));
|
||||
const LogStreamPage = lazy(() => import('../pages/LogStream'));
|
||||
const NodeDesign = lazy(() => import('../pages/Workflow/NodeDesign'));
|
||||
const NodeDesignForm = lazy(() => import('../pages/Workflow/NodeDesign/Design'));
|
||||
|
||||
// 创建路由
|
||||
const router = createBrowserRouter([
|
||||
@ -149,6 +151,35 @@ const router = createBrowserRouter([
|
||||
</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',
|
||||
element: (
|
||||
|
||||
Loading…
Reference in New Issue
Block a user