SmartBench/cmvr-iot-common
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 优化组件导入方式，使用异步组件加载monaco.js

Browse Source
This commit is contained in:
zhanghao 2026-08-26 08:45:27 +08:00
parent 18249720f4
commit dbe6058000
5 changed files with 23 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/views/flow/components/ParamsDrawer.vue
View File

@ -27,23 +27,22 @@
</template> </template>
<script setup> <script setup>
import { ref, computed } from 'vue' import { computed, defineAsyncComponent, ref } from 'vue'
import { emitter } from '@/utils/eventBus' import { emitter } from '@/utils/eventBus'
// 导入各子组件 const StartParams = defineAsyncComponent(() => import('./params/StartParams.vue'))
import StartParams from './params/StartParams.vue' const BasicNodeParams = defineAsyncComponent(() => import('./params/BasicNodeParams.vue'))
import BasicNodeParams from './params/BasicNodeParams.vue' const CodeNodeParams = defineAsyncComponent(() => import('./params/CodeNodeParams.vue'))
import CodeNodeParams from './params/CodeNodeParams.vue' const HttpNodeParams = defineAsyncComponent(() => import('./params/HttpNodeParams.vue'))
import HttpNodeParams from './params/HttpNodeParams.vue' const SdAgentNodeParams = defineAsyncComponent(() => import('./params/SdAgentNodeParams.vue'))
import SdAgentNodeParams from './params/SdAgentNodeParams.vue' const RecognizeNodeParams = defineAsyncComponent(() => import('./params/RecognizeNodeParams.vue'))
import RecognizeNodeParams from './params/RecognizeNodeParams.vue' const DeviceUniversal = defineAsyncComponent(() => import('./params/DeviceUniversal.vue'))
import DeviceUniversal from './params/DeviceUniversal.vue' const SwitchNodeParams = defineAsyncComponent(() => import('./params/SwitchNodeParams.vue'))
import SwitchNodeParams from './params/SwitchNodeParams.vue' const ActionQueueParams = defineAsyncComponent(() => import('./params/ActionQueueParams.vue'))
import ActionQueueParams from './params/ActionQueueParams.vue' const MediaAnalysisParams = defineAsyncComponent(() => import('./params/MediaAnalysisParams.vue'))
import MediaAnalysisParams from './params/MediaAnalysisParams.vue' const ImageAnalysisParams = defineAsyncComponent(() => import('./params/ImageAnalysisParams.vue'))
import ImageAnalysisParams from './params/ImageAnalysisParams.vue' const EndParams = defineAsyncComponent(() => import('./params/EndParams.vue'))
import EndParams from './params/EndParams.vue' const SubFlowParams = defineAsyncComponent(() => import('./params/SubFlowParams.vue'))
import SubFlowParams from './params/SubFlowParams.vue'
const props = defineProps({ const props = defineProps({
drawer: Boolean, drawer: Boolean,

2
src/views/flow/components/params/CodeNodeParams.vue
View File

@ -197,7 +197,7 @@
import { ref, reactive, watch, nextTick, onBeforeUnmount, onMounted } from 'vue' import { ref, reactive, watch, nextTick, onBeforeUnmount, onMounted } from 'vue'
import { Plus, Minus } from '@element-plus/icons-vue' import { Plus, Minus } from '@element-plus/icons-vue'
import FormItemRecursive from '../FormItemRecursive.vue' import FormItemRecursive from '../FormItemRecursive.vue'
import * as monaco from 'monaco-editor'; import * as monaco from '../../monaco.js'
import { getInput } from '@/utils/flow' import { getInput } from '@/utils/flow'
import { useQuote } from './useQuote.js' import { useQuote } from './useQuote.js'

2
src/views/flow/components/params/DeviceUniversal.vue
View File

@ -202,7 +202,7 @@ import { ref, reactive, watch, nextTick, onBeforeUnmount, onMounted } from 'vue'
import { Plus, Minus } from '@element-plus/icons-vue' import { Plus, Minus } from '@element-plus/icons-vue'
import FormItemRecursive from '../FormItemRecursive.vue' import FormItemRecursive from '../FormItemRecursive.vue'
import RobotExecutionTarget from './RobotExecutionTarget.vue' import RobotExecutionTarget from './RobotExecutionTarget.vue'
import * as monaco from 'monaco-editor'; import * as monaco from '../../monaco.js'
import { getInput } from '@/utils/flow' import { getInput } from '@/utils/flow'
import { useQuote } from './useQuote.js' import { useQuote } from './useQuote.js'
import { ElMessage } from 'element-plus' import { ElMessage } from 'element-plus'

2
src/views/flow/components/params/HttpNodeParams.vue
View File

@ -338,7 +338,7 @@
import { ref, reactive, watch, nextTick, onMounted, onBeforeUnmount } from 'vue' import { ref, reactive, watch, nextTick, onMounted, onBeforeUnmount } from 'vue'
import { Plus, Minus } from '@element-plus/icons-vue' import { Plus, Minus } from '@element-plus/icons-vue'
import FormItemRecursive from '../FormItemRecursive.vue' import FormItemRecursive from '../FormItemRecursive.vue'
import * as monaco from 'monaco-editor'; import * as monaco from '../../monaco.js'
import { getInput, transformHttpNodeData } from '@/utils/flow' import { getInput, transformHttpNodeData } from '@/utils/flow'
import { useQuote } from './useQuote.js' import { useQuote } from './useQuote.js'

6
src/views/flow/monaco.js Normal file
View File

@ -0,0 +1,6 @@
import 'monaco-editor/esm/vs/editor/editor.all.js'
import 'monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution.js'
import 'monaco-editor/esm/vs/language/json/monaco.contribution.js'
import 'monaco-editor/esm/vs/language/typescript/monaco.contribution.js'
export * from 'monaco-editor/esm/vs/editor/editor.api.js'