fix (接口自动化): 优化步骤部分延迟加载提高流畅度

frontend/src/business/components/api/automation/scenario/EditApiScenario.vue

@@ -337,6 +337,7 @@ import {
 import "@/common/css/material-icons.css"
 import OutsideClick from "@/common/js/outside-click";
 import {saveScenario} from "@/business/components/api/automation/api-automation";
+import MsComponentConfig from "./component/ComponentConfig";
 
 let jsonPath = require('jsonpath');
 export default {
@@ -351,6 +352,7 @@ export default {
     }
   },
   components: {
+    MsComponentConfig,
     MsVariableList: () => import("./variable/VariableList"),
     ScenarioRelevance: () => import("./api/ScenarioRelevance"),
     ScenarioApiRelevance: () => import("./api/ApiRelevance"),
@@ -360,7 +362,6 @@ export default {
     MsRun: () => import("./DebugRun"),
     MsApiCustomize: () => import("./ApiCustomize"),
     ApiImport: () => import("../../definition/components/import/ApiImport"),
-    MsComponentConfig: () => import("./component/ComponentConfig"),
     EnvPopover: () => import("@/business/components/api/automation/scenario/EnvPopover"),
     MaximizeScenario: () => import("./maximize/MaximizeScenario"),
     ScenarioHeader: () => import("./maximize/ScenarioHeader"),

frontend/src/business/components/api/automation/scenario/component/ComponentConfig.vue

@@ -10,24 +10,30 @@
 </template>
 
 <script>
+  import MsIfController from "./IfController";
+  import MsTransactionController from "./TransactionController";
   import {ELEMENT_TYPE} from "../Setting";
+  import MsApiComponent from "./ApiComponent";
+  import MsLoopController from "./LoopController";
+  import MsApiScenarioComponent from "./ApiScenarioComponent";
+  import JmeterElementComponent from "./JmeterElementComponent";
 
   export default {
     name: "ComponentConfig",
     components: {
+      MsIfController ,
+      MsTransactionController ,
+      MsApiComponent ,
+      MsLoopController ,
+      MsApiScenarioComponent ,
+      JmeterElementComponent,
       MsConstantTimer: () => import("./ConstantTimer"),
-      MsIfController: () => import("./IfController"),
-      MsTransactionController: () => import("./TransactionController"),
       MsJsr233Processor: () => import("./Jsr233Processor"),
       MsApiAssertions: () => import("../../../definition/components/assertion/ApiAssertions"),
       MsApiExtract: () => import("../../../definition/components/extract/ApiExtract"),
-      MsApiComponent: () => import("./ApiComponent"),
-      MsLoopController: () => import("./LoopController"),
-      MsApiScenarioComponent: () => import("./ApiScenarioComponent"),
       MsJdbcProcessor: () => import("@/business/components/api/automation/scenario/component/JDBCProcessor"),
-      JmeterElementComponent: () => import("./JmeterElementComponent")
     },
-    props: {
+     props: {
       type: String,
       message: String,
       scenario: {},