refactor(typescript): typescript升级&报错修复

frontend/.eslintrc.js

@@ -132,4 +132,8 @@ module.exports = {
       },
     },
   ],
+  globals: {
+    // 在这里添加全局变量
+    NodeJS: 'readonly',
+  },
 };

frontend/package.json

@@ -48,7 +48,7 @@
     "@tiptap/suggestion": "^2.1.13",
     "@tiptap/vue-3": "^2.1.13",
     "@types/color": "^3.0.4",
-    "@types/node": "^20.11.16",
+    "@types/node": "^20.11.19",
     "@vueuse/core": "^10.9.0",
     "@xmldom/xmldom": "^0.8.10",
     "ace-builds": "^1.24.2",
@@ -93,6 +93,9 @@
     "@types/lodash": "^4.14.198",
     "@types/lodash-es": "^4.17.9",
     "@types/nprogress": "^0.2.0",
+    "@types/pretty": "^2.0.3",
+    "@types/react": "^18.2.79",
+    "@types/react-dom": "^18.2.25",
     "@types/sortablejs": "^1.15.2",
     "@typescript-eslint/eslint-plugin": "^7.1.1",
     "@typescript-eslint/parser": "^7.1.1",
@@ -144,7 +147,7 @@
     "stylelint-less": "^1.0.8",
     "stylelint-order": "^5.0.0",
     "tailwindcss": "^3.3.3",
-    "typescript": "^5.4.2",
+    "typescript": "^5.4.5",
     "unplugin-auto-import": "^0.16.7",
     "unplugin-vue-components": "^0.24.1",
     "vite": "^3.2.7",

frontend/src/api/modules/user/index.ts

