feat(riskCheck): 新增 Monaco 编辑器组件并优化风险检查数据提交功能

- 添加 Monaco 编辑器组件,用于代码编辑
- 更新 BaseForm 组件,调整样式和输入方式
- 新增 taDataSubmit.js 文件,实现外部数据映射和保存功能
- 在项目中集成 monaco-editor 和相关配置
This commit is contained in:
陈昱达
2025-07-28 14:07:01 +08:00
parent c838c966b8
commit 65ce1b44f1
6 changed files with 1265 additions and 889 deletions

View File

@@ -2,6 +2,7 @@
const path = require('path')
const defaultSettings = require('./src/assets/js/utils/settings.js')
const { DIFY_URL } = require('./src/config/base-url')
const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin')
function resolve(dir) {
return path.join(__dirname, dir)
@@ -81,6 +82,7 @@ module.exports = {
//在webpack的名称字段中提供应用程序的标题以便
//可以在index.html中对其进行访问以注入正确的标题。
name: name,
plugins: [new MonacoWebpackPlugin()],
module: {
rules: [
{
@@ -127,6 +129,30 @@ module.exports = {
return options
})
.end()
// 为 monaco-editor 添加特殊规则
config.module
.rule('monaco')
.test(/\.js$/)
.include.add(path.resolve(__dirname, 'node_modules/monaco-editor'))
.end()
.use('babel-loader')
.loader('babel-loader')
.options({
babelrc: false,
configFile: false,
presets: [
[
'@babel/preset-env',
{
targets: {
browsers: ['> 1%', 'last 2 versions']
}
}
]
]
})
// https://webpack.js.org/configuration/devtool/#development
config.when(process.env.NODE_ENV === 'development', config =>
config.devtool('cheap-source-map')