@jiangood/open-admin 3.0.15 → 3.1.0

package/package.json

@@ -1,13 +1,21 @@
 {
   "devDependencies": {
+    "@babel/core": "^7.29.7",
+    "@eslint/js": "^10.0.1",
     "@playwright/test": "^1.62.0",
     "@types/qs": "^6.15.1",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^6.0.0",
     "babel-plugin-react-compiler": "^1.0.0",
+    "eslint": "^10.8.1",
+    "eslint-plugin-react-compiler": "^19.1.0-rc.2",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-react-refresh": "^0.5.4",
+    "globals": "^17.11.0",
     "less": "^4.2.0",
-    "typescript": "^7.0.0",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.67.0",
     "vite": "^8.0.0"
   },
   "peerDependencies": {
@@ -46,8 +54,13 @@
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview",
+    "lint": "eslint src --max-warnings=0",
+    "lint:fix": "eslint src --fix",
     "test:e2e": "playwright test",
     "test:e2e:ui": "playwright test --ui"
   },
-  "version": "3.0.15"
+  "version": "3.1.0",
+  "overrides": {
+    "zod-validation-error": "^4.0.2"
+  }
 }

package/src/framework/biz/OrgTree.tsx

@@ -1,6 +1,6 @@
-import {Alert, Skeleton, Tree} from 'antd';
+import {Alert, Skeleton, Tree, type TreeDataNode} from 'antd';
 import React from 'react';