@@ -36,6 +36,7 @@ import type {
   LocalConfig,
   LoginData,
   LoginRes,
+  OrgOptionItem,
   PersonalInfo,
   UpdateAPIKEYParams,
   UpdateBaseInfo,
@@ -177,5 +178,5 @@ export function getPlatformAccount() {
 
 // 个人信息-获取第三方平台-组织下拉选项
 export function getPlatformOrgOption() {
-  return MSR.get({ url: GetPlatformOrgOptionUrl });
+  return MSR.get<OrgOptionItem[]>({ url: GetPlatformOrgOptionUrl });
 }

frontend/src/components/business/ms-assertion/comp/ResponseBodyTab.vue

@@ -399,6 +399,7 @@
 
   const { t } = useI18n();
 
+  // TODO: Param
   interface Param {
     [key: string]: any;
   }
@@ -713,7 +714,7 @@
   function applyMoreSetting(record: ExpressionConfig) {
     switch (condition.value.assertionBodyType) {
       case ResponseBodyAssertionType.JSON_PATH:
-        condition.value.jsonPathAssertion.assertions = condition.value.jsonPathAssertion.assertions?.map((e) => {
+        condition.value.jsonPathAssertion.assertions = condition.value.jsonPathAssertion.assertions?.map((e: Param) => {
           if (e.id === activeRecord.value.id) {
             record.moreSettingPopoverVisible = false;
             return {
@@ -725,7 +726,7 @@
         });
         break;
       case ResponseBodyAssertionType.XPATH:
-        condition.value.xpathAssertion.assertions = condition.value.xpathAssertion.assertions?.map((e) => {
+        condition.value.xpathAssertion.assertions = condition.value.xpathAssertion.assertions?.map((e: Param) => {
           if (e.id === activeRecord.value.id) {
             record.moreSettingPopoverVisible = false;
             return {
@@ -737,7 +738,7 @@
         });
         break;
       case ResponseBodyAssertionType.REGEX:
-        condition.value.regexAssertion.assertions = condition.value.regexAssertion.assertions?.map((e) => {
+        condition.value.regexAssertion.assertions = condition.value.regexAssertion.assertions?.map((e: Param) => {
           if (e.id === activeRecord.value.id) {
             record.moreSettingPopoverVisible = false;
             return {
@@ -761,7 +762,7 @@
     config: RegexExtract | JSONPathExtract | XPathExtract,
     matchResult: Record<string, any>
   ) {
-    condition.value.jsonPathAssertion.assertions = condition.value.jsonPathAssertion.assertions?.map((e) => {
+    condition.value.jsonPathAssertion.assertions = condition.value.jsonPathAssertion.assertions?.map((e: Param) => {
       if (e.id === activeRecord.value.id) {
         return {
           ...e,
@@ -771,7 +772,7 @@
       }
       return e;
     });
-    condition.value.xpathAssertion.assertions = condition.value.xpathAssertion.assertions?.map((e) => {
+    condition.value.xpathAssertion.assertions = condition.value.xpathAssertion.assertions?.map((e: Param) => {
       if (e.id === activeRecord.value.id) {
         return {
           ...e,
@@ -780,7 +781,7 @@
       }
       return e;
     });
-    condition.value.regexAssertion.assertions = condition.value.regexAssertion.assertions?.map((e) => {
+    condition.value.regexAssertion.assertions = condition.value.regexAssertion.assertions?.map((e: Param) => {
       if (e.id === activeRecord.value.id) {
         return {
           ...e,
@@ -794,17 +795,17 @@
     nextTick(() => {
       if (condition.value.assertionBodyType === ResponseBodyAssertionType.JSON_PATH) {
         extractParamsTableRef.value?.addTableLine(
-          condition.value.jsonPathAssertion.assertions?.findIndex((e) => e.id === activeRecord.value.id) || 0
+          condition.value.jsonPathAssertion.assertions?.findIndex((e: Param) => e.id === activeRecord.value.id) || 0
         );
       }
       if (condition.value.assertionBodyType === ResponseBodyAssertionType.XPATH) {
         extractParamsTableRef.value?.addTableLine(
-          condition.value.xpathAssertion.assertions?.findIndex((e) => e.id === activeRecord.value.id) || 0
+          condition.value.xpathAssertion.assertions?.findIndex((e: Param) => e.id === activeRecord.value.id) || 0
         );
       }
       if (condition.value.assertionBodyType === ResponseBodyAssertionType.REGEX) {
         extractParamsTableRef.value?.addTableLine(
-          condition.value.xpathAssertion.regexAssertion?.findIndex((e) => e.id === activeRecord.value.id) || 0
+          condition.value.xpathAssertion.regexAssertion?.findIndex((e: Param) => e.id === activeRecord.value.id) || 0
         );
       }
     });
@@ -814,7 +815,9 @@
   function copyItem(record: Record<string, any>) {
     switch (condition.value.assertionBodyType) {
       case ResponseBodyAssertionType.JSON_PATH:
-        const jsonIndex = condition.value.jsonPathAssertion.assertions.findIndex((item) => item.id === record.id);
+        const jsonIndex = condition.value.jsonPathAssertion.assertions.findIndex(
+          (item: Param) => item.id === record.id
+        );
         if (jsonIndex > -1) {
           condition.value.jsonPathAssertion.assertions.splice(jsonIndex, 0, {
             ...record,
@@ -826,7 +829,7 @@
         }
         break;
       case ResponseBodyAssertionType.XPATH:
-        const xpathIndex = condition.value.xpathAssertion.assertions.findIndex((item) => item.id === record.id);
+        const xpathIndex = condition.value.xpathAssertion.assertions.findIndex((item: Param) => item.id === record.id);
         if (xpathIndex > -1) {
           condition.value.xpathAssertion.assertions.splice(xpathIndex, 0, {
             ...record,
@@ -846,7 +849,7 @@
         });
         break;
       case ResponseBodyAssertionType.REGEX:
-        const regIndex = condition.value.regexAssertion.assertions.findIndex((item) => item.id === record.id);
+        const regIndex = condition.value.regexAssertion.assertions.findIndex((item: Param) => item.id === record.id);
         if (regIndex > -1) {
           condition.value.regexAssertion.assertions.splice(regIndex, 0, {
             ...record,

frontend/src/components/business/ms-common-script/ms-script-menu.vue

@@ -95,7 +95,7 @@
     emit('formApiImport');
   }
 
-  function _handleCommand(command) {
+  function _handleCommand(command: string) {
     switch (command) {
       // 自定义代码片段
       case 'custom_function':

frontend/src/components/business/ms-common-script/utils.ts

@@ -66,10 +66,10 @@ export const SCRIPT_MENU: CommonScriptMenu[] = [
 ];
 
 // 处理groovyCode 请求头
-function getGroovyHeaders(requestHeaders) {
+function getGroovyHeaders(requestHeaders: Record<string, any>) {
   let headers = '[';
   let index = 1;
-  requestHeaders.forEach(([k, v]) => {
+  requestHeaders.forEach(([k, v]: any[]) => {
     if (index !== 1) {
       headers += ',';
     }
@@ -80,11 +80,11 @@ function getGroovyHeaders(requestHeaders) {
   return headers;
 }
 // 解析请求url
-function getRequestPath(requestArgs, requestPath) {
+function getRequestPath(requestArgs: Record<string, any>, requestPath: string) {
   if (requestArgs.size > 0) {
     requestPath += '?';
     let index = 1;
-    requestArgs.forEach(([k, v]) => {
+    requestArgs.forEach(([k, v]: any[]) => {
       if (index !== 1) {
         requestPath += '&';
       }
@@ -95,7 +95,7 @@ function getRequestPath(requestArgs, requestPath) {
   return requestPath;
 }
 // 处理mockPath
-function getMockPath(domain, port, socket) {
+function getMockPath(domain: string, port: string, socket: string) {
   if (domain === socket || !port) {
     return '';
   }
@@ -105,11 +105,11 @@ function getMockPath(domain, port, socket) {
 }
 
 // 处理请求参数
-function replaceRestParams(path, restMap) {
+function replaceRestParams(path: string, restMap: Record<string, any>) {
   if (!path) {
     return path;
   }
-  let arr = path.match(/{([\w]+)}/g);
+  let arr: any[] | null = path.match(/{([\w]+)}/g);
   if (Array.isArray(arr) && arr.length > 0) {
     arr = Array.from(new Set(arr));
     arr.forEach((str) => {
@@ -128,7 +128,7 @@ function replaceRestParams(path, restMap) {
 }
 
 // 返回最终groovyCode 代码模板片段
-function _groovyCodeTemplate(obj) {
+function _groovyCodeTemplate(obj: Record<string, any>) {
   const { requestUrl, requestMethod, headers, body } = obj;
   const params = `[
                 'url': '${requestUrl}',
@@ -164,7 +164,7 @@ log.info(conn.content.text)
 }
 
 // 处理groovyCode语言
-function groovyCode(requestObj) {
+function groovyCode(requestObj: Record<string, any>) {
   const {
     requestHeaders = new Map(),
     requestBody = '',
@@ -183,7 +183,7 @@ function groovyCode(requestObj) {
   let requestUrl = '';
   if (requestMethod.toLowerCase() === 'get' && requestBodyKvs) {
     // 如果是get方法要将kv值加入argument中
-    requestBodyKvs.forEach(([k, v]) => {
+    requestBodyKvs.forEach(([k, v]: any[]) => {
       requestArguments.set(k, v);
     });
   }
@@ -197,7 +197,7 @@ function groovyCode(requestObj) {
   if (requestMethod === 'POST' && bodyType === 'kvs') {
     body = '"';
 
-    requestBodyKvs.forEach(([k, v]) => {
+    requestBodyKvs.forEach(([k, v]: any[]) => {
       if (body !== '"') {
         body += '&';
       }
@@ -215,10 +215,10 @@ function groovyCode(requestObj) {
 }
 
 // 获取请求头
-function getHeaders(requestHeaders) {
+function getHeaders(requestHeaders: Record<string, any>) {
   let headers = '{';
   let index = 1;
-  requestHeaders.forEach(([k, v]) => {
+  requestHeaders.forEach(([k, v]: any[]) => {
     if (index !== 1) {
       headers += ',';
     }
@@ -230,13 +230,13 @@ function getHeaders(requestHeaders) {
   return headers;
 }
 // 获取pythonCode 模板
-function _pythonCodeTemplate(obj) {
+function _pythonCodeTemplate(obj: Record<string, any>) {
   const { requestBody, requestBodyKvs, bodyType, requestPath, requestMethod, connType, domain, port } = obj;
   let { headers } = obj;
   let reqBody = obj.requestBody;
   if (requestMethod.toLowerCase() === 'post' && obj.bodyType === 'kvs' && obj.requestBodyKvs) {
     reqBody = 'urllib.urlencode({';
-    requestBodyKvs.forEach(([k, v]) => {
+    requestBodyKvs.forEach(([k, v]: any[]) => {
       reqBody += `'${k}':'${v}'`;
     });
     reqBody += `})`;
@@ -266,7 +266,7 @@ log.info(data)
 }
 
 // 处理pythonCode语言
-function pythonCode(requestObj) {
+function pythonCode(requestObj: Record<string, any>) {
   const {
     requestHeaders = new Map(),
     requestMethod = '',
@@ -287,7 +287,7 @@ function pythonCode(requestObj) {
   const headers = getHeaders(requestHeaders);
   requestBody = requestBody ? JSON.stringify(requestBody) : '{}';
   if (requestMethod.toLowerCase() === 'get' && requestBodyKvs) {
-    requestBodyKvs.forEach(([k, v]) => {
+    requestBodyKvs.forEach(([k, v]: any[]) => {
       requestArguments.set(k, v);
     });
   }
@@ -299,7 +299,7 @@ function pythonCode(requestObj) {
 }
 
 // 获取javaBeanshell代码模板
-function _beanshellTemplate(obj) {
+function _beanshellTemplate(obj: Record<string, any>) {
   const {
     requestHeaders = new Map(),
     requestBodyKvs = new Map(),
@@ -322,14 +322,14 @@ function _beanshellTemplate(obj) {
                 .setPath("${requestPath}")
                 `;
   // http 请求类型
-  const method = requestMethod.toLowerCase().replace(/^\S/, (s) => s.toUpperCase());
+  const method = requestMethod.toLowerCase().replace(/^\S/, (s: string) => s.toUpperCase());
   const httpMethodCode = `Http${method} request = new Http${method}(uri);`;
   // 设置参数
-  requestArguments.forEach(([k, v]) => {
+  requestArguments.forEach(([k, v]: any[]) => {
     uri += `.setParameter("${k}", "${v}")`;
   });
   if (method === 'Get' && requestBodyKvs) {
-    requestBodyKvs.forEach(([k, v]) => {
+    requestBodyKvs.forEach(([k, v]: any[]) => {
       uri += `.setParameter("${k}", "${v}")`;
     });
   }
@@ -337,7 +337,7 @@ function _beanshellTemplate(obj) {
   let postKvsParam = '';
   if (method === 'Post') {
     // 设置post参数
-    requestBodyKvs.forEach(([k, v]) => {
+    requestBodyKvs.forEach(([k, v]: any[]) => {
       postKvsParam += `nameValueList.add(new BasicNameValuePair("${k}", "${v}"));\r\n`;
     });
     if (postKvsParam !== '') {
@@ -356,7 +356,7 @@ function _beanshellTemplate(obj) {
   }
   // 设置请求头
   let setHeader = '';
-  requestHeaders.forEach(([k, v]) => {
+  requestHeaders.forEach(([k, v]: any[]) => {
     setHeader = `${setHeader}request.setHeader("${k}", "${v}");\n`;
   });
   try {
@@ -414,12 +414,12 @@ if (response.getStatusLine().getStatusCode() == 200) {
 }
 
 // 处理java语言
-function javaCode(requestObj) {
+function javaCode(requestObj: Record<string, any>) {
   return _beanshellTemplate(requestObj);
 }
 
 // 获取js语言代码模板
-function _jsTemplate(obj) {
+function _jsTemplate(obj: Record<string, any>) {
   const {
     requestHeaders = new Map(),
     requestMethod = 'GET',
@@ -444,7 +444,7 @@ function _jsTemplate(obj) {
   }
   if (requestMethod.toLowerCase() === 'get' && requestBodyKvs) {
     // 如果是get方法要将kv值加入argument中
-    requestBodyKvs.forEach(([k, v]) => {
+    requestBodyKvs.forEach(([k, v]: any[]) => {
       requestArguments.set(k, v);
     });
   }
@@ -459,13 +459,13 @@ function _jsTemplate(obj) {
   if (bodyType && bodyType.toUpperCase() === 'RAW') {
     requestHeaders.set('Content-type', 'text/plain');
   }
-  requestHeaders.forEach(([k, v]) => {
+  requestHeaders.forEach(([k, v]: any[]) => {
     connStr += `conn.setRequestProperty("${k}","${v}");\n`;
   });
 
   if (requestMethod === 'POST' && bodyType === 'kvs') {
     requestBody = '"';
-    requestBodyKvs.forEach(([k, v]) => {
+    requestBodyKvs.forEach(([k, v]: any[]) => {
       if (requestBody !== '"') {
         requestBody += '&';
       }
@@ -508,7 +508,7 @@ log.info(res);
 }
 
 // 处理js语言
-function jsCode(requestObj) {
+function jsCode(requestObj: Record<string, any>) {
   return _jsTemplate(requestObj);
 }
 
@@ -532,5 +532,3 @@ export function getCodeTemplate(language: Language | RequestConditionScriptLangu
       return '';
   }
 }
-
-export default {};

frontend/src/components/business/ms-menu/index.vue

@@ -259,7 +259,7 @@
       });
 
       // 组织切换的 trigger
-      const orgTrigger = (e, visible: Ref, slot: (item) => VNode) => (
+      const orgTrigger = (e: Record<string, any>, visible: Ref, slot: (item: Record<string, any>) => VNode) => (
         <a-trigger
           v-model:popup-visible={visible.value}
           trigger="click"
@@ -385,16 +385,16 @@
         return (
           <MsPersonInfoDrawer
             visible={personalDrawerVisible.value}
-            onUpdate:visible={(e) => {
+            onUpdate:visible={(e: boolean) => {
               personalDrawerVisible.value = e;
             }}
           />
         );
       };
 
-      let mouseEnterTimer;
+      let mouseEnterTimer: NodeJS.Timeout;
       // 渲染菜单项
-      const renderMenuItem = (element: RouteRecordRaw | null, icon) =>
+      const renderMenuItem = (element: RouteRecordRaw | null, icon: (() => any) | null) =>
         element?.name === SettingRouteEnum.SETTING_ORGANIZATION ? (
           <a-menu-item key={element?.name} v-slots={{ icon }} onClick={() => goto(element)}>
             <div class="inline-flex w-[calc(100%-34px)] items-center justify-between !bg-transparent">

frontend/src/components/business/ms-message/MessageCenterDrawer.vue

@@ -341,7 +341,8 @@
     return count;
   }
 
-  const resourceTypeRouteMap = {
+  // TODO: MessageResourceType
+  const resourceTypeRouteMap: Record<string, string> = {
     [MessageResourceType.BUG_TASK]: BugManagementRouteEnum.BUG_MANAGEMENT_DETAIL,
     [MessageResourceType.BUG_SYNC_TASK]: BugManagementRouteEnum.BUG_MANAGEMENT_DETAIL,
     [MessageResourceType.FUNCTIONAL_CASE_TASK]: CaseManagementRouteEnum.CASE_MANAGEMENT_CASE_DETAIL,

frontend/src/components/business/ms-personal-drawer/components/tripartite.vue

@@ -23,12 +23,12 @@
           </a-tooltip>
           <MsTag
             theme="light"
-            :type="tagMap[config.status].type"
+            :type="tagMap[config.status as Status].type"
-            :self-style="tagMap[config.status].style"
+            :self-style="tagMap[config.status as Status].style"
             size="small"
             class="px-[4px]"
           >
-            {{ tagMap[config.status].text }}
+            {{ tagMap[config.status as Status].text }}
           </MsTag>
         </div>
         <MsFormCreate
@@ -47,7 +47,7 @@
 </template>
 
 <script setup lang="ts">
-  import { Message } from '@arco-design/web-vue';
+  import { Message, SelectOptionData } from '@arco-design/web-vue';
 
   import MsFormCreate from '@/components/pure/ms-form-create/ms-form-create.vue';
   import MsTag, { TagType } from '@/components/pure/ms-tag/ms-tag.vue';
@@ -117,7 +117,7 @@
     },
   });
   const currentOrg = ref(appStore.currentOrgId);
-  const orgOptions = ref([]);
+  const orgOptions = ref<SelectOptionData[]>([]);
   const orgLoading = ref(false);
 
   async function initOrgOptions() {
@@ -128,7 +128,6 @@
         label: e.name,
         value: e.id,
       }));
-      console.log(orgOptions.value);
     } catch (error) {
       // eslint-disable-next-line no-console
       console.log(error);
@@ -251,4 +250,4 @@
       color: var(--color-text-4) !important;
     }
   }
-</style>
+</style>

frontend/src/components/business/ms-tree/index.vue

@@ -290,7 +290,7 @@
     return true;
   }
 
-  function onDragStart(e, node: MsTreeNodeData) {
+  function onDragStart(e: DragEvent, node: MsTreeNodeData) {
     tempDragNode.value = node;
   }
 

frontend/src/components/business/ms-user-group-comp/authTable.vue

@@ -370,7 +370,7 @@
       const postStr = currentValue.split(':')[1];
       if (postStr === 'READ') {
         // 当前是查询 那 移除所有相关的
-        record.perChecked = record.perChecked.filter((item) => !item.includes(preStr));
+        record.perChecked = record.perChecked.filter((item: string) => !item.includes(preStr));
       } else {
         record.perChecked.splice(record.perChecked.indexOf(currentValue), 1);
       }

frontend/src/components/pure/ms-form-create/comp/jiraKey.vue

@@ -57,7 +57,7 @@
     if (pluginId) {
       try {
         const { rule } = (attrs.formCreateInject as { [key: string]: any }).api;
-        const extra = {};
+        const extra: Record<string, any> = {};
         rule.forEach((item: Rule) => {
           extra[item.field as string] = item.value;
         });

frontend/src/components/pure/ms-jsonpath-picker/index.vue

@@ -75,7 +75,9 @@
             'pick',
             jsonPath.value,
             json.value,
-            JSONPath({ json: json.value, path: jsonPath.value }).map((e) => `${e}`.replace(/Number\(([^)]+)\)/g, '$1'))
+            JSONPath({ json: json.value, path: jsonPath.value }).map((e: any) =>
+              `${e}`.replace(/Number\(([^)]+)\)/g, '$1')
+            )
           );
         }
       }, 0);

frontend/src/components/pure/ms-rich-text/extensions/image/index.ts

@@ -10,6 +10,7 @@ import {
   BlockActionSeparator,
   type Editor,
   EditorState,
+  type EditorView,
   isActive,
   mergeAttributes,
   ToolboxItem,
@@ -128,7 +129,7 @@ const Image = TiptapImage.extend<ExtensionOptions & ImageOptions>({
     ];
   },
 
-  addOptions() {
+  addOptions(): any {
     return {
       ...this.parent?.(),
       getToolboxItems({ editor }: { editor: Editor }) {
@@ -204,7 +205,7 @@ const Image = TiptapImage.extend<ExtensionOptions & ImageOptions>({
       },
       getDraggable() {
         return {
-          getRenderContainer({ dom, view }) {
+          getRenderContainer({ dom, view }: { dom: Element; view: EditorView }) {
             let container = dom;
             while (container && container.tagName !== 'P') {
               container = container.parentElement as HTMLElement;

frontend/src/env.d.ts

@@ -9,3 +9,9 @@ declare module '*.vue' {
 interface ImportMetaEnv {
   readonly VITE_API_BASE_URL: string;
 }
+
+declare module 'xml-beautify' {
+  export default class xmlBeautify {
+    beautify: (xml: string) => string;
+  }
+}

frontend/src/models/caseManagement/caseReview.ts

@@ -213,8 +213,8 @@ export interface ReviewCaseItem {
   versionName: string;
   reviewers: string[];
   reviewNames: string[];
-  status: string;
+  status: ReviewResult;
-  myStatus: string;
+  myStatus: ReviewResult;
   moduleId: string;
   moduleName: string;
 }

frontend/src/models/user.ts

@@ -122,3 +122,8 @@ export interface UpdateBaseInfo {
   email: string;
   avatar: string;
 }
+
+export interface OrgOptionItem {
+  id: string;
+  name: string;
+}

frontend/src/utils/index.ts

@@ -1,10 +1,9 @@
-import { cloneDeep, each } from 'lodash-es';
+import { cloneDeep } from 'lodash-es';
 import JSEncrypt from 'jsencrypt';
 
 import { BatchActionQueryParams, MsTableColumnData } from '@/components/pure/ms-table/type';
 
 import { BugEditCustomField, CustomFieldItem } from '@/models/bug-management';
-import type { CustomAttributes } from '@/models/caseManagement/featureCase';
 
 import { isObject } from './is';
 
@@ -206,7 +205,7 @@ export function traverseTree<T>(
     tree = [tree];
   }
   for (let i = 0; i < tree.length; i++) {
-    const node = tree[i];
+    const node = (tree as TreeNode<T>[])[i];
     if (typeof customNodeFn === 'function') {
       customNodeFn(node);
     }
@@ -280,18 +279,18 @@ export function mapTree<T>(
  */
 export function filterTree<T>(
   tree: TreeNode<T> | TreeNode<T>[] | T | T[],
-  filterFn: (node: T) => boolean,
+  filterFn: (node: TreeNode<T>) => boolean,
   customChildrenKey = 'children'
-): T[] {
+): TreeNode<T>[] {
   if (!Array.isArray(tree)) {
     tree = [tree];
   }
-  const filteredTree: T[] = [];
+  const filteredTree: TreeNode<T>[] = [];
   for (let i = 0; i < tree.length; i++) {
-    const node: T = tree[i];
+    const node = (tree as TreeNode<T>[])[i];
     // 如果节点满足过滤条件，则保留该节点，并递归过滤子节点
     if (filterFn(node)) {
-      const newNode: T = cloneDeep(node);
+      const newNode = cloneDeep(node);
       if (node[customChildrenKey] && node[customChildrenKey].length > 0) {
         // 递归过滤子节点，并将过滤后的子节点添加到当前节点中
         newNode[customChildrenKey] = filterTree(node[customChildrenKey], filterFn, customChildrenKey);
@@ -683,7 +682,7 @@ export const downloadByteFile = (byte: BlobPart, fileName: string) => {
  * @param {*} flag
  */
 
-export function compress(img, type, maxWidth, flag) {
+export function compress(img: ImageData, type: string, maxWidth: number, flag: boolean) {
   let canvas: HTMLCanvasElement | null = document.createElement('canvas');
   let ctx2: any = canvas.getContext('2d');
 

frontend/src/utils/recursion.ts

@@ -5,7 +5,7 @@ export interface Option {
 }
 
 // 递归函数，获取所有父级元素
-export function findParents(data: Option[], targetId: string, parents: string[] = []) {
+export function findParents(data: Option[], targetId: string, parents: string[] = []): string[] | null {
   for (let i = 0; i < data.length; i++) {
     const current = data[i];
     if (current.value === targetId) {

frontend/src/views/api-test/components/caseAndScenarioReportDrawer.vue

@@ -172,7 +172,7 @@
       if (match) {
         const value = parseInt(match[1], 10);
         const type = match[2];
-        const translations = {
+        const translations: Record<string, string> = {
           M: t('msTimeSelector.month'),
           Y: t('msTimeSelector.year'),
           H: t('msTimeSelector.hour'),

frontend/src/views/api-test/components/condition/list.vue

@@ -33,7 +33,9 @@
           {{ `${t('apiTestDebug.wait')}${item.delay}` }} ms
         </div>
         <div v-else class="flex min-w-[42px] items-center justify-between">
-          <div class="one-line-text"> {{ item.name || t(conditionTypeNameMap[item.processorType]) }}</div>
+          <div class="one-line-text">
+            {{ item.name || t(conditionTypeNameMap[item.processorType as keyof typeof conditionTypeNameMap]) }}</div
+          >
           <a-badge
             v-if="item.processorType === RequestConditionProcessor.REQUEST_SCRIPT"
             class="ml-1 mt-[2px] min-w-[48px]"

frontend/src/views/api-test/components/fastExtraction/index.vue

@@ -255,7 +255,7 @@
             JSONPath({
               json: parseJson.value,
               path: expressionForm.value.expression,
-            })?.map((e) => JSON.stringify(e).replace(/"Number\(([^)]+)\)"|Number\(([^)]+)\)/g, '$1$2')) || [];
+            })?.map((e: any) => JSON.stringify(e).replace(/"Number\(([^)]+)\)"|Number\(([^)]+)\)/g, '$1$2')) || [];
         } catch (error) {
           matchResult.value = JSONPath({ json: props.response || '', path: expressionForm.value.expression }) || [];
         }

frontend/src/views/api-test/components/paramTable.vue

@@ -603,7 +603,7 @@
         rowIndex: number;
         columnIndex: number;
       }) => { rowspan?: number; colspan?: number } | void;
-      uploadTempFileApi?: (...args) => Promise<any>; // 上传临时文件接口
+      uploadTempFileApi?: (...args: any) => Promise<any>; // 上传临时文件接口
       fileSaveAsSourceId?: string | number; // 文件转存关联的资源id
       fileSaveAsApi?: (params: TransferFileParams) => Promise<string>; // 文件转存接口
       fileModuleOptionsApi?: (projectId: string) => Promise<ModuleTreeNode[]>; // 文件转存目录下拉框接口

frontend/src/views/api-test/components/requestAndResponse.vue

@@ -168,7 +168,7 @@
     disabledParamValue?: boolean; // 参数值禁用
     disabledExceptParam?: boolean; // 除了可以修改参数值其他都禁用
     isShowCommonContentTabKey?: boolean; // 是否展示请求内容公共tabKey
-    uploadTempFileApi?: (...args) => Promise<any>; // 上传临时文件接口
+    uploadTempFileApi?: (...args: any) => Promise<any>; // 上传临时文件接口
     fileSaveAsSourceId?: string | number; // 文件转存关联的资源id
     fileSaveAsApi?: (params: TransferFileParams) => Promise<string>; // 文件转存接口
     fileModuleOptionsApi?: (projectId: string) => Promise<ModuleTreeNode[]>; // 文件转存目录下拉框接口
@@ -382,7 +382,7 @@
       const formData = tempForm || requestVModel.value;
       if (fApi.value) {
         fApi.value.nextTick(() => {
-          const form = {};
+          const form: Record<string, any> = {};
           controlPluginFormFields().forEach((key) => {
             form[key] = formData[key];
           });

frontend/src/views/api-test/components/requestComposition/index.vue

@@ -219,7 +219,7 @@
                   v-show="requestVModel.activeTab === RequestComposition.BASE_INFO"
                   ref="apiBaseFormRef"
                   v-model:requestVModel="requestVModel"
-                  :select-tree="selectTree"
+                  :select-tree="selectTree as ModuleTreeNode[]"
                 />
                 <a-spin
                   v-show="requestVModel.activeTab === RequestComposition.PLUGIN"
@@ -565,9 +565,9 @@
     otherParams?: Record<string, any>; // 保存请求时的其他参数
     executeApi?: (params: ExecuteRequestParams) => Promise<any>; // 执行接口
     localExecuteApi?: (url: string, params: ExecuteRequestParams) => Promise<any>; // 本地执行接口
-    createApi?: (...args) => Promise<any>; // 创建接口
+    createApi?: (...args: any) => Promise<any>; // 创建接口
-    updateApi?: (...args) => Promise<any>; // 更新接口
+    updateApi?: (...args: any) => Promise<any>; // 更新接口
-    uploadTempFileApi?: (...args) => Promise<any>; // 上传临时文件接口
+    uploadTempFileApi?: (...args: any) => Promise<any>; // 上传临时文件接口
     fileSaveAsSourceId?: string | number; // 文件转存关联的资源id
     fileSaveAsApi?: (params: TransferFileParams) => Promise<string>; // 文件转存接口
     fileModuleOptionsApi?: (projectId: string) => Promise<ModuleTreeNode[]>; // 文件转存目录下拉框接口
@@ -588,7 +588,7 @@
   const requestVModel = defineModel<RequestParam>('request', { required: true });
 
   const isHttpProtocol = computed(() => requestVModel.value.protocol === 'HTTP');
-  const temporaryResponseMap = {}; // 缓存websocket返回的报告内容，避免执行接口后切换tab导致报告丢失
+  const temporaryResponseMap: Record<string, any> = {}; // 缓存websocket返回的报告内容，避免执行接口后切换tab导致报告丢失
   const isInitPluginForm = ref(false);
   const isSwitchingContent = ref(false); // 是否正在切换显示内容，防止因切换显示内容导致触发更改
 
@@ -819,7 +819,7 @@
       if (fApi.value) {
         fApi.value.nextTick(() => {
           // 这里使用nextTick是因为插件表单使用v-if动态渲染，所以每次切换到插件表单时都会重新渲染插件表单并触发
-          const form = {};
+          const form: Record<string, any> = {};
           controlPluginFormFields().forEach((key) => {
             form[key] = formData[key];
           });
@@ -1220,7 +1220,7 @@
         await nextTick();
         requestVModel.value.executeLoading = true;
         requestVModel.value.response = cloneDeep(defaultResponse);
-        const res = await props.executeApi(makeRequestParams(executeType));
+        const res = await props.executeApi(makeRequestParams(executeType) as ExecuteRequestParams);
         if (executeType === 'localExec' && props.localExecuteApi && localExecuteUrl.value) {
           await props.localExecuteApi(localExecuteUrl.value, res);
         }
@@ -1238,7 +1238,7 @@
             if (!props.executeApi) return;
             requestVModel.value.executeLoading = true;
             requestVModel.value.response = cloneDeep(defaultResponse);
-            const res = await props.executeApi(makeRequestParams(executeType));
+            const res = await props.executeApi(makeRequestParams(executeType) as ExecuteRequestParams);
             if (executeType === 'localExec' && props.localExecuteApi && localExecuteUrl.value) {
               await props.localExecuteApi(localExecuteUrl.value, res);
             }
@@ -1388,7 +1388,7 @@
     }
   }
 
-  function initErrorMessageInfoItem(key) {
+  function initErrorMessageInfoItem(key: string) {
     if (requestVModel.value.errorMessageInfo && !requestVModel.value.errorMessageInfo[key]) {
       requestVModel.value.errorMessageInfo[key] = {};
     }
@@ -1552,6 +1552,8 @@
               projectId: appStore.currentProjectId,
               environmentId: appStore.currentEnvConfig?.id || '',
               apiDefinitionId: requestVModel.value.id,
+              uploadFileIds: definitionParams.uploadFileIds || [],
+              linkFileIds: definitionParams.linkFileIds || [],
             };
             await addCase(params);
             emit('addDone');
@@ -1611,7 +1613,7 @@
         ...params,
         ...params.request,
         polymorphicName: params.request.polymorphicName,
-      };
+      } as unknown as RequestParam;
       saveNewApiModalVisible.value = true;
       return;
     }

frontend/src/views/api-test/components/requestComposition/response/index.vue

@@ -109,7 +109,7 @@
       hideLayoutSwitch?: boolean; // 隐藏布局切换
       loading?: boolean;
       isEdit?: boolean; // 是否可编辑
-      uploadTempFileApi?: (...args) => Promise<any>; // 上传临时文件接口
+      uploadTempFileApi?: (...args: any) => Promise<any>; // 上传临时文件接口
       isDefinition?: boolean;
       isResponseModel?: boolean;
       showEmpty?: boolean;

frontend/src/views/api-test/components/responseTimeLine.vue

@@ -58,7 +58,7 @@
     keys.forEach((key, index) => {
       if (key !== 'responseTime' && key !== 'latency') {
         // 总耗时就是 100%，不需要绘制
-        const itemWidth = (props.responseTiming[key] / props.responseTiming.responseTime) * 100;
+        const itemWidth = (props.responseTiming[key as keyof ResponseTiming] / props.responseTiming.responseTime) * 100;
         arr.push({
           key,
           width: `${itemWidth}%`,

frontend/src/views/api-test/management/components/management/api/apiBaseForm.vue

@@ -109,8 +109,6 @@
 </template>
 
 <script setup lang="ts">
-  import { FormInstance } from '@arco-design/web-vue';
-
   import MsTagsInput from '@/components/pure/ms-tags-input/index.vue';
   import apiStatus from '@/views/api-test/components/apiStatus.vue';
   import { RequestParam } from '@/views/api-test/components/requestComposition/index.vue';
@@ -120,6 +118,8 @@
   import { ModuleTreeNode } from '@/models/common';
   import { RequestDefinitionStatus } from '@/enums/apiEnum';
 
+  import type { FormInstance, TreeNodeData } from '@arco-design/web-vue';
+
   const props = defineProps<{
     selectTree?: ModuleTreeNode[];
   }>();
@@ -135,8 +135,8 @@
     }
   }
 
-  function filterTreeNode(searchValue, nodeData) {
+  function filterTreeNode(searchValue: string, nodeData: TreeNodeData) {
-    return nodeData.name.toLowerCase().indexOf(searchValue.toLowerCase()) > -1;
+    return (nodeData as ModuleTreeNode).name.toLowerCase().indexOf(searchValue.toLowerCase()) > -1;
   }
 
   defineExpose({

frontend/src/views/api-test/management/components/management/api/apiTable.vue

@@ -333,6 +333,7 @@
   import MsTableMoreAction from '@/components/pure/ms-table-more-action/index.vue';
   import { ActionsItem } from '@/components/pure/ms-table-more-action/types';
   import MsTagsInput from '@/components/pure/ms-tags-input/index.vue';
+  import { MsTreeNodeData } from '@/components/business/ms-tree/types';
   import apiMethodName from '@/views/api-test/components/apiMethodName.vue';
   import apiMethodSelect from '@/views/api-test/components/apiMethodSelect.vue';
   import apiStatus from '@/views/api-test/components/apiStatus.vue';
@@ -382,7 +383,7 @@
   const { openModal } = useModal();
   const tableStore = useTableStore();
 
-  const folderTreePathMap = inject('folderTreePathMap');
+  const folderTreePathMap = inject<MsTreeNodeData[]>('folderTreePathMap');
   const refreshModuleTree: (() => Promise<any>) | undefined = inject('refreshModuleTree');
   const keyword = ref('');
 

frontend/src/views/api-test/management/components/management/api/preview/quote.vue

@@ -36,11 +36,11 @@
   const { openNewPage } = useOpenNewPage();
 
   const keyword = ref('');
-  const quoteLocaleMap = {
+  const quoteLocaleMap: Record<string, any> = {
     COPY: 'common.copy',
     REF: 'apiTestManagement.quote',
   };
-  const resourceLocaleMap = {
+  const resourceLocaleMap: Record<string, any> = {
     API: 'case.detail.resource.api',
   };
 

frontend/src/views/api-test/management/components/management/case/caseDetail.vue

@@ -234,7 +234,7 @@
 
   const reportId = ref('');
   const websocket = ref<WebSocket>();
-  const temporaryResponseMap = {}; // 缓存websocket返回的报告内容，避免执行接口后切换tab导致报告丢失
+  const temporaryResponseMap: Record<string, any> = {}; // 缓存websocket返回的报告内容，避免执行接口后切换tab导致报告丢失
   // 开启websocket监听，接收执行结果
   function debugSocket(executeType?: 'localExec' | 'serverExec') {
     websocket.value = getSocket(

frontend/src/views/api-test/management/components/management/case/createAndEditCaseDrawer.vue

@@ -250,8 +250,8 @@
           projectId: appStore.currentProjectId,
           environmentId: environmentId.value as string,
           apiDefinitionId: apiDefinitionId.value,
-          linkFileIds,
+          linkFileIds: linkFileIds || [],
-          uploadFileIds,
+          uploadFileIds: uploadFileIds || [],
           request,
           id: id as string,
           name,
@@ -287,7 +287,7 @@
   const executeRef = ref<InstanceType<typeof executeButton>>();
   const reportId = ref('');
   const websocket = ref<WebSocket>();
-  const temporaryResponseMap = {}; // 缓存websocket返回的报告内容，避免执行接口后切换tab导致报告丢失
+  const temporaryResponseMap: Record<string, any> = {}; // 缓存websocket返回的报告内容，避免执行接口后切换tab导致报告丢失
   // 开启websocket监听，接收执行结果
   function debugSocket(executeType?: 'localExec' | 'serverExec') {
     websocket.value = getSocket(
@@ -321,6 +321,7 @@
       reportId.value = getGenerateId();
       detailForm.value.reportId = reportId.value; // 存储报告ID
       let res;
+      if (!makeRequestParams) return;
       const params = {
         environmentId: environmentId.value as string,
         frontendDebug: executeType === 'localExec',
@@ -337,12 +338,16 @@
           id: detailForm.value.id as string,
           projectId: detailForm.value.projectId,
           ...params,
+          uploadFileIds: params.uploadFileIds || [],
+          linkFileIds: params.linkFileIds || [],
         });
       } else {
         res = await debugCase({
           id: `case-${Date.now()}`,
           projectId: appStore.currentProjectId,
           ...params,
+          uploadFileIds: params.uploadFileIds || [],
+          linkFileIds: params.linkFileIds || [],
         });
       }
       if (executeType === 'localExec') {

frontend/src/views/api-test/management/components/management/case/tabContent/tabCaseDependency.vue

@@ -40,11 +40,11 @@
   const { openNewPage } = useOpenNewPage();
 
   const keyword = ref('');
-  const quoteLocaleMap = {
+  const quoteLocaleMap: Record<string, any> = {
     COPY: 'common.copy',
     REF: 'apiTestManagement.quote',
   };
-  const resourceLocaleMap = {
+  const resourceLocaleMap: Record<string, any> = {
     API: 'case.detail.resource.api',
   };
 

frontend/src/views/api-test/management/components/management/case/tabContent/tabCaseExecuteHistory.vue

@@ -77,7 +77,7 @@
         </a-trigger>
       </template>
       <template #triggerMode="{ record }">
-        <span>{{ t(TriggerModeLabel[record.triggerMode]) }}</span>
+        <span>{{ t(TriggerModeLabel[record.triggerMode as keyof typeof TriggerModeLabel]) }}</span>
       </template>
       <template #status="{ record }">
         <ExecutionStatus :status="record.status" :module-type="ReportEnum.API_REPORT" />

frontend/src/views/api-test/management/components/moduleTree.vue

@@ -353,7 +353,7 @@
   );
   const apiActions = folderMoreActions.filter((action) => action.eventTag !== 'shareModule');
 
-  function filterMoreActionFunc(actions, node) {
+  function filterMoreActionFunc(actions: ActionsItem[], node: MsTreeNodeData) {
     if (node.type === 'MODULE') {
       return moduleActions;
     }

frontend/src/views/api-test/management/components/recycle/api/apiTable.vue

@@ -133,6 +133,7 @@
   import MsBaseTable from '@/components/pure/ms-table/base-table.vue';
   import type { BatchActionParams, BatchActionQueryParams, MsTableColumn } from '@/components/pure/ms-table/type';
   import useTable from '@/components/pure/ms-table/useTable';
+  import { MsTreeNodeData } from '@/components/business/ms-tree/types';
   import apiMethodName from '@/views/api-test/components/apiMethodName.vue';
   import apiStatus from '@/views/api-test/components/apiStatus.vue';
   import TableFilter from '@/views/case-management/caseManagementFeature/components/tableFilter.vue';
@@ -171,7 +172,7 @@
   const { t } = useI18n();
   const { openModal } = useModal();
 
-  const folderTreePathMap = inject('folderTreePathMap');
+  const folderTreePathMap = inject<MsTreeNodeData[]>('folderTreePathMap');
   const keyword = ref('');
   const refreshModuleTree: (() => Promise<any>) | undefined = inject('refreshModuleTree');
   const refreshModuleTreeCount: ((data: ApiDefinitionGetModuleParams) => Promise<any>) | undefined =

frontend/src/views/api-test/management/index.vue

@@ -95,7 +95,7 @@
   const moduleTreeRef = ref<InstanceType<typeof moduleTree>>();
   const managementRef = ref<InstanceType<typeof management>>();
 
-  function handleModuleInit(tree, _protocol: string, pathMap: Record<string, any>) {
+  function handleModuleInit(tree: ModuleTreeNode[], _protocol: string, pathMap: Record<string, any>) {
     folderTree.value = tree;
     protocol.value = _protocol;
     folderTreePathMap.value = pathMap;

frontend/src/views/api-test/management/recycle.vue

@@ -49,7 +49,7 @@
   const moduleTreeRef = ref<InstanceType<typeof moduleTree>>();
   const managementRef = ref<InstanceType<typeof management>>();
 
-  function handleModuleInit(tree, _protocol: string, pathMap: Record<string, any>) {
+  function handleModuleInit(tree: ModuleTreeNode[], _protocol: string, pathMap: Record<string, any>) {
     folderTree.value = tree;
     protocol.value = _protocol;
     folderTreePathMap.value = pathMap;

frontend/src/views/api-test/report/component/conditionStatus.vue

@@ -12,7 +12,7 @@
     status: string;
   }>();
   // 场景步骤类型映射
-  const scenarioStepMap = {
+  const scenarioStepMap: Record<string, any> = {
     [ScenarioStepType.LOOP_CONTROLLER]: { label: 'apiScenario.loopControl', color: 'rgba(167, 98, 191, 1)' },
     [ScenarioStepType.IF_CONTROLLER]: { label: 'apiScenario.conditionControl', color: 'rgba(238, 80, 163, 1)' },
     [ScenarioStepType.ONCE_ONLY_CONTROLLER]: { label: 'apiScenario.onlyOnceControl', color: 'rgba(211, 68, 0, 1)' },
@@ -25,8 +25,8 @@
   const getClass = computed(() => {
     if (props.status) {
       return {
-        color: scenarioStepMap[props.status].color,
+        color: scenarioStepMap[props.status]?.color,
-        border: `1px solid ${scenarioStepMap[props.status].color}`,
+        border: `1px solid ${scenarioStepMap[props.status]?.color}`,
       };
     }
   });

frontend/src/views/api-test/report/component/reportList.vue

@@ -138,7 +138,7 @@
         />
       </template>
       <template #triggerMode="{ record }">
-        <span>{{ t(TriggerModeLabel[record.triggerMode]) }}</span>
+        <span>{{ t(TriggerModeLabel[record.triggerMode as keyof typeof TriggerModeLabel]) }}</span>
       </template>
       <template #operationTime="{ record }">
         <span>{{ dayjs(record.operationTime).format('YYYY-MM-DD HH:mm:ss') }}</span>
@@ -545,7 +545,7 @@
       if (match) {
         const value = parseInt(match[1], 10);
         const type = match[2];
-        const translations = {
+        const translations: Record<string, string> = {
           M: t('msTimeSelector.month'),
           Y: t('msTimeSelector.year'),
           H: t('msTimeSelector.hour'),

frontend/src/views/api-test/report/component/reportStatus.vue

@@ -39,7 +39,8 @@
     color?: string;
   }
 
-  const iconTypeStatus = ref({
+  // TODO: Record<string,any>
+  const iconTypeStatus: Record<string, any> = {
     [ReportEnum.API_REPORT]: {
       SUCCESS: {
         icon: 'icon-icon_succeed_colorful',
@@ -113,7 +114,7 @@
         color: '!text-[var(--color-text-input-border)]',
       },
     },
-  });
+  };
 
   function getExecutionResult(): IconType {
     return iconTypeStatus.value[props.moduleType][props.status];

frontend/src/views/api-test/report/component/step/stepStatus.vue

@@ -3,8 +3,6 @@
 </template>
 
 <script setup lang="ts">
-  import { ref } from 'vue';
-
   import MsTag from '@/components/pure/ms-tag/ms-tag.vue';
 
   import { useI18n } from '@/hooks/useI18n';
@@ -14,7 +12,8 @@
     status: string;
   }>();
 
-  const statusMap = {
+  // TODO: Record<string,any>
+  const statusMap: Record<string, any> = {
     PENDING: {
       label: 'report.detail.pendingCount',
       value: 'PENDING',

frontend/src/views/api-test/scenario/components/common/customCaseDrawer.vue

@@ -689,7 +689,7 @@
       nextTick(() => {
         if (fApi.value) {
           fApi.value.nextRefresh(() => {
-            const form = {};
+            const form: Record<string, any> = {};
             controlPluginFormFields().forEach((key) => {
               form[key] = formData[key];
             });
@@ -921,12 +921,12 @@
   async function execute(executeType?: 'localExec' | 'serverExec') {
     requestVModel.value.executeLoading = true;
     if (isHttpProtocol.value) {
-      emit('execute', makeRequestParams(executeType), executeType);
+      emit('execute', makeRequestParams(executeType) as RequestParam, executeType);
     } else {
       // 插件需要校验动态表单
       fApi.value?.validate(async (valid) => {
         if (valid === true) {
-          emit('execute', makeRequestParams(executeType), executeType);
+          emit('execute', makeRequestParams(executeType) as RequestParam, executeType);
         } else {
           requestVModel.value.activeTab = RequestComposition.PLUGIN;
           nextTick(() => {
@@ -942,7 +942,7 @@
     emit('stopDebug');
   }
 
-  function initErrorMessageInfoItem(key) {
+  function initErrorMessageInfoItem(key: string) {
     if (requestVModel.value.errorMessageInfo && !requestVModel.value.errorMessageInfo[key]) {
       requestVModel.value.errorMessageInfo[key] = {};
     }
@@ -1026,7 +1026,7 @@
   function handleClose() {
     // 关闭时若不是创建行为则是编辑行为，需要触发 applyStep，引用 case 不能更改不需要触发
     if (!requestVModel.value.isNew && activeStep.value?.refType === ScenarioStepRefType.COPY) {
-      emit('applyStep', cloneDeep(makeRequestParams()));
+      emit('applyStep', cloneDeep(makeRequestParams()) as RequestParam);
     }
   }
 

frontend/src/views/api-test/scenario/components/common/stepType/stepType.vue

@@ -25,7 +25,7 @@
   const { t } = useI18n();
 
   // 场景步骤类型映射
-  const scenarioStepMap = {
+  const scenarioStepMap: Record<string, any> = {
     [ScenarioStepType.CONSTANT_TIMER]: { label: 'apiScenario.waitTime', color: 'rgb(var(--warning-6))' },
     [ScenarioStepType.LOOP_CONTROLLER]: { label: 'apiScenario.loopControl', color: 'rgba(167, 98, 191, 1)' },
     [ScenarioStepType.IF_CONTROLLER]: { label: 'apiScenario.conditionControl', color: 'rgba(238, 80, 163, 1)' },

frontend/src/views/api-test/scenario/components/executeHistory.vue

@@ -69,7 +69,7 @@
         </a-trigger>
       </template>
       <template #triggerMode="{ record }">
-        <span>{{ t(TriggerModeLabel[record.triggerMode]) }}</span>
+        <span>{{ t(TriggerModeLabel[record.triggerMode as keyof typeof TriggerModeLabel]) }}</span>
       </template>
       <template #status="{ record }">
         <executeStatus :status="record.status" />

frontend/src/views/api-test/scenario/components/step/createAction/createStepActions.vue

@@ -68,7 +68,7 @@
     createStepAction?: CreateStepAction;
   }>();
   const emit = defineEmits<{
-    (e: 'close');
+    (e: 'close'): void;
     (
       e: 'otherCreate',
       type:
@@ -76,8 +76,8 @@
         | ScenarioAddStepActionType.CUSTOM_API
         | ScenarioAddStepActionType.SCRIPT_OPERATION,
       step?: ScenarioStepItem
-    );
+    ): void;
-    (e: 'addDone', newStep: ScenarioStepItem);
+    (e: 'addDone', newStep: ScenarioStepItem): void;
   }>();
 
   const appStore = useAppStore();

frontend/src/views/api-test/scenario/components/step/createAction/stepInsertStepTrigger.vue

@@ -82,8 +82,8 @@
     step: ScenarioStepItem;
   }>();
   const emit = defineEmits<{
-    (e: 'close');
+    (e: 'close'): void;
-    (e: 'click');
+    (e: 'click'): void;
     (
       e: 'otherCreate',
       type:
@@ -92,8 +92,8 @@
         | ScenarioAddStepActionType.SCRIPT_OPERATION,
       step?: ScenarioStepItem,
       activeCreateAction?: CreateStepAction
-    );
+    ): void;
-    (e: 'addDone', newStep: ScenarioStepItem);
+    (e: 'addDone', newStep: ScenarioStepItem): void;
   }>();
 
   const { t } = useI18n();

frontend/src/views/api-test/scenario/components/step/index.vue

@@ -146,7 +146,7 @@
   import { deleteNodes, filterTree, getGenerateId, mapTree, traverseTree } from '@/utils';
   import { countNodes } from '@/utils/tree';
 
-  import { ApiScenarioDebugRequest, Scenario, ScenarioStepItem } from '@/models/apiTest/scenario';
+  import { ApiScenarioDebugRequest, Scenario, ScenarioStepDetails, ScenarioStepItem } from '@/models/apiTest/scenario';
   import { ScenarioExecuteStatus, ScenarioStepRefType, ScenarioStepType } from '@/enums/apiEnum';
 
   const emit = defineEmits<{
@@ -392,14 +392,14 @@
       }
       return false;
     });
-    const waitingDebugStepDetails = {};
+    const waitingDebugStepDetails: Record<string, ScenarioStepDetails> = {};
     Object.keys(scenario.value.stepDetails).forEach((key) => {
       if (checkedKeysSet.has(key)) {
         waitingDebugStepDetails[key] = scenario.value.stepDetails[key];
       }
     });
     emit('batchDebug', {
-      steps: waitTingDebugSteps,
+      steps: waitTingDebugSteps as ScenarioStepItem[],
       stepDetails: waitingDebugStepDetails,
       reportId: getGenerateId(),
     });

frontend/src/views/api-test/scenario/create/index.vue

@@ -170,7 +170,7 @@
   }
 
   // TODO: 优化，拆出来
-  function initErrorMessageInfoItem(key) {
+  function initErrorMessageInfoItem(key: string) {
     if (scenario.value.errorMessageInfo && !scenario.value.errorMessageInfo[key]) {
       scenario.value.errorMessageInfo[key] = {};
     }

frontend/src/views/api-test/scenario/detail/index.vue

@@ -231,7 +231,7 @@
   }
 
   // TODO: 优化，拆出来
-  function initErrorMessageInfoItem(key) {
+  function initErrorMessageInfoItem(key: string) {
     if (scenario.value.errorMessageInfo && !scenario.value.errorMessageInfo[key]) {
       scenario.value.errorMessageInfo[key] = {};
     }

frontend/src/views/api-test/scenario/index.vue

@@ -133,15 +133,16 @@
   import useAppStore from '@/store/modules/app';
   import { filterTree, getGenerateId, mapTree } from '@/utils';
 
+  import { RequestResult } from '@/models/apiTest/common';
   import {
     ApiScenarioDebugRequest,
     ApiScenarioGetModuleParams,
     ApiScenarioTableItem,
     Scenario,
+    ScenarioStepDetails,
     ScenarioStepItem,
   } from '@/models/apiTest/scenario';
   import { ModuleTreeNode } from '@/models/common';
-  import { EnvConfig } from '@/models/projectManagement/environmental';
   import { ScenarioExecuteStatus, ScenarioStepRefType, ScenarioStepType } from '@/enums/apiEnum';
   import { ApiTestRouteEnum } from '@/enums/routeEnum';
 
@@ -189,7 +190,7 @@
       if (data.msgType === 'EXEC_RESULT') {
         if (scenario.reportId === data.reportId) {
           // 判断当前查看的tab是否是当前返回的报告的tab，是的话直接赋值
-          data.taskResult.requestResults.forEach((result) => {
+          data.taskResult.requestResults.forEach((result: RequestResult) => {
             if (result.stepId) {
               // 过滤掉前后置配置的执行结果，没有步骤 id
               if (scenario.stepResponses[result.stepId] === undefined) {
@@ -300,7 +301,7 @@
    * @param localExecuteUrl 本地执行地址
    */
   function handleExecute(executeType?: 'localExec' | 'serverExec', localExecuteUrl?: string) {
-    const waitingDebugStepDetails = {};
+    const waitingDebugStepDetails: Record<string, ScenarioStepDetails> = {};
     const waitTingDebugSteps = filterTree(activeScenarioTab.value.steps, (node) => {
       if (node.enable) {
         node.executeStatus = ScenarioExecuteStatus.EXECUTING;
@@ -316,7 +317,7 @@
     }
     realExecute(
       {
-        steps: waitTingDebugSteps,
+        steps: waitTingDebugSteps as ScenarioStepItem[],
         stepDetails: waitingDebugStepDetails,
         reportId: getGenerateId(),
       },

frontend/src/views/bug-management/components/bug-detail-drawer.vue

@@ -359,7 +359,7 @@
     }
     return [];
   };
-
+  // TODO:: Record<string, any>
   async function loadedBug(detail: BugEditFormObject) {
     // 是否平台默认模板
     isPlatformDefaultTemplate.value = detail.platformDefault;
@@ -375,13 +375,15 @@
     detailInfo.value = { ...detail };
     tags.value = detail.tags || [];
     caseCount.value = detailInfo.value.linkCaseCount;
-    const tmpObj = { status: detailInfo.value.status };
+    const tmpObj: Record<string, any> = { status: detailInfo.value.status };
-    platformSystemFields.value = customFieldsRes.customFields.filter((field) => field.platformSystemField);
+    platformSystemFields.value = customFieldsRes.customFields.filter(
+      (field: Record<string, any>) => field.platformSystemField
+    );
     currentCustomFields.value = customFieldsRes.customFields || [];
     if (detailInfo.value.customFields && Array.isArray(detailInfo.value.customFields)) {
       const MULTIPLE_TYPE = ['MULTIPLE_SELECT', 'MULTIPLE_INPUT', 'CHECKBOX', 'MULTIPLE_MEMBER'];
       const SINGLE_TYPE = ['RADIO', 'SELECT', 'MEMBER'];
-      detail.customFields.forEach((item) => {
+      detail.customFields.forEach((item: Record<string, any>) => {
         if (MULTIPLE_TYPE.includes(item.type)) {
           const multipleOptions = getOptionFromTemplate(
             currentCustomFields.value.find((filed: any) => item.id === filed.fieldId)
@@ -419,7 +421,7 @@
       item.defaultValue = tmpObj[item.fieldId];
     });
     getFormRules(
-      customFieldsRes.customFields.filter((field) => !field.platformSystemField),
+      customFieldsRes.customFields.filter((field: Record<string, any>) => !field.platformSystemField),
       tmpObj
     );
   }

frontend/src/views/bug-management/components/bugDetailTab.vue

@@ -468,7 +468,7 @@
         formItem.forEach((item: FormRuleItem) => {
           let itemVal = item.value;
           if (item.sourceType === 'CASCADER') {
-            itemVal = findParents(item.options as Option[], item.value as string, []);
+            itemVal = findParents(item.options as Option[], item.value as string, []) || '';
           }
           customFields.push({
             id: item.field as string,

frontend/src/views/bug-management/edit.vue

@@ -293,7 +293,7 @@
   });
 
   // 平台默认模板系统字段
-  const platformSystemFieldMap = {};
+  const platformSystemFieldMap: Record<string, any> = {};
 
   const getListFunParams = ref<TableQueryParams>({
     combine: {
@@ -404,6 +404,7 @@
     }
   };
   const currentCustomFields = ref<CustomFieldItem[]>([]);
+  // TODO:: Record<string, any>
   const templateChange = async (v: SelectValue, request?: BugTemplateRequest) => {
     if (v) {
       try {
@@ -418,13 +419,13 @@
         isLoading.value = false;
         isPlatformDefaultTemplate.value = res.platformDefault;
         if (isPlatformDefaultTemplate.value) {
-          const systemFields = res.customFields.filter((field) => field.platformSystemField);
+          const systemFields = res.customFields.filter((field: Record<string, any>) => field.platformSystemField);
-          systemFields.forEach((field) => {
+          systemFields.forEach((field: Record<string, any>) => {
             form.value.platformSystemFields[field.fieldId] = field.defaultValue;
             platformSystemFieldMap[field.fieldId] = field;
           });
         }
-        getFormRules(res.customFields.filter((field) => !field.platformSystemField));
+        getFormRules(res.customFields.filter((field: Record<string, any>) => !field.platformSystemField));
       } catch (error) {
         // eslint-disable-next-line no-console
         console.log(error);
@@ -552,7 +553,7 @@
               if (formItem.value && formItem.value.length) {
                 formItem.value.forEach((item: FormRuleItem) => {
                   if (item.sourceType === 'CASCADER') {
-                    item.value = findParents(item.options as Option[], item.value as string, []);
+                    item.value = findParents(item.options as Option[], item.value as string, []) || '';
                   }
                   customFields.push({
                     id: item.field as string,
@@ -702,7 +703,7 @@
         });
     }
 
-    let tmpObj = {};
+    let tmpObj: Record<string, any> = {};
     if (isEdit.value) {
       tmpObj = { status: res.status };
     }
@@ -828,7 +829,6 @@
     font-size: 14px;
     color: var(--color-text-4);
   }
-
   :deep(.arco-form-item-content) {
     overflow-wrap: anywhere;
   }

frontend/src/views/bug-management/index.vue

@@ -793,7 +793,7 @@
   }
 
   function handleTableBatch(event: BatchActionParams, params: BatchActionQueryParams) {
-    const filterParams = {
+    const filterParams: Record<string, any> = {
       status: statusFilterValue.value,
       handleUser: handleUserFilterValue.value,
       updateUser: updateUserFilterValue.value,
@@ -835,7 +835,7 @@
   }
 
   function initTableParams() {
-    const filterParams = {
+    const filterParams: Record<string, any> = {
       status: statusFilterValue.value,
       handleUser: handleUserFilterValue.value,
       updateUser: updateUserFilterValue.value,

frontend/src/views/bug-management/recycle.vue

@@ -477,7 +477,7 @@
 
   // 处理表格选中后批量操作
   function handleTableBatch(event: BatchActionParams, params: BatchActionQueryParams) {
-    const filterParams = {
+    const filterParams: Record<string, any> = {
       status: statusFilterValue.value,
       handleUser: handleUserFilterValue.value,
       updateUser: updateUserFilterValue.value,
@@ -503,7 +503,7 @@
   }
 
   function initTableParams() {
-    const filterParams = {
+    const filterParams: Record<string, any> = {
       status: statusFilterValue.value,
       handleUser: handleUserFilterValue.value,
       updateUser: updateUserFilterValue.value,

frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/tabDefect.vue

@@ -393,7 +393,7 @@
   });
 
   function initTableParams() {
-    const filterParams = {
+    const filterParams: Record<string, any> = {
       status: statusFilterValue.value,
       handleUser: handleUserFilterValue.value,
     };

frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCaseReview.vue

@@ -33,6 +33,7 @@
 <script setup lang="ts">
   import { ref } from 'vue';
   import { useRoute, useRouter } from 'vue-router';
+  import { debounce } from 'lodash-es';
 
   import MsBaseTable from '@/components/pure/ms-table/base-table.vue';
   import type { MsTableColumn } from '@/components/pure/ms-table/type';
@@ -48,7 +49,6 @@
   import { TableKeyEnum } from '@/enums/tableEnum';
 
   import { statusIconMap } from '../utils';
-  import debounce from 'lodash-es/debounce';
 
   const featureCaseStore = useFeatureCaseStore();
   const router = useRouter();

frontend/src/views/case-management/caseManagementFeature/components/utils.ts

@@ -1,18 +1,15 @@
-import type { FormItem, FormRuleItem } from '@/components/pure/ms-form-create/types';
+import type { FormItem } from '@/components/pure/ms-form-create/types';
 import { MsTableColumnData } from '@/components/pure/ms-table/type';
 import { getFileEnum } from '@/components/pure/ms-upload/iconMap';
 import type { MsFileItem } from '@/components/pure/ms-upload/types';
 import type { CaseLevel } from '@/components/business/ms-case-associate/types';
 
 import { useI18n } from '@/hooks/useI18n';
-import useUserStore from '@/store/modules/user';
 import { hasAnyPermission } from '@/utils/permission';
 
 import type { AssociatedList, CustomAttributes } from '@/models/caseManagement/featureCase';
 import { StatusType } from '@/enums/caseEnum';
 
-const userStore = useUserStore();
-
 const { t } = useI18n();
 
 export interface ReviewResult {
@@ -21,8 +18,8 @@ export interface ReviewResult {
   statusText: string;
 }
 
-// 图标评审结果
+// 图标评审结果 TODO:TS 类型 key
-export const statusIconMap = {
+export const statusIconMap: Record<string, any> = {
   UN_REVIEWED: {
     key: 'UN_REVIEWED',
     icon: StatusType.UN_REVIEWED,
@@ -54,8 +51,8 @@ export const statusIconMap = {
     color: 'text-[rgb(var(--warning-6))]',
   },
 };
-// 图标执行结果
+// 图标执行结果 TODO:TS 类型 key
-export const executionResultMap = {
+export const executionResultMap: Record<string, any> = {
   UN_EXECUTED: {
     key: 'UN_EXECUTED',
     icon: StatusType.UN_EXECUTED,
@@ -143,7 +140,7 @@ export function getTableFields(customFields: CustomAttributes[], itemDataIndex:
   );
 
   if (currentColumnData) {
-    let selectValue;
+    let selectValue: string;
     // 处理多选项
     if (multipleExcludes.includes(currentColumnData.type) && currentColumnData.defaultValue) {
       selectValue = JSON.parse(currentColumnData.defaultValue);

frontend/src/views/case-management/caseReview/caseDetail.vue

@@ -431,7 +431,7 @@
   function getCustomField(customFields: any) {
     const multipleExcludes = ['MULTIPLE_SELECT', 'CHECKBOX', 'MULTIPLE_MEMBER'];
     const selectExcludes = ['MEMBER', 'RADIO', 'SELECT'];
-    let selectValue;
+    let selectValue: Record<string, any>;
     // 处理多选项
     if (multipleExcludes.includes(customFields.type) && customFields.defaultValue) {
       selectValue = JSON.parse(customFields.defaultValue);
@@ -468,10 +468,8 @@
           value: res.moduleName || t('common.root'),
         },
         // 解析用例模板的自定义字段
-        ...res.customFields.map((e) => {
+        ...res.customFields.map((e: Record<string, any>) => {
           try {
-            const val =
-              typeof e.defaultValue === 'string' && e.defaultValue !== '' ? JSON.parse(e.defaultValue) : e.defaultValue;
             return {
               label: e.fieldName,
               value: getCustomField(e),

frontend/src/views/case-management/caseReview/components/detail/caseTable.vue

@@ -49,12 +49,8 @@
               <div class="ml-[6px] flex items-center justify-start px-[6px] py-[2px]">
                 <a-checkbox-group v-model:model-value="statusFilters" direction="vertical" size="small">
                   <a-checkbox v-for="key of Object.keys(reviewResultMap)" :key="key" :value="key">
-                    <a-tag
+                    <a-tag :color="reviewResultMap[key as ReviewResult].color" class="px-[4px]" size="small">
-                      :color="reviewResultMap[key].color"
+                      {{ t(reviewResultMap[key as ReviewResult].label) }}
-                      :class="[reviewResultMap[key].class, 'px-[4px]']"
-                      size="small"
-                    >
-                      {{ t(reviewResultMap[key].label) }}
                     </a-tag>
                   </a-checkbox>
                 </a-checkbox-group>
@@ -321,7 +317,13 @@
   import useUserStore from '@/store/modules/user';
   import { hasAnyPermission } from '@/utils/permission';
 
-  import { ReviewCaseItem, ReviewItem, ReviewPassRule, ReviewResult } from '@/models/caseManagement/caseReview';
+  import {
+    ReviewCaseItem,
+    ReviewItem,
+    ReviewPassRule,
+    ReviewResult,
+    ReviewStatus,
+  } from '@/models/caseManagement/caseReview';
   import { BatchApiParams, ModuleTreeNode } from '@/models/common';
   import { CaseManagementRouteEnum } from '@/enums/routeEnum';
   import { TableKeyEnum } from '@/enums/tableEnum';
@@ -571,12 +573,14 @@
    * @param record 关联用例项
    * @param done 关闭弹窗
    */
-  async function handleDisassociateReviewCase(record: ReviewCaseItem, done) {
+  async function handleDisassociateReviewCase(record: ReviewCaseItem, done?: () => void) {
     try {
       disassociateLoading.value = true;
       await disassociateReviewCase(route.query.id as string, record.caseId);
       emit('refresh');
-      done();
+      if (done) {
+        done();
+      }
       Message.success(t('caseManagement.caseReview.disassociateSuccess'));
       loadList();
     } catch (error) {

frontend/src/views/case-management/caseReview/components/index/reviewTable.vue

@@ -45,11 +45,11 @@
                 <a-checkbox-group v-model:model-value="statusFilters" direction="vertical" size="small">
                   <a-checkbox v-for="key of Object.keys(reviewStatusMap)" :key="key" :value="key">
                     <a-tag
-                      :color="reviewStatusMap[key].color"
+                      :color="reviewStatusMap[key as ReviewStatus].color"
-                      :class="[reviewStatusMap[key].class, 'px-[4px]']"
+                      :class="[reviewStatusMap[key as ReviewStatus].class, 'px-[4px]']"
                       size="small"
                     >
-                      {{ t(reviewStatusMap[key].label) }}
+                      {{ t(reviewStatusMap[key as ReviewStatus].label) }}
                     </a-tag>
                   </a-checkbox>
                 </a-checkbox-group>

frontend/src/views/project-management/commonScript/components/scriptDetailDrawer.vue

@@ -309,8 +309,8 @@
       const { type, script } = form.value;
       const parameters = JSON.parse(form.value.params);
       parameters
-        .filter((item: any) => item.key && item.value)
+        .filter((item: Record<string, any>) => item.key && item.value)
-        .map((item) => {
+        .map((item: Record<string, any>) => {
           return {
             key: item.key,
             value: item.value,

frontend/src/views/project-management/commonScript/utils.ts

@@ -54,7 +54,7 @@ export const SCRIPT_MENU: CommonScriptMenu[] = [
 ];
 
 // 处理groovyCode 请求头
-function getGroovyHeaders(requestHeaders) {
+function getGroovyHeaders(requestHeaders: Record<string, any>) {
   let headers = '[';
   let index = 1;
   // for (const [k, v] of requestHeaders) {
@@ -65,7 +65,7 @@ function getGroovyHeaders(requestHeaders) {
   //   headers += `'${k}':'${v}'`;
   //   index++;
   // }
-  requestHeaders.forEach(([k, v]) => {
+  requestHeaders.forEach(([k, v]: any[]) => {
     if (index !== 1) {
       headers += ',';
     }
@@ -76,11 +76,11 @@ function getGroovyHeaders(requestHeaders) {
   return headers;
 }
 // 解析请求url
-function getRequestPath(requestArgs, requestPath) {
+function getRequestPath(requestArgs: any, requestPath: string) {
   if (requestArgs.size > 0) {
     requestPath += '?';
     let index = 1;
-    requestArgs.forEach(([k, v]) => {
+    requestArgs.forEach(([k, v]: any[]) => {
       if (index !== 1) {
         requestPath += '&';
       }
@@ -91,7 +91,7 @@ function getRequestPath(requestArgs, requestPath) {
   return requestPath;
 }
 // 处理mockPath
-function getMockPath(domain, port, socket) {
+function getMockPath(domain: string, port: string, socket: string) {
   if (domain === socket || !port) {
     return '';
   }
@@ -101,11 +101,11 @@ function getMockPath(domain, port, socket) {
 }
 
 // 处理请求参数
-function replaceRestParams(path, restMap) {
+function replaceRestParams(path: string, restMap: Map<string, string>) {
   if (!path) {
     return path;
   }
-  let arr = path.match(/{([\w]+)}/g);
+  let arr: any[] | null = path.match(/{([\w]+)}/g);
   if (Array.isArray(arr) && arr.length > 0) {
     arr = Array.from(new Set(arr));
     arr.forEach((str) => {
@@ -113,7 +113,7 @@ function replaceRestParams(path, restMap) {
         const temp = str.substr(1);
         const param = temp.substring(0, temp.length - 1);
         if (str && restMap.has(param)) {
-          path = path.replace(new RegExp(str, 'g'), restMap.get(param));
+          path = path.replace(new RegExp(str, 'g'), restMap.get(param) || '');
         }
       } catch (e) {
         // nothing
@@ -124,7 +124,7 @@ function replaceRestParams(path, restMap) {
 }
 
 // 返回最终groovyCode 代码模板片段
-function _groovyCodeTemplate(obj) {
+function _groovyCodeTemplate(obj: Record<string, any>) {
   const { requestUrl, requestMethod, headers, body } = obj;
   const params = `[
                 'url': '${requestUrl}',
@@ -160,7 +160,7 @@ log.info(conn.content.text)
 }
 
 // 处理groovyCode语言
-function groovyCode(requestObj) {
+function groovyCode(requestObj: Record<string, any>) {
   const {
     requestHeaders = new Map(),
     requestBody = '',
@@ -179,7 +179,7 @@ function groovyCode(requestObj) {
   let requestUrl = '';
   if (requestMethod.toLowerCase() === 'get' && requestBodyKvs) {
     // 如果是get方法要将kv值加入argument中
-    requestBodyKvs.forEach(([k, v]) => {
+    requestBodyKvs.forEach(([k, v]: any[]) => {
       requestArguments.set(k, v);
     });
   }
@@ -193,7 +193,7 @@ function groovyCode(requestObj) {
   if (requestMethod === 'POST' && bodyType === 'kvs') {
     body = '"';
 
-    requestBodyKvs.forEach(([k, v]) => {
+    requestBodyKvs.forEach(([k, v]: any[]) => {
       if (body !== '"') {
         body += '&';
       }
@@ -211,7 +211,7 @@ function groovyCode(requestObj) {
 }
 
 // 获取请求头
-function getHeaders(requestHeaders) {
+function getHeaders(requestHeaders: Map<string, string>) {
   let headers = '{';
   let index = 1;
   requestHeaders.forEach(([k, v]) => {
@@ -226,13 +226,13 @@ function getHeaders(requestHeaders) {
   return headers;
 }
 // 获取pythonCode 模板
-function _pythonCodeTemplate(obj) {
+function _pythonCodeTemplate(obj: Record<string, any>) {
-  const { requestBody, requestBodyKvs, bodyType, requestPath, requestMethod, connType, domain, port } = obj;
+  const { requestBodyKvs, requestPath, requestMethod, connType, domain, port } = obj;
   let { headers } = obj;
   let reqBody = obj.requestBody;
   if (requestMethod.toLowerCase() === 'post' && obj.bodyType === 'kvs' && obj.requestBodyKvs) {
     reqBody = 'urllib.urlencode({';
-    requestBodyKvs.forEach(([k, v]) => {
+    requestBodyKvs.forEach(([k, v]: any[]) => {
       reqBody += `'${k}':'${v}'`;
     });
     reqBody += `})`;
@@ -259,7 +259,7 @@ log.info(data)
 }
 
 // 处理pythonCode语言
-function pythonCode(requestObj) {
+function pythonCode(requestObj: Record<string, any>) {
   const {
     requestHeaders = new Map(),
     requestMethod = '',
@@ -280,7 +280,7 @@ function pythonCode(requestObj) {
   const headers = getHeaders(requestHeaders);
   requestBody = requestBody ? JSON.stringify(requestBody) : '{}';
   if (requestMethod.toLowerCase() === 'get' && requestBodyKvs) {
-    requestBodyKvs.forEach(([k, v]) => {
+    requestBodyKvs.forEach(([k, v]: any[]) => {
       requestArguments.set(k, v);
     });
   }
@@ -292,7 +292,7 @@ function pythonCode(requestObj) {
 }
 
 // 获取javaBeanshell代码模板
-function _beanshellTemplate(obj) {
+function _beanshellTemplate(obj: Record<string, any>) {
   const {
     requestHeaders = new Map(),
     requestBodyKvs = new Map(),
@@ -315,14 +315,14 @@ function _beanshellTemplate(obj) {
                 .setPath("${requestPath}")
                 `;
   // http 请求类型
-  const method = requestMethod.toLowerCase().replace(/^\S/, (s) => s.toUpperCase());
+  const method = requestMethod.toLowerCase().replace(/^\S/, (s: string) => s.toUpperCase());
   const httpMethodCode = `Http${method} request = new Http${method}(uri);`;
   // 设置参数
-  requestArguments.forEach(([k, v]) => {
+  requestArguments.forEach(([k, v]: any[]) => {
     uri += `.setParameter("${k}", "${v}")`;
   });
   if (method === 'Get' && requestBodyKvs) {
-    requestBodyKvs.forEach(([k, v]) => {
+    requestBodyKvs.forEach(([k, v]: any[]) => {
       uri += `.setParameter("${k}", "${v}")`;
     });
   }
@@ -330,7 +330,7 @@ function _beanshellTemplate(obj) {
   let postKvsParam = '';
   if (method === 'Post') {
     // 设置post参数
-    requestBodyKvs.forEach(([k, v]) => {
+    requestBodyKvs.forEach(([k, v]: any[]) => {
       postKvsParam += `nameValueList.add(new BasicNameValuePair("${k}", "${v}"));\r\n`;
     });
     if (postKvsParam !== '') {
@@ -349,7 +349,7 @@ function _beanshellTemplate(obj) {
   }
   // 设置请求头
   let setHeader = '';
-  requestHeaders.forEach(([k, v]) => {
+  requestHeaders.forEach(([k, v]: any[]) => {
     setHeader = `${setHeader}request.setHeader("${k}", "${v}");\n`;
   });
   try {
@@ -407,12 +407,12 @@ if (response.getStatusLine().getStatusCode() == 200) {
 }
 
 // 处理java语言
-function javaCode(requestObj) {
+function javaCode(requestObj: Record<string, any>) {
   return _beanshellTemplate(requestObj);
 }
 
 // 获取js语言代码模板
-function _jsTemplate(obj) {
+function _jsTemplate(obj: Record<string, any>) {
   const {
     requestHeaders = new Map(),
     requestMethod = 'GET',
@@ -437,7 +437,7 @@ function _jsTemplate(obj) {
   }
   if (requestMethod.toLowerCase() === 'get' && requestBodyKvs) {
     // 如果是get方法要将kv值加入argument中
-    requestBodyKvs.forEach(([k, v]) => {
+    requestBodyKvs.forEach(([k, v]: any[]) => {
       requestArguments.set(k, v);
     });
   }
@@ -452,13 +452,13 @@ function _jsTemplate(obj) {
   if (bodyType && bodyType.toUpperCase() === 'RAW') {
     requestHeaders.set('Content-type', 'text/plain');
   }
-  requestHeaders.forEach(([k, v]) => {
+  requestHeaders.forEach(([k, v]: any[]) => {
     connStr += `conn.setRequestProperty("${k}","${v}");\n`;
   });
 
   if (requestMethod === 'POST' && bodyType === 'kvs') {
     requestBody = '"';
-    requestBodyKvs.forEach(([k, v]) => {
+    requestBodyKvs.forEach(([k, v]: any[]) => {
       if (requestBody !== '"') {
         requestBody += '&';
       }
@@ -501,7 +501,7 @@ log.info(res);
 }
 
 // 处理js语言
-function jsCode(requestObj) {
+function jsCode(requestObj: Record<string, any>) {
   return _jsTemplate(requestObj);
 }
 

frontend/src/views/project-management/environmental/components/EnvParamBox.vue

@@ -75,7 +75,7 @@
 
 <script lang="ts" setup>
   import { ref } from 'vue';
-  import { Message } from '@arco-design/web-vue';
+  import { FormInstance, Message } from '@arco-design/web-vue';
   import { cloneDeep, isEqual } from 'lodash-es';
 
   import MsTab from '@/components/pure/ms-tab/index.vue';
@@ -116,7 +116,7 @@
   }>();
 
   const activeKey = ref<string>(EnvTabTypeEnum.ENVIRONMENT_PARAM);
-  const envForm = ref();
+  const envForm = ref<FormInstance>();
   const { t } = useI18n();
   const loading = ref(false);
   const tabSettingVisible = ref(false);

frontend/src/views/project-management/environmental/components/envParams/PluginTab.vue

@@ -45,7 +45,7 @@
     if (store.currentEnvDetailInfo.config.pluginConfigMap[props.pluginId]) {
       fApi.value?.reload(currentPluginScript.value);
       if (fApi.value) {
-        const form = {};
+        const form: Record<string, any> = {};
         props.fields.forEach((key) => {
           form[key] = tempForm[key];
         });

frontend/src/views/project-management/environmental/components/envParams/popUp/apiTree.vue

@@ -972,7 +972,7 @@
     return true;
   }
 
-  function onDragStart(e, node: MsTreeNodeData) {
+  function onDragStart(e: DragEvent, node: MsTreeNodeData) {
     tempDragNode.value = node;
   }
 
@@ -980,7 +980,7 @@
     tempDragNode.value = null;
   }
   const originalTreeData = ref<MsTreeNodeData[]>([]);
-  const { isInitListener, containerStatusClass, setContainer, initScrollListener } = useContainerShadow({
+  const { isInitListener, setContainer, initScrollListener } = useContainerShadow({
     overHeight: 32,
     containerClassName: 'ms-tree-container',
   });

frontend/src/views/project-management/environmental/components/envParams/popUp/domain.vue

@@ -41,7 +41,7 @@
 
   import { getEnvModules } from '@/api/modules/api-test/management';
   import { useI18n } from '@/hooks/useI18n';
-  import { useAppStore, useTableStore } from '@/store';
+  import { useAppStore } from '@/store';
   import { findNodeNames } from '@/utils';
 
   import type { ModuleTreeNode } from '@/models/common';
@@ -56,7 +56,7 @@
   }>();
 
   const emit = defineEmits<{
-    (e: 'update:visible', val: boolean);
+    (e: 'update:visible', val: boolean): void;
   }>();
 
   const innerVisible = useVModel(props, 'visible', emit);

frontend/src/views/project-management/fileManagement/components/fileDetailDrawer.vue

@@ -182,7 +182,7 @@
                   </a-tooltip>
                 </template>
                 <template #sourceType="{ record }">
-                  {{ t(associateFileSourceLocaleMap[record.sourceType]) }}
+                  {{ t(associateFileSourceLocaleMap[record.sourceType as keyof typeof associateFileSourceLocaleMap]) }}
                 </template>
                 <template #action="{ record }">
                   <MsButton

frontend/src/views/project-management/messageManagement/components/messageList.vue

@@ -77,7 +77,7 @@
         <MsTagGroup
           v-else-if="!record.children && hasAnyPermission(['PROJECT_MESSAGE:READ'])"
           is-string-tag
-          :tag-list="record.receivers?.map((e) => e.name) || []"
+          :tag-list="record.receivers?.map((e: Record<string,any>) => e.name) || []"
           theme="outline"
         />
         <span v-else></span>
@@ -330,7 +330,7 @@
     }));
   }
 
-  function getReceiverOptions(options, event: string) {
+  function getReceiverOptions(options: SelectOptionData[], event: string) {
     if (event === 'CREATE' || event === 'CASE_CREATE' || event === 'MOCK_CREATE') {
       // 创建事件的接收人不包含操作人、创建人、关注人
       options = options.filter((e) => !['OPERATOR', 'CREATE_USER', 'FOLLOW_PEOPLE'].includes(e.id));
@@ -444,10 +444,10 @@
   :deep(.arco-select-view-multiple.arco-select-view-size-medium .arco-select-view-tag) {
     margin-top: 1px;
     margin-bottom: 1px;
+    max-width: 80px;
+    height: auto;
+    min-height: 24px;
     line-height: 22px;
     vertical-align: middle;
-    height: auto;
-    max-width: 80px;
-    min-height: 24px;
   }
 </style>

frontend/src/views/project-management/projectAndPermission/menuManagement/components/defectSync.vue

@@ -187,7 +187,7 @@
 
   const emit = defineEmits<{
     (e: 'cancel', shouldSearch: boolean): void;
-    (e: 'ok');
+    (e: 'ok'): void;
   }>();
 
   const resetForm = () => {
@@ -292,7 +292,7 @@
 
     fApi.value?.setValue({ ...tempObj });
   }
-  function changeHandler(a, b) {
+  function changeHandler(a: any, b: FormRuleItem) {
     fApi.value.validateField(b.field);
     fApi.value.refreshValidate();
   }

frontend/src/views/project-management/taskCenter/component/apiCase.vue

@@ -87,7 +87,7 @@
         />
       </template>
       <template #triggerMode="{ record }">
-        <span>{{ t(ExecutionMethodsLabel[record.triggerMode]) }}</span>
+        <span>{{ t(ExecutionMethodsLabel[record.triggerMode as keyof typeof ExecutionMethodsLabel]) }}</span>
       </template>
       <template #triggerModeFilter="{ columnConfig }">
         <TableFilter
@@ -192,7 +192,6 @@
   import caseAndScenarioReportDrawer from '@/views/api-test/components/caseAndScenarioReportDrawer.vue';
   import ReportDetailDrawer from '@/views/api-test/report/component/reportDetailDrawer.vue';
   import TableFilter from '@/views/case-management/caseManagementFeature/components/tableFilter.vue';
-  import TemplateItem from '@/views/setting/organization/template/components/templateItem.vue';
 
   import {
     batchStopRealOrdApi,
@@ -215,9 +214,10 @@
   import { BatchApiParams } from '@/models/common';
   import { RouteEnum } from '@/enums/routeEnum';
   import { TableKeyEnum } from '@/enums/tableEnum';
-  import { ExecutionMethodsLabel, TaskCenterEnum } from '@/enums/taskCenter';
+  import { ExecutionMethodsLabel } from '@/enums/taskCenter';
 
-  import { ordAndProjectColumn, TaskStatus } from './utils';
+  import type { ResourceTypeMapKey } from './utils';
+  import { Group, ordAndProjectColumn, TaskStatus } from './utils';
 
   const { openNewPage } = useOpenNewPage();
   const tableStore = useTableStore();
@@ -226,14 +226,14 @@
 
   const { t } = useI18n();
   const props = defineProps<{
-    group: 'system' | 'organization' | 'project';
+    group: Group;
-    moduleType: keyof typeof TaskCenterEnum;
+    moduleType: ResourceTypeMapKey;
     name: string;
   }>();
   const keyword = ref<string>('');
   const statusFilterVisible = ref(false);
 
-  const permissionsMap = {
+  const permissionsMap: Record<Group, any> = {
     organization: {
       API_CASE: {
         stop: ['ORGANIZATION_TASK_CENTER:READ+STOP', 'PROJECT_API_DEFINITION_CASE:READ+EXECUTE'],

frontend/src/views/project-management/taskCenter/component/executionStatus.vue

@@ -18,18 +18,18 @@
 </template>
 
 <script setup lang="ts">
-  import { ref } from 'vue';
-
   import MsTag from '@/components/pure/ms-tag/ms-tag.vue';
 
   import { useI18n } from '@/hooks/useI18n';
 
   import { TaskCenterEnum } from '@/enums/taskCenter';
 
+  import type { ResourceTypeMapKey } from './utils';
+
   const { t } = useI18n();
   const props = defineProps<{
     status: string;
-    moduleType: keyof typeof TaskCenterEnum;
+    moduleType: ResourceTypeMapKey;
     scriptIdentifier?: string;
   }>();
 
@@ -39,7 +39,7 @@
     color?: string;
   }
 
-  const iconTypeStatus = ref({
+  const iconTypeStatus: Record<ResourceTypeMapKey, any> = {
     [TaskCenterEnum.API_CASE]: {
       SUCCESS: {
         icon: 'icon-icon_succeed_colorful',
@@ -183,10 +183,10 @@
         color: '!text-[rgb(var(--link-6))]',
       },
     },
-  });
+  };
 
   function getExecutionResult(): IconType {
-    return iconTypeStatus.value[props.moduleType][props.status];
+    return iconTypeStatus[props.moduleType][props.status];
   }
   const methodColor = 'rgb(var(--warning-7))';
 </script>

frontend/src/views/project-management/taskCenter/component/scheduledTask.vue

@@ -46,7 +46,9 @@
         </div>
       </template>
       <template #resourceType="{ record }">
-        <div type="text" class="flex w-full">{{ t(resourceTypeMap[record.resourceType].label) }}</div>
+        <div type="text" class="flex w-full">
+          {{ t(resourceTypeMap[record.resourceType as ResourceTypeMapKey].label) }}
+        </div>
       </template>
       <template #value="{ record }">
         <a-select
@@ -161,7 +163,7 @@
   import { TableKeyEnum } from '@/enums/tableEnum';
   import { TaskCenterEnum } from '@/enums/taskCenter';
 
-  import { ordAndProjectColumn, resourceTypeMap } from './utils';
+  import { Group, ordAndProjectColumn, resourceTypeMap, ResourceTypeMapKey } from './utils';
 
   const appStore = useAppStore();
 
@@ -172,7 +174,7 @@
   const { t } = useI18n();
 
   const props = defineProps<{
-    group: string;
+    group: Group;
     moduleType: keyof typeof TaskCenterEnum;
     name: string;
   }>();
@@ -213,7 +215,7 @@
     },
   });
 
-  const permissionsMap = {
+  const permissionsMap: Record<Group, any> = {
     organization: {
       API_IMPORT: {
         edit: ['ORGANIZATION_TASK_CENTER:READ+STOP', 'PROJECT_API_DEFINITION:READ+IMPORT'],

frontend/src/views/project-management/taskCenter/component/taskCom.vue

@@ -30,8 +30,10 @@
 
   import { TaskCenterEnum } from '@/enums/taskCenter';
 
+  import type { ResourceTypeMapKey } from './utils';
+
   const { t } = useI18n();
-  const activeTab = ref<keyof typeof TaskCenterEnum>(TaskCenterEnum.API_CASE);
+  const activeTab = ref<ResourceTypeMapKey>(TaskCenterEnum.API_CASE);
 
   const props = defineProps<{
     group: 'system' | 'organization' | 'project';

frontend/src/views/project-management/taskCenter/component/utils.ts

@@ -148,7 +148,16 @@ export const TaskStatus = {
   },
 };
 
-export const resourceTypeMap = {
+export type Group = 'system' | 'organization' | 'project';
+
+export type ResourceTypeMapKey =
+  | TaskCenterEnum.API_CASE
+  | TaskCenterEnum.API_SCENARIO
+  | TaskCenterEnum.UI_TEST
+  | TaskCenterEnum.LOAD_TEST
+  | TaskCenterEnum.TEST_PLAN;
+
+export const resourceTypeMap: Record<ResourceTypeMapKey, Record<string, any>> = {
   [TaskCenterEnum.API_CASE]: {
     value: TaskCenterEnum.API_CASE,
     label: 'project.taskCenter.interfaceCase',

frontend/src/views/setting/organization/template/components/addTemplate.vue

@@ -72,7 +72,7 @@
                 <a-checkbox
                   v-model="formItem.required"
                   class="mr-1"
-                  @change="(value) => changeState(value, formItem)"
+                  @change="(value) => changeState(value, formItem as DefinedFieldItem)"
                   >{{ t('system.orgTemplate.required') }}</a-checkbox
                 >
               </span>
@@ -545,9 +545,11 @@
     selectData.value = [...selectDataValue, ...newData];
   };
 
-  function changeState(value: boolean | (string | number | boolean)[], formItem) {
+  function changeState(value: boolean | (string | number | boolean)[], formItem: DefinedFieldItem) {
-    formItem.required = value;
+    formItem.required = !!value;
-    formItem.formRules[0].effect.required = value;
+    if (formItem.formRules) {
+      formItem.formRules[0].effect.required = value;
+    }
   }
 
   const systemFieldData = ref<CustomField[]>([]);

frontend/src/views/test-plan/testPlan/components/allTable.vue

@@ -33,11 +33,11 @@
               <a-checkbox-group v-model:model-value="statusFilters" direction="vertical" size="small">
                 <a-checkbox v-for="key of Object.keys(reviewStatusMap)" :key="key" :value="key">
                   <a-tag
-                    :color="reviewStatusMap[key].color"
+                    :color="reviewStatusMap[key as ReviewStatus].color"
-                    :class="[reviewStatusMap[key].class, 'px-[4px]']"
+                    :class="[reviewStatusMap[key as ReviewStatus].class, 'px-[4px]']"
                     size="small"
                   >
-                    {{ t(reviewStatusMap[key].label) }}
+                    {{ t(reviewStatusMap[key as ReviewStatus].label) }}
                   </a-tag>
                 </a-checkbox>
               </a-checkbox-group>
@@ -103,6 +103,7 @@
   import { useI18n } from '@/hooks/useI18n';
   import { useTableStore } from '@/store';
 
+  import { ReviewStatus } from '@/models/caseManagement/caseReview';
   import { ColumnEditTypeEnum, TableKeyEnum } from '@/enums/tableEnum';
 
   const tableStore = useTableStore();

frontend/tsconfig.json

@@ -48,6 +48,5 @@
         "types/*"
       ]
     },
-    "noImplicitAny": false,
   }
 }

frontend/types/global.d.ts

@@ -39,3 +39,11 @@ export interface GeneralChart {
 declare type Recordable<T = any> = Record<string, T>;
 
 export type LocaleType = 'zh-CN' | 'en-US';
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      [elemName: string]: any;
+    }
+  }
+}