-import {HttpUtils} from "../utils";
+import {HttpClient} from "../utils";
 import {NamedIcon} from "../components/NamedIcon";
 
 interface OrgTreeProps {
@@ -9,7 +9,7 @@ interface OrgTreeProps {
 
 interface OrgTreeState {
     treeDataLoading: boolean;
-    treeData: any[];
+    treeData: TreeDataNode[];
     currentOrgId: string | null;
 }
 
@@ -22,8 +22,8 @@ export class OrgTree extends React.Component<OrgTreeProps, OrgTreeState> {
     }
 
     componentDidMount() {
-        HttpUtils.get('admin/sysOrg/tree').then(tree => {
-            this.setState({treeData: tree, treeDataLoading: false})
+        HttpClient.get('admin/sysOrg/tree', null).then(tree => {
+            this.setState({treeData: tree.data, treeDataLoading: false})
         })
     }
 
@@ -48,7 +48,11 @@ export class OrgTree extends React.Component<OrgTreeProps, OrgTreeState> {
             onSelect={this.onSelectOrg}
             showIcon
             blockNode
-            icon={item => item.iconName ? <NamedIcon name={item.iconName}/> : null}
+            icon={renderOrgIcon}
         />
     }
 }
+
+function renderOrgIcon(item) {
+    return item.iconName ? <NamedIcon name={item.iconName}/> : null;
+}

package/src/framework/biz/PermActions.tsx

@@ -22,11 +22,13 @@ export interface PermAction {
     type?: 'primary' | 'dashed' | 'link' | 'text' | 'default';
 }
 
+export type ButtonSize = 'small' | 'middle' | 'large';
+
 export interface PermActionsProps {
     /** 是否折叠为「第一个操作 + 更多下拉」，多余操作进入 `...` 菜单 */
     more?: boolean;
     /** 按钮尺寸 */
-    size?: 'small' | 'middle' | 'large';
+    size?: ButtonSize;
     /** 传统写法：包裹带 `perm` 属性的子元素，按 `perm` 过滤。不推荐，建议改用 `actions` 数据驱动 */
     children?: React.ReactNode;
     /** 数据驱动模式：操作数组，按每个 action 的 perm 过滤 */
@@ -34,7 +36,7 @@ export interface PermActionsProps {
 }
 
 export class PermActions extends React.Component<PermActionsProps> {
-    static defaultProps: Partial<PermActionsProps> = {
+    static readonly defaultProps: Partial<PermActionsProps> = {
         more: false,
         size: 'middle',
     };
@@ -99,7 +101,7 @@ export class PermActions extends React.Component<PermActionsProps> {
 
         if (!more || visible.length <= 1) {
             const buttons = visible.map((action, index) => (
-                <React.Fragment key={index}>{this.renderButton(action, size)}</React.Fragment>
+                <React.Fragment key={index}>{this.renderButton(action, size)}</React.Fragment> // NOSONAR: 按钮无稳定 id，静态过滤后顺序不变
             ));
             return <Space>{buttons}</Space>;
         }

package/src/framework/biz/RoleTree.tsx

@@ -1,7 +1,7 @@
-import {Skeleton, Tree} from 'antd';
+import {Skeleton, Tree, type TreeDataNode} from 'antd';
 import React from 'react';
 import {SolutionOutlined} from '@ant-design/icons';
-import {HttpUtils} from "../utils";
+import {HttpClient} from "../utils";
 
 interface RoleTreeProps {
     onSelect?: (orgId: string | null) => void;
@@ -9,7 +9,7 @@ interface RoleTreeProps {
 
 interface RoleTreeState {
     treeDataLoading: boolean;
-    treeData: any[];
+    treeData: TreeDataNode[];
     currentOrgId: string | null;
 }
 
@@ -22,8 +22,8 @@ export class RoleTree extends React.Component<RoleTreeProps, RoleTreeState> {
     }
 
     componentDidMount() {
-        HttpUtils.get('admin/sysRole/biz-tree').then(tree => {
-            this.setState({treeData: tree, treeDataLoading: false})
+        HttpClient.get('admin/sysRole/biz-tree', null).then(tree => {
+            this.setState({treeData: tree.data, treeDataLoading: false})
         })
     }
 
@@ -44,7 +44,11 @@ export class RoleTree extends React.Component<RoleTreeProps, RoleTreeState> {
             onSelect={this.onSelect}
             showIcon
             blockNode
-            icon={item => <SolutionOutlined/>}
+            icon={renderRoleIcon}
         />
     }
 }
+
+function renderRoleIcon() {
+    return <SolutionOutlined/>;
+}

package/src/framework/biz/index.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable react-refresh/only-export-components */
 import {FieldRemoteSelect, FieldRemoteTreeSelect} from "../fields";
 import React, {type ComponentProps} from "react";
 

package/src/framework/components/ContextMenu/index.tsx

@@ -18,6 +18,11 @@ interface ContextMenuProps {
 }
 
 export class ContextMenu extends React.Component<ContextMenuProps> {
+    menuItemColor = (item): string => {
+        if (item.danger) return '#ff4d4f';
+        if (item.disabled) return 'rgba(0,0,0,0.25)';
+        return '#333';
+    };
     menuRef = React.createRef<HTMLDivElement>();
     timer: ReturnType<typeof setTimeout> | null = null;
 
@@ -90,17 +95,28 @@ export class ContextMenu extends React.Component<ContextMenuProps> {
                     ) : (
                         <div
                             key={item.key}
+                            role="menuitem"
+                            tabIndex={item.disabled ? -1 : 0}
                             onClick={() => {
                                 if (!item.disabled) {
                                     onClick({ key: item.key });
                                     onClose();
                                 }
                             }}
+                            onKeyDown={(e) => {
+                                if (e.key === 'Enter' || e.key === ' ') {
+                                    e.preventDefault();
+                                    if (!item.disabled) {
+                                        onClick({ key: item.key });
+                                        onClose();
+                                    }
+                                }
+                            }}
                             style={{
                                 padding: '5px 12px',
                                 fontSize: 13,
                                 cursor: item.disabled ? 'not-allowed' : 'pointer',
-                                color: item.danger ? '#ff4d4f' : item.disabled ? 'rgba(0,0,0,0.25)' : '#333',
+                                color: this.menuItemColor(item),
                                 display: 'flex',
                                 alignItems: 'center',
                                 gap: 8,

package/src/framework/components/DownloadModal/index.tsx

@@ -7,6 +7,7 @@ import {
 } from "@ant-design/icons";
 import axios from "axios";
 import qs from 'qs';
+import type {AxiosProgressEvent, AxiosRequestConfig, AxiosResponse} from "axios";
 
 const axiosInstance = axios.create({
   baseURL: import.meta.env.VITE_SERVER_SERVLET_CONTEXT_PATH,
@@ -17,8 +18,8 @@ const axiosInstance = axios.create({
 
 interface DownloadOptions {
   url: string;
-  params?: Record<string, any>;
-  data?: Record<string, any>;
+  params?: Record<string, unknown>;
+  data?: Record<string, unknown>;
   method?: 'GET' | 'POST';
   fileName?: string;
 }
@@ -39,8 +40,8 @@ export interface DownloadModalProps {
   onFinish?: () => void;
 }
 
-export class DownloadModal extends React.Component<DownloadModalProps, ModalState> {
-  private abortController: AbortController | null = null;
+export class DownloadModal extends React.Component<DownloadModalProps, ModalState> { // NOSONAR: state/定时器字段构造器赋值，无法全部 readonly
+  private abortController: AbortController | null = null; // NOSONAR: 构造器中赋值
   private lastOptions: DownloadOptions | null = null;
   private lastTime: number = 0;
   private lastLoaded: number = 0;
@@ -60,7 +61,7 @@ export class DownloadModal extends React.Component<DownloadModalProps, ModalStat
     };
   }
 
-  download = (options: DownloadOptions) => {
+  download = (options: DownloadOptions) => { // NOSONAR: ref 暴露给父组件/业务项目调用的公共 API
     this.startDownload(options);
   };
 
@@ -101,13 +102,29 @@ export class DownloadModal extends React.Component<DownloadModalProps, ModalStat
     this.setState({open: false, status: ''});
   };
 
+  renderFooter = () => {
+    const {status} = this.state;
+    if (status === 'downloading') {
+      return <Button danger onClick={this.handleCancel}>取消下载</Button>;
+    }
+    if (status === 'failed') {
+      return (
+        <>
+          <Button onClick={this.handleClose}>关闭</Button>
+          <Button type="primary" onClick={this.handleRetry}>重试</Button>
+        </>
+      );
+    }
+    return null;
+  };
+
   private handleRetry = () => {
     if (this.lastOptions) {
       this.startDownload(this.lastOptions);
     }
   };
 
-  private saveBlob(response: any) {
+  private saveBlob(response: AxiosResponse) {
     return new Promise<void>((resolve, reject) => {
       const {data: blob, headers} = response;
 
@@ -122,7 +139,7 @@ export class DownloadModal extends React.Component<DownloadModalProps, ModalStat
           try {
             const rs = JSON.parse(reader.result as string);
             reject(new Error(rs.message || '下载失败'));
-          } catch (e) {
+          } catch {
             reject(new Error('解析错误响应失败'));
           }
         };
@@ -134,11 +151,11 @@ export class DownloadModal extends React.Component<DownloadModalProps, ModalStat
       let filename = this.state.fileName;
       if (!filename && contentDisposition) {
         const match = /filename\*?=(?:['"]?)(?:UTF-8''|)(.+?)(?:['"]?$|;)/i.exec(contentDisposition);
-        let parsedName = match && match[1] ? match[1].trim() : 'download.file';
+        let parsedName = match?.[1] ? match[1].trim() : 'download.file';
         try {
-          parsedName = decodeURIComponent(parsedName.replace(/"/g, ''));
-        } catch (e) {
-          parsedName = parsedName.replace(/"/g, '');
+          parsedName = decodeURIComponent(parsedName.replaceAll('"', ''));
+        } catch {
+          parsedName = parsedName.replaceAll('"', '');
         }
         filename = parsedName;
       }
@@ -153,7 +170,7 @@ export class DownloadModal extends React.Component<DownloadModalProps, ModalStat
       link.download = filename || 'download.file';
       document.body.appendChild(link);
       link.click();
-      document.body.removeChild(link);
+      link.remove();
       window.URL.revokeObjectURL(url);
       resolve();
     });
@@ -193,12 +210,12 @@ export class DownloadModal extends React.Component<DownloadModalProps, ModalStat
       }
     }, 2000);
 
-    const config: any = {
+    const config: AxiosRequestConfig = {
       url: options.url,
       method: options.method || 'GET',
       responseType: 'blob',
       signal: this.abortController.signal,
-      onDownloadProgress: (progressEvent: any) => {
+      onDownloadProgress: (progressEvent: AxiosProgressEvent) => {
         const {loaded, total} = progressEvent;
         const now = Date.now();
         // 计算速度
@@ -209,12 +226,12 @@ export class DownloadModal extends React.Component<DownloadModalProps, ModalStat
           this.lastTime = now;
           this.lastLoaded = loaded;
         }
-        this.setState({
+        this.setState((prev) => ({
           progress: total ? Math.round((loaded / total) * 100) : 0,
           loaded,
           total,
-          speed: speed > 0 ? this.formatSpeed(speed) : this.state.speed,
-        });
+          speed: speed > 0 ? this.formatSpeed(speed) : prev.speed,
+        }));
       },
     };
 
@@ -225,19 +242,18 @@ export class DownloadModal extends React.Component<DownloadModalProps, ModalStat
       config.data = options.data;
     }
 
-    axiosInstance(config).then((response: any) => {
+    axiosInstance(config).then((response) => {
       this.clearSpeedTimer();
       return this.saveBlob(response);
     }).then(() => {
-      const total = this.state.total;
-      this.setState({
+      this.setState((prev) => ({
         status: 'completed',
         progress: 100,
         speed: '',
-        loaded: total || this.state.loaded,
-      });
+        loaded: prev.total || prev.loaded,
+      }));
       this.props.onFinish?.();
-    }).catch((error: any) => {
+    }).catch((error) => {
       this.clearSpeedTimer();
       if (axios.isCancel(error)) {
         // 用户取消，不显示错误
@@ -266,16 +282,7 @@ export class DownloadModal extends React.Component<DownloadModalProps, ModalStat
         mask={{closable: false}}
         closable={status !== 'downloading'}
         onCancel={this.handleClose}
-        footer={
-          status === 'downloading' ? (
-            <Button danger onClick={this.handleCancel}>取消下载</Button>
-          ) : status === 'failed' ? (
-            <>
-              <Button onClick={this.handleClose}>关闭</Button>
-              <Button type="primary" onClick={this.handleRetry}>重试</Button>
-            </>
-          ) : null
-        }
+        footer={this.renderFooter()}
         destroyOnHidden
       >
         <div style={{padding: '20px 0'}}>

package/src/framework/components/FormModal/index.tsx

@@ -3,28 +3,28 @@ import React from 'react'
 
 export interface FormModalProps {
   title: string
-  onFinish?: (values: Record<string, any>) => Promise<void> | void
-  onValuesChange?: (changedValues: any, allValues: any) => void
+  onFinish?: (values: Record<string, unknown>) => Promise<void> | void
+  onValuesChange?: (changedValues: Record<string, unknown>, allValues: Record<string, unknown>) => void
   width?: number
-  labelCol?: Record<string, any>
+  labelCol?: Record<string, unknown>
   children?: React.ReactNode
 }
 
-export default class FormModal extends React.Component<FormModalProps> {
+export default class FormModal extends React.Component<FormModalProps> { // NOSONAR: state 构造器中赋值
 
-  state = {
+  readonly state = { // NOSONAR: React state 惯例
     visible: false,
     confirmLoading: false,
   }
 
-  private pendingValues: Record<string, any> | null = null
+  private pendingValues: Record<string, unknown> | null = null
   private formRef = React.createRef<FormInstance>()
 
-  get formInstance() {
+  get formInstance() { // NOSONAR: ref 暴露给父组件/业务项目调用的公共 API
     return this.formRef.current
   }
 
-  open = (values?: Record<string, any>) => {
+  open = (values?: Record<string, unknown>) => { // NOSONAR: ref 暴露给父组件/业务项目调用的公共 API
     this.pendingValues = values || {}
     this.setState({visible: true})
   }
@@ -49,6 +49,8 @@ export default class FormModal extends React.Component<FormModalProps> {
       if (values == null) return
       await this.props.onFinish?.(values)
       this.setState({visible: false})
+    } catch {
+      // 提交失败（错误提示已由 HttpClient 弹出），保持弹窗打开以便用户修改后重试
     } finally {
       this.setState({confirmLoading: false})
     }

package/src/framework/components/NamedIcon/index.tsx

@@ -12,7 +12,7 @@ const iconLoaders: Record<string, () => Promise<{ default: IconComponent }>> = {
 for (const [path, loader] of Object.entries(
     import.meta.glob('/node_modules/@ant-design/icons/es/icons/*.js')
 )) {
-    const name = /([^/]+)\.js$/.exec(path)?.[1];
+    const name = /([^/]+)\.js$/.exec(path)?.[1]; // NOSONAR: 提取文件名，已最简
     if (name) {
         iconLoaders[name] = loader as () => Promise<{ default: IconComponent }>;
     }
@@ -52,7 +52,7 @@ export function NamedIcon(props: NamedIconProps): React.ReactElement {
         };
     }, [name]);
 
-    const Icon = (loaded && loaded.name === name) ? loaded.comp : iconCache.get(name);
+    const Icon = (loaded?.name === name) ? loaded.comp : iconCache.get(name);
 
     if (Icon) {
         return <Icon {...rest} />;

package/src/framework/components/OrgSwitcher/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import {TreeSelect} from "antd";
-import {HttpUtils} from "../../utils";
+import {HttpClient} from "../../utils";
 
 interface OrgNode {
     title: string;
@@ -14,21 +14,20 @@ const countUnits = (nodes: OrgNode[] = []): number =>
 /**
  * 组织机构切换器：切换当前组织机构（单位），默认隐藏，由 Layouts 的 orgSwitcher 插槽按需渲染。
  */
-export class OrgSwitcher extends React.Component<{}, {tree: OrgNode[]; currentOrgId: string | null}> {
+export class OrgSwitcher extends React.Component<Record<string, never>, {tree: OrgNode[]; currentOrgId: string | null}> {
     state = {tree: [], currentOrgId: null};
 
     componentDidMount() {
-        HttpUtils.get("admin/myOrgs").then(data => {
-            if (data) {
-                this.setState({tree: data.tree || [], currentOrgId: data.currentOrgId || null});
+        HttpClient.get("admin/myOrgs", null).then(data => {
+            if (data.data) {
+                this.setState({tree: data.data.tree || [], currentOrgId: data.data.currentOrgId || null});
             }
         });
     }
 
     handleChange = (orgId: string) => {
-        HttpUtils.post("admin/switchOrg", {orgId}).then(() => {
+        HttpClient.post("admin/switchOrg", {orgId}, null).then(() => {
             setTimeout(() => location.reload(), 1000);
-        }).catch(() => {
         });
     };
 

package/src/framework/components/PageLoading/index.tsx

@@ -9,9 +9,9 @@ export interface PageLoadingProps {
     messages?: string[];
 }
 
-export function PageLoading(props: PageLoadingProps) {
+export function PageLoading(props: PageLoadingProps) { // NOSONAR: 仅读取 props，函数组件无需变更
     const titles = props.messages || (props.message ? [props.message] : ['页面加载中...']);
-    const primaryColor = getToken().colorPrimary;
+    const primaryColor = getToken().colorPrimary ?? "";
 
     return (
         <div className="oa-page-loading">
@@ -22,7 +22,7 @@ export function PageLoading(props: PageLoadingProps) {
                 <div className="oa-page-loading-messages">
                     {titles.map((msg, i) => (
                         <Alert
-                            key={i}
+                            key={i} // NOSONAR: 提示文案列表静态无稳定 key
                             title={<span style={{color: primaryColor}}>{msg}</span>}
                             type="info"
                             showIcon

package/src/framework/components/ProTable/index.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import {Button, Form, Table} from 'antd';
 import type {FormInstance, TableProps} from 'antd';
 
-import {StringUtils} from "../../utils";
+import {StringUtils, type AjaxBody} from "../../utils";
 
 import './index.less'
 
@@ -13,27 +13,32 @@ export interface ProTableActionRef {
 }
 
 /** request 返回结构（Spring Data Page 序列化 + 扩展数据） */
-export interface ProTableRequestResult<T = any> {
+export interface ProTableRequestResult<T = unknown> {
     content: T[];
     totalElements: number | string;
     size: number;
     extData?: {
         summary?: React.ReactNode;
-        [key: string]: any;
+        [key: string]: unknown;
     };
 }
 
-export interface ProTableProps<T = any> {
-    /** 数据请求，框架自动注入 page/size/sort 参数 */
-    request: (params: Record<string, any>) => Promise<ProTableRequestResult<T>>;
+export interface ProTableProps<T = unknown> {
+    /**
+     * 数据请求（Promise 式），框架自动注入 page/size/sort 参数。
+     * 返回 HttpClient 的 Promise：request = (params) => HttpClient.get(url, params)
+     * ProTable 自动取 AjaxResult 的 data（分页结构 {content, totalElements, extData}）。
+     * 失败时 HttpClient 默认自动弹错，ProTable 内部静默复位 loading。
+     */
+    request: (params: Record<string, unknown>) => Promise<AjaxBody<ProTableRequestResult<T>>>;
     /** antd Table 列定义 */
     columns: TableProps<T>['columns'];
     /** 获取表格操作句柄（reload） */
-    actionRef?: React.MutableRefObject<ProTableActionRef | undefined>;
+    actionRef?: React.RefObject<ProTableActionRef | undefined>;
     /** 获取搜索表单实例 */
-    formRef?: React.MutableRefObject<FormInstance | undefined>;
+    formRef?: React.RefObject<FormInstance | undefined>;
     /** 工具栏渲染，参数为当前搜索值与行选择状态 */
-    toolBarRender?: (params: Record<string, any>, selection: {
+    toolBarRender?: (params: Record<string, unknown>, selection: {
         selectedRows: T[];
         selectedRowKeys: React.Key[];
     }) => React.ReactNode;
@@ -54,12 +59,12 @@ export interface ProTableProps<T = any> {
     treeMode?: boolean;
 }
 
-interface ProTableState<T = any> {
+interface ProTableState<T = unknown> {
     selectedRowKeys: React.Key[];
     selectedRows: T[];
     tableSize: 'small' | 'middle' | 'large';
     loading: boolean;
-    params: Record<string, any>;
+    params: Record<string, unknown>;
     dataSource: T[];
     total: number;
     current: number;
@@ -70,12 +75,12 @@ interface ProTableState<T = any> {
     };
     extData: {
         summary?: React.ReactNode;
-        [key: string]: any;
+        [key: string]: unknown;
     };
     scrollY: number | string | null;
 }
 
-export class ProTable<T = any> extends React.Component<ProTableProps<T>, ProTableState<T>> {
+export class ProTable<T = unknown> extends React.Component<ProTableProps<T>, ProTableState<T>> {
 
 
     state: ProTableState<T> = {
@@ -150,23 +155,22 @@ export class ProTable<T = any> extends React.Component<ProTableProps<T>, ProTabl
         }
 
 
-        this.setState({loading: true})
-        request(params).then(rs => {
-            const {content, totalElements, size,extData} = rs;
+this.setState({loading: true})
+        request(params).then((rs: AjaxBody<ProTableRequestResult<T>>) => {
+            const {content, totalElements, size, extData} = rs.data;
 
-
-            this.setState({dataSource: content, total: Number(totalElements),pageSize:size})
+            this.setState({dataSource: content, total: Number(totalElements), pageSize: size})
             if (extData) {
                 this.setState({extData})
             }
             this.updateSelectedRows(content)
-
-        }).finally(() => {
+            this.setState({loading: false})
+        }).catch(() => {
+            // 错误提示已由 HttpClient 默认弹出，此处仅复位 loading
             this.setState({loading: false})
         })
     }
 
-
     // 数据重新加载后，更新toolbar需要的已选择数据行
     updateSelectedRows = list => {
         const {rowKey = "id"} = this.props
@@ -180,7 +184,6 @@ export class ProTable<T = any> extends React.Component<ProTableProps<T>, ProTabl
 
     render() {
         const {
-            actionRef,
             toolBarRender,
             columns,
             rowSelection,
@@ -215,7 +218,7 @@ export class ProTable<T = any> extends React.Component<ProTableProps<T>, ProTabl
                         showTotal: (total) => `共 ${total} 条`
                     }}
 
-                    onChange={(pagination, filters, sorter, extra) => {
+                    onChange={(pagination, filters, sorter) => {
                         if (this.props.treeMode) {
                             this.setState({sorter}, this.loadData)
                         } else {
@@ -298,11 +301,11 @@ export class ProTable<T = any> extends React.Component<ProTableProps<T>, ProTabl
         };
     };
 
-    onSearch = (values: Record<string, any>) => {
+    onSearch = (values: Record<string, unknown>) => {
         this.setState({params: values, current: 1, sorter: {}}, this.loadData)
     }
 
-    changeFormValues = (values: Record<string, any>) => {
+    changeFormValues = (values: Record<string, unknown>) => { // NOSONAR: ref 暴露给父组件/业务项目调用的公共 API
         if (this.formRef.current) {
             this.formRef.current.resetFields()
             this.formRef.current.setFieldsValue(values)

package/src/framework/components/ValueType/index.tsx

@@ -8,7 +8,7 @@ function getComponent(registry, type) {
     if (!type) {
         return
     }
-    for (let key in registry) {
+    for (const key in registry) {
         if (key.toLowerCase() === type.toLowerCase()) {
             return registry[key]
         }