diff --git a/.eslintignore b/.eslintignore
deleted file mode 100644
index 18e9f7cb20..0000000000
--- a/.eslintignore
+++ /dev/null
@@ -1,16 +0,0 @@
-snapshot*
-dist/
-esm/
-lib/
-cjs/
-lib/
-es/
-node_modules/
-static
-cypress
-script/test/cypress
-_site
-temp*
-static/
-packages/common
-packages/ai-core
diff --git a/.eslintrc.js b/.eslintrc.js
deleted file mode 100644
index 2ae538404a..0000000000
--- a/.eslintrc.js
+++ /dev/null
@@ -1,143 +0,0 @@
-module.exports = {
-  extends: [
-    'airbnb-base',
-    'prettier', // eslint-config-prettier 处理冲突
-    'plugin:react/recommended',
-    'plugin:@typescript-eslint/recommended',
-  ],
-  parser: '@typescript-eslint/parser',
-  plugins: ['@typescript-eslint', 'react-hooks', 'simple-import-sort'],
-  env: {
-    browser: true,
-    node: true,
-    jest: true,
-  },
-  settings: {
-    react: {
-      pragma: 'React',
-      version: 'detect',
-    },
-  },
-  parserOptions: {
-    ecmaVersion: 2019,
-    sourceType: 'module',
-    ecmaFeatures: {
-      jsx: true,
-    },
-  },
-  rules: {
-    'no-console': [
-      'warn',
-      {
-        allow: ['info', 'warn', 'error'],
-      },
-    ],
-
-    // code style config
-    'no-param-reassign': 'off',
-    'guard-for-in': 'off',
-    'no-use-before-define': 'off',
-    'no-throw-literal': 'off',
-    'no-unused-expressions': 'off',
-    'no-bitwise': 'off',
-    'no-useless-return': 'off',
-    'no-plusplus': [
-      'error',
-      {
-        allowForLoopAfterthoughts: true,
-      },
-    ],
-    'no-continue': 'off',
-    'no-return-assign': 'off',
-    'no-restricted-syntax': 'off',
-    'no-restricted-globals': 'off',
-    'no-unneeded-ternary': 'off',
-    'eol-last': 'error',
-    'func-names': 'off',
-    'consistent-return': 'off',
-    'default-case': 'off',
-    'no-restricted-imports': [
-      'error',
-      {
-        paths: [
-          {
-            name: 'lodash',
-            message: 'Please use lodash-es instead.',
-          },
-        ],
-      },
-    ],
-    'max-len': 'off',
-    'no-shadow': 'off',
-
-    // import config
-    'import/order': 'off',
-    'import/extensions': 'off',
-    'import/no-named-as-default': 'off',
-    'import/prefer-default-export': 'off',
-    'import/no-extraneous-dependencies': 'off',
-    'import/no-cycle': 'off',
-    'import/no-unresolved': 'off',
-    'import/no-relative-packages': 'off',
-    'simple-import-sort/imports': [
-      'error',
-      {
-        groups: [
-          // NodeJS 内置模块
-          [
-            '^(assert|buffer|child_process|cluster|console|constants|crypto|dgram|dns|domain|events|fs|http|https|module|net|os|path|punycode|querystring|readline|repl|stream|string_decoder|sys|timers|tls|tty|url|util|vm|zlib)(/.*|$)',
-          ],
-          // 副作用导入（例如 "dotenv/config"
-          ['^\\u0000'],
-          // 第三方包
-          ['^react', '^\\w', '^@\\w'],
-          // 内部路径别名
-          ['^@/'],
-          // 相对路径
-          ['^\\.'],
-          // 类型
-          ['^react\\u0000$', '^@?\\w.*\\u0000$', '^@/.*\\u0000$', '^\\..*\\u0000$'],
-          // css
-          ['\\.css$', '\\.less$'],
-        ],
-      },
-    ],
-    'simple-import-sort/exports': 'error',
-
-    // typescript config
-    '@typescript-eslint/explicit-module-boundary-types': 'off',
-    '@typescript-eslint/ban-types': 'off',
-    '@typescript-eslint/explicit-function-return-type': 'off',
-    '@typescript-eslint/indent': ['off', 2],
-    '@typescript-eslint/ban-ts-comment': 'off',
-    '@typescript-eslint/camelcase': 'off',
-    '@typescript-eslint/no-empty-interface': 'error',
-    '@typescript-eslint/no-explicit-any': 'off',
-    '@typescript-eslint/no-use-before-define': ['error', { functions: false }],
-    '@typescript-eslint/no-var-requires': 'off',
-    '@typescript-eslint/no-unused-vars': 'error',
-    'import/consistent-type-specifier-style': ['error', 'prefer-top-level'],
-    '@typescript-eslint/consistent-type-imports': [
-      'error',
-      {
-        prefer: 'type-imports',
-        fixStyle: 'separate-type-imports',
-        disallowTypeAnnotations: false,
-      },
-    ],
-
-    // react config
-    'react/display-name': 'off',
-    'react-hooks/exhaustive-deps': 'warn',
-    'react-hooks/rules-of-hooks': 'error',
-    'react/prop-types': 'off',
-  },
-  overrides: [
-    {
-      files: ['**/_example/**/*', '**/__tests__/**/*'],
-      rules: {
-        'no-console': 'off',
-      },
-    },
-  ],
-};
diff --git a/.prettierignore b/.prettierignore
deleted file mode 100644
index fa9c16338e..0000000000
--- a/.prettierignore
+++ /dev/null
@@ -1 +0,0 @@
-site/engineering/static
\ No newline at end of file
diff --git a/.prettierrc.js b/.prettierrc.js
deleted file mode 100644
index 5e922325a3..0000000000
--- a/.prettierrc.js
+++ /dev/null
@@ -1,39 +0,0 @@
-module.exports = {
-  // 一行最多 120 字符
-  printWidth: 120,
-  // 使用 2 个空格缩进
-  tabWidth: 2,
-  // 不使用缩进符，而使用空格
-  useTabs: false,
-  // 行尾需要有分号
-  semi: true,
-  // 使用单引号
-  singleQuote: true,
-  // 对象的 key 仅在必要时用引号
-  quoteProps: 'as-needed',
-  // jsx 不使用单引号，而使用双引号
-  jsxSingleQuote: false,
-  // 末尾需要有逗号
-  trailingComma: 'all',
-  // 大括号内的首尾需要空格
-  bracketSpacing: true,
-  // jsx 标签的反尖括号需要换行
-  jsxBracketSameLine: false,
-  // 箭头函数，只有一个参数的时候，也需要括号
-  arrowParens: 'always',
-  // 每个文件格式化的范围是文件的全部内容
-  rangeStart: 0,
-  rangeEnd: Infinity,
-  // 不需要写文件开头的 @prettier
-  requirePragma: false,
-  // 不需要自动在文件开头插入 @prettier
-  insertPragma: false,
-  // 使用默认的折行标准
-  proseWrap: 'preserve',
-  // 根据显示样式决定 html 要不要折行
-  htmlWhitespaceSensitivity: 'css',
-  // vue 文件中的 script 和 style 内不用缩进
-  vueIndentScriptAndStyle: false,
-  // 换行符使用 lf
-  endOfLine: 'lf',
-};
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 5612f155f8..eff4ee73d0 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,25 +1,30 @@
 {
   "typescript.preferences.importModuleSpecifier": "relative",
-  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact"
+  ],
   "[html]": {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
   },
   "[typescriptreact]": {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
   },
   "[javascriptreact]": {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
   },
   "[typescript]": {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
   },
   "[javascript]": {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
   },
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit"
@@ -71,5 +76,6 @@
     "*.xaml": "$(capture).xaml.cs",
     "tsconfig.json": "tsconfig.*.json",
     "vitest.config.ts": "babel.config.js, postcss.config.js"
-  }
+  },
+  "js/ts.tsdk.path": "node_modules/typescript/lib"
 }
diff --git a/eslint.config.ts b/eslint.config.ts
new file mode 100644
index 0000000000..0a536c5f7a
--- /dev/null
+++ b/eslint.config.ts
@@ -0,0 +1,235 @@
+import importPlugin from 'eslint-plugin-import';
+import prettierPlugin from 'eslint-plugin-prettier';
+import simpleImportSort from 'eslint-plugin-simple-import-sort';
+import globals from 'globals';
+import eslintReact from '@eslint-react/eslint-plugin';
+import tsPlugin from '@typescript-eslint/eslint-plugin';
+import tsParser from '@typescript-eslint/parser';
+
+import type { Linter } from 'eslint';
+
+const eslintConfig: Linter.Config[] = [
+  {
+    ignores: [
+      'snapshot*',
+      '**/dist/**',
+      '**/esm/**',
+      '**/lib/**',
+      '**/cjs/**',
+      '**/es/**',
+      '**/node_modules/**',
+      '**/static/**',
+      '**/cypress/**',
+      'script/test/cypress/**',
+      '**/_site/**',
+      'temp*',
+      'packages/common/**',
+      'packages/ai-core/**',
+      '**/_usage/**',
+      '**/_example-js/**',
+      // auto-generated file
+      '**/site/test-coverage.js',
+    ],
+  },
+  {
+    ...eslintReact.configs['recommended-typescript'],
+    files: ['**/*.{ts,tsx,js,jsx}'],
+  },
+  {
+    files: ['**/*.{ts,tsx,js,jsx}'],
+    plugins: {
+      // @ts-ignore
+      '@typescript-eslint': tsPlugin,
+      'simple-import-sort': simpleImportSort,
+      import: importPlugin,
+      prettier: prettierPlugin,
+    },
+    languageOptions: {
+      parser: tsParser,
+      parserOptions: {
+        ecmaVersion: 2019,
+        sourceType: 'module',
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+        ...globals.jest,
+      },
+    },
+    rules: {
+      ...tsPlugin.configs.recommended.rules,
+      'no-console': [
+        'warn',
+        {
+          allow: ['info', 'warn', 'error'],
+        },
+      ],
+      'no-param-reassign': 'off',
+      'guard-for-in': 'off',
+      'no-use-before-define': 'off',
+      'no-throw-literal': 'off',
+      'no-bitwise': 'off',
+      'no-useless-return': 'off',
+      'no-plusplus': [
+        'error',
+        {
+          allowForLoopAfterthoughts: true,
+        },
+      ],
+      'no-continue': 'off',
+      'no-return-assign': 'off',
+      'no-restricted-syntax': 'off',
+      'no-restricted-globals': 'off',
+      'no-unneeded-ternary': 'off',
+      'eol-last': 'error',
+      'func-names': 'off',
+      'consistent-return': 'off',
+      'default-case': 'off',
+      'no-restricted-imports': [
+        'error',
+        {
+          paths: [
+            {
+              name: 'lodash',
+              message: 'Please use lodash-es instead.',
+            },
+          ],
+        },
+      ],
+      'max-len': 'off',
+      'no-shadow': 'off',
+      // Import
+      'simple-import-sort/imports': [
+        'error',
+        {
+          groups: [
+            // NodeJS 内置模块
+            [
+              '^(assert|buffer|child_process|cluster|console|constants|crypto|dgram|dns|domain|events|fs|http|https|module|net|os|path|punycode|querystring|readline|repl|stream|string_decoder|sys|timers|tls|tty|url|util|vm|zlib)(/.*|$)',
+            ],
+            // 副作用导入（例如 "dotenv/config"
+            ['^\\u0000'],
+            // 第三方包
+            ['^react', '^\\w', '^@\\w'],
+            // 内部路径别名
+            ['^@/'],
+            // 相对路径
+            ['^\\.'],
+            // 类型
+            ['^react\\u0000$', '^@?\\w.*\\u0000$', '^@/.*\\u0000$', '^\\..*\\u0000$'],
+            // css
+            ['\\.css$', '\\.less$'],
+          ],
+        },
+      ],
+      'simple-import-sort/exports': 'error',
+      // TS
+      '@typescript-eslint/explicit-module-boundary-types': 'off',
+      '@typescript-eslint/ban-types': 'off',
+      '@typescript-eslint/explicit-function-return-type': 'off',
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/camelcase': 'off',
+      '@typescript-eslint/no-empty-interface': 'error',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-var-requires': 'off',
+      '@typescript-eslint/no-unsafe-function-type': 'warn',
+      '@typescript-eslint/no-use-before-define': ['error', { functions: false }],
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        {
+          argsIgnorePattern: '^_',
+          varsIgnorePattern: '^_',
+          caughtErrorsIgnorePattern: '^_',
+        },
+      ],
+      '@typescript-eslint/consistent-type-imports': [
+        'error',
+        {
+          prefer: 'type-imports',
+          fixStyle: 'separate-type-imports',
+          disallowTypeAnnotations: false,
+        },
+      ],
+      '@typescript-eslint/no-unused-expressions': [
+        'error',
+        {
+          allowShortCircuit: true,
+          allowTernary: true,
+        },
+      ],
+      // React
+      '@eslint-react/naming-convention-ref-name': 'off',
+      '@eslint-react/set-state-in-effect': 'off',
+      '@eslint-react/static-components': 'off',
+      '@eslint-react/no-clone-element': 'off',
+      '@eslint-react/web-api-no-leaked-timeout': 'off',
+      '@eslint-react/exhaustive-deps': 'warn',
+      '@eslint-react/no-nested-component-definitions': 'warn',
+      '@eslint-react/no-missing-key': 'error',
+      '@eslint-react/no-direct-mutation-state': 'error',
+      '@eslint-react/rules-of-hooks': 'error',
+      // Prettier
+      'prettier/prettier': [
+        'error',
+        {
+          // 一行最多 120 字符
+          printWidth: 120,
+          // 使用 2 个空格缩进
+          tabWidth: 2,
+          // 不使用缩进符，而使用空格
+          useTabs: false,
+          // 行尾需要有分号
+          semi: true,
+          // 使用单引号
+          singleQuote: true,
+          // 对象的 key 仅在必要时用引号
+          quoteProps: 'as-needed',
+          // jsx 不使用单引号，而使用双引号
+          jsxSingleQuote: false,
+          // 末尾需要有逗号
+          trailingComma: 'all',
+          // 大括号内的首尾需要空格
+          bracketSpacing: true,
+          // jsx 标签的反尖括号需要换行
+          jsxBracketSameLine: false,
+          // 箭头函数，只有一个参数的时候，也需要括号
+          arrowParens: 'always',
+          // 每个文件格式化的范围是文件的全部内容
+          rangeStart: 0,
+          rangeEnd: Infinity,
+          // 不需要写文件开头的 @prettier
+          requirePragma: false,
+          // 不需要自动在文件开头插入 @prettier
+          insertPragma: false,
+          // 使用默认的折行标准
+          proseWrap: 'preserve',
+          // 根据显示样式决定 html 要不要折行
+          htmlWhitespaceSensitivity: 'css',
+          // vue 文件中的 script 和 style 内不用缩进
+          vueIndentScriptAndStyle: false,
+          // 换行符使用 lf
+          endOfLine: 'lf',
+        },
+      ],
+    },
+  },
+  // Override for example and test files
+  {
+    files: ['**/_example/**/*', '**/__tests__/**/*'],
+    rules: {
+      'no-console': 'off',
+    },
+  },
+  // Override for script files
+  {
+    files: ['script/**/*', 'test/**/*'],
+    rules: {
+      '@typescript-eslint/no-require-imports': 'off',
+    },
+  },
+];
+
+export default eslintConfig;
diff --git a/package.json b/package.json
index c13cf64f4c..04d5626300 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,7 @@
   "lint-staged": {
     "packages/**/*.{ts,tsx}": [
       "prettier --write",
-      "pnpm run lint:fix"
+      "eslint --ext .ts,.tsx --ignore-pattern ./packages/components/__tests__ --fix"
     ]
   },
   "keywords": [
@@ -73,6 +73,7 @@
     "@babel/preset-typescript": "^7.16.5",
     "@commitlint/cli": "^16.1.0",
     "@commitlint/config-conventional": "^17.1.0",
+    "@eslint-react/eslint-plugin": "^5.8.18",
     "@istanbuljs/nyc-config-typescript": "^1.0.2",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^21.0.2",
@@ -88,8 +89,8 @@
     "@types/react-dom": "^18.2.0",
     "@types/rimraf": "^4.0.5",
     "@types/testing-library__jest-dom": "5.14.2",
-    "@typescript-eslint/eslint-plugin": "^5.13.0",
-    "@typescript-eslint/parser": "^5.13.0",
+    "@typescript-eslint/eslint-plugin": "^8.61.0",
+    "@typescript-eslint/parser": "^8.61.0",
     "@vitejs/plugin-react": "^5.1.1",
     "@vitest/coverage-istanbul": "^2.1.1",
     "@vitest/coverage-v8": "^2.1.1",
@@ -101,11 +102,8 @@
     "cz-conventional-changelog": "^3.3.0",
     "dom-parser": "^0.1.6",
     "esbuild": "^0.14.9",
-    "eslint": "^7.32.0",
+    "eslint": "^10.4.1",
     "eslint-config-airbnb-base": "^14.2.1",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-react": "~7.28.0",
-    "eslint-plugin-react-hooks": "^4.0.0",
     "eslint-plugin-simple-import-sort": "^13.0.0",
     "fs-extra": "^11.3.0",
     "glob": "^9.0.3",
diff --git a/packages/components/_util/createHookContext.tsx b/packages/components/_util/createHookContext.tsx
index 5e6a8a2780..e9d342a9b8 100644
--- a/packages/components/_util/createHookContext.tsx
+++ b/packages/components/_util/createHookContext.tsx
@@ -19,7 +19,6 @@ export function createHookContext<T, P>(hook: (value: P) => T) {
   }
 
   function use() {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
     return useContext(Context);
   }
 
diff --git a/packages/components/_util/easing.ts b/packages/components/_util/easing.ts
index 8e608af21e..c8e62fb3d5 100644
--- a/packages/components/_util/easing.ts
+++ b/packages/components/_util/easing.ts
@@ -37,6 +37,5 @@ export const easeInOutCubic: EasingFunction = function (current, start, end, dur
     return change * time * time * time + start;
   }
   time -= 2;
-  // eslint-disable-next-line no-return-assign
   return change * (time * time * time + 2) + start;
 };
diff --git a/packages/components/_util/forwardRefWithStatics.ts b/packages/components/_util/forwardRefWithStatics.ts
index c61ae93b70..00a9cbcd4f 100644
--- a/packages/components/_util/forwardRefWithStatics.ts
+++ b/packages/components/_util/forwardRefWithStatics.ts
@@ -3,7 +3,7 @@ import hoistNonReactStatics from 'hoist-non-react-statics';
 
 import type { FC, ForwardRefRenderFunction, RefAttributes } from 'react';
 
-export default function forwardRefWithStatics<P, T = any, S = {}>(
+export default function forwardRefWithStatics<P, T = any, S = object>(
   component: ForwardRefRenderFunction<T, P>,
   statics?: S,
 ): FC<P & RefAttributes<T>> & S {
diff --git a/packages/components/_util/noop.ts b/packages/components/_util/noop.ts
index 25ad2f7911..77787df8dd 100644
--- a/packages/components/_util/noop.ts
+++ b/packages/components/_util/noop.ts
@@ -1,4 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-empty-function
 const noop = () => {};
 
 export default noop;
diff --git a/packages/components/_util/parseTNode.ts b/packages/components/_util/parseTNode.ts
index 18b04d580f..e39bd0245e 100644
--- a/packages/components/_util/parseTNode.ts
+++ b/packages/components/_util/parseTNode.ts
@@ -34,7 +34,7 @@ export function parseContentTNode<T>(tnode: TNode<T>, props: T) {
   if (!tnode || ['string', 'number', 'boolean'].includes(typeof tnode)) return tnode as ReactNode;
   try {
     return React.cloneElement(tnode as ReactElement, { ...props });
-  } catch (e) {
+  } catch (_) {
     log.warn('parseContentTNode', `${tnode} is not a valid ReactNode`);
     return null;
   }
diff --git a/packages/components/_util/react-render.ts b/packages/components/_util/react-render.ts
index 6a1e9669ea..57ca4df68c 100644
--- a/packages/components/_util/react-render.ts
+++ b/packages/components/_util/react-render.ts
@@ -25,7 +25,7 @@ try {
   if (mainVersion >= 18 && mainVersion < 19) {
     legacyCreateRoot = fullClone.createRoot;
   }
-} catch (e) {
+} catch (_) {
   // Do nothing;
 }
 
@@ -62,7 +62,6 @@ function modernRender(node: React.ReactElement, container: ContainerType) {
 
   root.render(node);
 
-  // eslint-disable-next-line
   container[MARK] = root;
 }
 
@@ -87,7 +86,6 @@ async function modernUnmount(container: ContainerType) {
   return Promise.resolve().then(() => {
     container[MARK]?.unmount();
 
-    // eslint-disable-next-line
     delete container[MARK];
   });
 }
diff --git a/packages/components/_util/ref.ts b/packages/components/_util/ref.ts
index 4e9aae2022..2d045233e6 100644
--- a/packages/components/_util/ref.ts
+++ b/packages/components/_util/ref.ts
@@ -13,7 +13,6 @@ export const supportRef = (nodeOrComponent: any): boolean => {
   }
 
   // React 19 no need `forwardRef` anymore. So just pass if is a React element.
-  // eslint-disable-next-line no-prototype-builtins
   if (isReactElement(nodeOrComponent) && (nodeOrComponent as any).props.propertyIsEnumerable('ref')) {
     return true;
   }
@@ -67,7 +66,7 @@ export const getNodeRef: <T = any>(node: React.ReactNode) => React.Ref<T> | null
 
     // Source from:
     // https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/getReactNodeRef/getReactNodeRef.ts
-    // eslint-disable-next-line no-prototype-builtins
+
     return ele.props.propertyIsEnumerable('ref') ? ele.props.ref : ele.ref;
   }
   return null;
@@ -75,7 +74,6 @@ export const getNodeRef: <T = any>(node: React.ReactNode) => React.Ref<T> | null
 
 export function composeRefs<T>(...refs: React.Ref<T>[]) {
   return (instance: T) => {
-    // eslint-disable-next-line no-restricted-syntax
     for (const ref of refs) {
       if (typeof ref === 'function') {
         ref(instance);
diff --git a/packages/components/_util/style.ts b/packages/components/_util/style.ts
index 03b7001069..b9027a0f06 100644
--- a/packages/components/_util/style.ts
+++ b/packages/components/_util/style.ts
@@ -27,7 +27,6 @@ export const addClass = function (el: Element, cls: string) {
     }
   }
   if (!el.classList) {
-    // eslint-disable-next-line
     el.className = curClass;
   }
 };
@@ -48,7 +47,6 @@ export const removeClass = function (el: Element, cls: string) {
     }
   }
   if (!el.classList) {
-    // eslint-disable-next-line
     el.className = trim(curClass);
   }
 };
diff --git a/packages/components/alert/_example/close.tsx b/packages/components/alert/_example/close.tsx
index 7b323d6652..a498679d8b 100644
--- a/packages/components/alert/_example/close.tsx
+++ b/packages/components/alert/_example/close.tsx
@@ -2,7 +2,6 @@ import React from 'react';
 import { Alert, Space, Tag } from 'tdesign-react';
 
 export default function AlertClose() {
-  // eslint-disable-next-line no-alert
   const beforeClose = () => window.confirm('确认关闭吗？');
 
   const handleClosed = () => {
diff --git a/packages/components/anchor/Anchor.tsx b/packages/components/anchor/Anchor.tsx
index 9e67a1e620..84426ddef4 100644
--- a/packages/components/anchor/Anchor.tsx
+++ b/packages/components/anchor/Anchor.tsx
@@ -53,7 +53,11 @@ const Anchor = forwardRefWithStatics(
     const { classPrefix } = useConfig();
 
     const [activeItem, setActiveItem] = useState<string>('');
-    const [cursorStyle, setCursorStyle] = useState<{ top: string; height?: string; opacity: number }>({
+    const [cursorStyle, setCursorStyle] = useState<{
+      top: string;
+      height?: string;
+      opacity: number;
+    }>({
       top: '0px',
       height: '0px',
       opacity: 0,
@@ -168,7 +172,7 @@ const Anchor = forwardRefWithStatics(
       className,
     );
 
-    const CursorCmp = () => {
+    const renderCursor = () => {
       if (isFunction(cursor)) return cursor();
       if (isEmpty(cursor)) return <div className={`${classPrefix}-anchor__line-cursor`}></div>;
       return cursor;
@@ -186,7 +190,7 @@ const Anchor = forwardRefWithStatics(
         <div {...rest} className={anchorClass} ref={anchorEl}>
           <div className={`${classPrefix}-anchor__line`}>
             <div className={`${classPrefix}-anchor__line-cursor-wrapper`} style={cursorStyle}>
-              {CursorCmp()}
+              {renderCursor()}
             </div>
           </div>
           {children}
diff --git a/packages/components/anchor/AnchorTarget.tsx b/packages/components/anchor/AnchorTarget.tsx
index 09115458d9..ab16954989 100644
--- a/packages/components/anchor/AnchorTarget.tsx
+++ b/packages/components/anchor/AnchorTarget.tsx
@@ -34,7 +34,7 @@ const AnchorTarget: FunctionComponent<AnchorTargetProps> = (props) => {
     MessagePlugin.success('链接复制成功', 1000);
   };
 
-  const Content = () => (
+  const content = () => (
     <>
       {children}
       <Popup content="复制链接" placement="top" showArrow>
@@ -43,7 +43,7 @@ const AnchorTarget: FunctionComponent<AnchorTargetProps> = (props) => {
     </>
   );
 
-  return React.createElement(tag, { id, className: tagClassName, style }, React.createElement(Content));
+  return React.createElement(tag, { id, className: tagClassName, style }, React.createElement(content));
 };
 
 AnchorTarget.displayName = 'AnchorTarget';
diff --git a/packages/components/auto-complete/AutoComplete.tsx b/packages/components/auto-complete/AutoComplete.tsx
index 2b308fd08a..14e96a0cac 100644
--- a/packages/components/auto-complete/AutoComplete.tsx
+++ b/packages/components/auto-complete/AutoComplete.tsx
@@ -17,8 +17,7 @@ import type { OptionsListProps } from './OptionList';
 import type { AutoCompleteOption, TdAutoCompleteProps } from './type';
 
 export interface AutoCompleteProps<T extends AutoCompleteOption = AutoCompleteOption>
-  extends TdAutoCompleteProps<T>,
-    StyledProps {}
+  extends TdAutoCompleteProps<T>, StyledProps {}
 
 export interface AutoCompleteRef {
   inputRef: InputRef;
diff --git a/packages/components/auto-complete/__tests__/vitest-auto-complete.test.jsx b/packages/components/auto-complete/__tests__/vitest-auto-complete.test.jsx
index 59b4af2314..0cdb8ca466 100644
--- a/packages/components/auto-complete/__tests__/vitest-auto-complete.test.jsx
+++ b/packages/components/auto-complete/__tests__/vitest-auto-complete.test.jsx
@@ -1,11 +1,11 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 /**
  * 该文件由脚本自动生成，如需修改请联系 PMC
  * This file generated by scripts of tdesign-api. `npm run api:docs AutoComplete React(PC) vitest,finalProject`
  * If you need to modify this file, contact PMC first please.
  */
 import React from 'react';
-import { fireEvent, vi, render, mockDelay, simulateKeydownEvent } from '@test/utils';
+import { fireEvent, mockDelay, render, simulateKeydownEvent, vi } from '@test/utils';
+
 import { AutoComplete } from '..';
 import { getNormalAutoCompleteMount, getOptionSlotAutoCompleteMount } from './mount';
 
diff --git a/packages/components/avatar/__tests__/mount.jsx b/packages/components/avatar/__tests__/mount.jsx
index c67879db71..fe6669973c 100644
--- a/packages/components/avatar/__tests__/mount.jsx
+++ b/packages/components/avatar/__tests__/mount.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { render } from '@test/utils';
+
 import { Avatar } from '..';
 
 // Avatar 数量变化会影响测试用例结果
@@ -11,7 +12,7 @@ export function getAvatarGroupDefaultMount(AvatarGroup, props, events) {
       <Avatar icon={() => <i class="custom-node"></i>} />
       <Avatar size="small">TD</Avatar>
       <Avatar size="large">ME</Avatar>
-    </AvatarGroup>
+    </AvatarGroup>,
   );
 }
 
diff --git a/packages/components/avatar/__tests__/vitest-avatar.test.jsx b/packages/components/avatar/__tests__/vitest-avatar.test.jsx
index 206935472c..9652d46c76 100644
--- a/packages/components/avatar/__tests__/vitest-avatar.test.jsx
+++ b/packages/components/avatar/__tests__/vitest-avatar.test.jsx
@@ -5,7 +5,8 @@
  * If you need to modify this file, contact PMC first please.
  */
 import React from 'react';
-import { fireEvent, vi, render, mockDelay, simulateImageEvent } from '@test/utils';
+import { fireEvent, mockDelay, render, simulateImageEvent, vi } from '@test/utils';
+
 import { Avatar, AvatarGroup } from '..';
 import { getAvatarGroupDefaultMount } from './mount';
 
diff --git a/packages/components/back-top/BackTop.tsx b/packages/components/back-top/BackTop.tsx
index c7e9738922..1373dfa111 100644
--- a/packages/components/back-top/BackTop.tsx
+++ b/packages/components/back-top/BackTop.tsx
@@ -8,11 +8,12 @@ import useDefaultProps from '../hooks/useDefaultProps';
 import { backTopDefaultProps } from './defaultProps';
 import useScroll from './useScroll';
 
+import type { AttachNodeReturnValue } from '../common';
 import type { TdBackTopProps } from './type';
 
 export type BackTopProps = TdBackTopProps;
 
-const getContainer = (container: string | Function) => {
+const getContainer = (container: string | ((triggerNode?: HTMLElement) => AttachNodeReturnValue)) => {
   if (typeof container === 'string') {
     if (typeof document !== 'undefined') {
       return document.querySelector(container);
@@ -42,7 +43,14 @@ const InternalBackTop: React.ForwardRefRenderFunction<HTMLButtonElement, BackTop
     onClick,
   } = useDefaultProps(props, backTopDefaultProps);
   const { classPrefix } = useConfig();
-  const scrollContainer = useMemo(() => getContainer(container), [container]);
+  const scrollContainer = useMemo(() => {
+    const node = getContainer(container);
+    // scrollTo only accepts HTMLElement | Window | Document, not Element
+    if (node instanceof Element && !(node instanceof HTMLElement)) {
+      return document.documentElement;
+    }
+    return node;
+  }, [container]);
   const { scrollTop } = useScroll({ target: scrollContainer });
   const defaultContent = (
     <>
@@ -87,8 +95,8 @@ const InternalBackTop: React.ForwardRefRenderFunction<HTMLButtonElement, BackTop
   const getBackTo = useCallback(() => {
     if (!target) return 0;
     const targetNode = getContainer(target);
-    if (!targetNode) return 0;
-    const rect = targetNode.getBoundingClientRect();
+    if (!targetNode || targetNode instanceof Document) return 0;
+    const rect = (targetNode as Element).getBoundingClientRect();
     const { y } = rect;
     return y;
   }, [target]);
diff --git a/packages/components/back-top/__tests__/vitest-back-top.test.jsx b/packages/components/back-top/__tests__/vitest-back-top.test.jsx
index b967865792..19126e51aa 100644
--- a/packages/components/back-top/__tests__/vitest-back-top.test.jsx
+++ b/packages/components/back-top/__tests__/vitest-back-top.test.jsx
@@ -1,11 +1,11 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 /**
  * 该文件由脚本自动生成，如需修改请联系 PMC
  * This file generated by scripts of tdesign-api. `npm run api:docs BackTop React(PC) vitest,finalProject`
  * If you need to modify this file, contact PMC first please.
  */
 import React from 'react';
-import { fireEvent, vi, render } from '@test/utils';
+import { fireEvent, render, vi } from '@test/utils';
+
 import { BackTop } from '..';
 
 describe('BackTop Component', () => {
diff --git a/packages/components/breadcrumb/Breadcrumb.tsx b/packages/components/breadcrumb/Breadcrumb.tsx
index f7e60210be..ad45c174a6 100644
--- a/packages/components/breadcrumb/Breadcrumb.tsx
+++ b/packages/components/breadcrumb/Breadcrumb.tsx
@@ -43,8 +43,8 @@ const Breadcrumb = forwardRefWithStatics(
           }
           return (
             <BreadcrumbItem
-              {...targetProps}
               key={index}
+              {...targetProps}
               maxWidth={option.maxWidth}
               disabled={option.disabled}
               href={option.href}
diff --git a/packages/components/button/Button.tsx b/packages/components/button/Button.tsx
index 9d4b87abe2..f0746cc7f7 100644
--- a/packages/components/button/Button.tsx
+++ b/packages/components/button/Button.tsx
@@ -12,8 +12,7 @@ import { buttonDefaultProps } from './defaultProps';
 import type { TdButtonProps } from './type';
 
 export interface ButtonProps
-  extends TdButtonProps,
-    Omit<React.AllHTMLAttributes<HTMLElement>, 'content' | 'shape' | 'size' | 'type'> {}
+  extends TdButtonProps, Omit<React.AllHTMLAttributes<HTMLElement>, 'content' | 'shape' | 'size' | 'type'> {}
 
 const Button = forwardRef((originProps: ButtonProps, ref: React.RefObject<HTMLElement>) => {
   const props = useDefaultProps(originProps, buttonDefaultProps);
diff --git a/packages/components/button/__tests__/vitest-button.test.jsx b/packages/components/button/__tests__/vitest-button.test.jsx
index d4e7bba212..7c90b65168 100644
--- a/packages/components/button/__tests__/vitest-button.test.jsx
+++ b/packages/components/button/__tests__/vitest-button.test.jsx
@@ -1,11 +1,11 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 /**
  * 该文件由脚本自动生成，如需修改请联系 PMC
  * This file generated by scripts of tdesign-api. `npm run api:docs Button React(PC) vitest,finalProject`
  * If you need to modify this file, contact PMC first please.
  */
 import React from 'react';
-import { fireEvent, vi, render } from '@test/utils';
+import { fireEvent, render, vi } from '@test/utils';
+
 import { Button } from '..';
 
 describe('Button Component', () => {
diff --git a/packages/components/calendar/Calendar.tsx b/packages/components/calendar/Calendar.tsx
index d269f24581..3b98670100 100644
--- a/packages/components/calendar/Calendar.tsx
+++ b/packages/components/calendar/Calendar.tsx
@@ -344,10 +344,7 @@ const Calendar = forwardRef<CalendarMethods, CalendarProps>((props, ref) => {
       {visible && (
         <div className={prefixCls([blockName, 'control'])}>
           <div className={prefixCls([blockName, 'title'])}>
-            {(() => {
-              if (head && typeof head === 'function') return head(controllerOptions);
-              if (head && typeof head !== 'function') return head;
-            })()}
+            {head && typeof head === 'function' ? head(controllerOptions) : (head as React.ReactNode)}
           </div>
           <div className={prefixCls([blockName, 'control-section'])}>
             {/* 年份选择框 */}
diff --git a/packages/components/calendar/CalendarCellComp.tsx b/packages/components/calendar/CalendarCellComp.tsx
index b773b4d5ef..f66899140b 100644
--- a/packages/components/calendar/CalendarCellComp.tsx
+++ b/packages/components/calendar/CalendarCellComp.tsx
@@ -8,8 +8,9 @@ import usePrefixClass from './hooks/usePrefixClass';
 import type { MouseEvent } from 'react';
 import type { CalendarCell, TdCalendarProps } from './type';
 
-type extendType = Required<Pick<TdCalendarProps, 'fillWithZero' | 'mode' | 'theme' | 'cell' | 'cellAppend'>>;
-interface CalendarCellProps extends extendType {
+type ExtendType = Required<Pick<TdCalendarProps, 'fillWithZero' | 'mode' | 'theme' | 'cell' | 'cellAppend'>>;
+
+interface CalendarCellProps extends ExtendType {
   cellData: CalendarCell;
   isCurrent: boolean;
   isNow: boolean;
@@ -46,6 +47,7 @@ const CalendarCellComp: React.FC<CalendarCellProps> = (props) => {
   const getMonthCN = (month: number): string => monthLabelList[month];
 
   const { calendar: calendarConfig } = useConfig();
+
   const fix0 = (num: number) => {
     const fillZero = num < 10 && (fillWithZero ?? calendarConfig.fillWithZero ?? true);
     return fillZero ? `0${num}` : num;
@@ -53,6 +55,34 @@ const CalendarCellComp: React.FC<CalendarCellProps> = (props) => {
 
   const prefixCls = usePrefixClass();
 
+  const cellValue = mode === 'month' ? createCalendarCell(cellData) : cellData;
+
+  function renderCellContent() {
+    if (typeof cell === 'function') return cell(cellValue);
+    if (cell) return cell;
+
+    if (mode === 'year') {
+      const monthIndex = cellData.date.getMonth();
+      return (
+        <div className={prefixCls([blockName, 'table-body-cell-display'])}>
+          {theme === 'full'
+            ? getMonthCN(monthIndex)
+            : t(local.monthSelection, {
+                month: `${monthIndex + 1}`,
+              })}
+        </div>
+      );
+    }
+
+    return <div className={prefixCls([blockName, 'table-body-cell-display'])}>{fix0(cellData.date.getDate())}</div>;
+  }
+
+  function renderAppendContent() {
+    if (!cellAppend) return null;
+    const appendValue = typeof cellAppend === 'function' ? cellAppend(cellValue) : cellAppend;
+    return <div className={prefixCls([blockName, 'table-body-cell-content'])}>{appendValue}</div>;
+  }
+
   return (
     <td
       className={prefixCls(
@@ -65,30 +95,8 @@ const CalendarCellComp: React.FC<CalendarCellProps> = (props) => {
       onDoubleClick={onCellDoubleClick}
       onContextMenu={onCellRightClick}
     >
-      {(() => {
-        if (cell && typeof cell === 'function') return cell(mode === 'month' ? createCalendarCell(cellData) : cellData);
-        if (cell && typeof cell !== 'function') return cell;
-        let cellCtx: React.ReactNode;
-        if (mode === 'year') {
-          // year mode：输出月
-          const mIndex = cellData.date.getMonth();
-          cellCtx = theme === 'full' ? getMonthCN(mIndex) : t(local.monthSelection, { month: `${mIndex + 1}` });
-        } else {
-          // month mode：输出天
-          cellCtx = fix0(cellData.date.getDate());
-        }
-        return <div className={prefixCls([blockName, 'table-body-cell-display'])}>{cellCtx}</div>;
-      })()}
-      {(() => {
-        let cellCtx: React.ReactNode;
-        if (cellAppend && typeof cellAppend === 'function') {
-          cellCtx = cellAppend(mode === 'month' ? createCalendarCell(cellData) : cellData);
-        }
-        if (cellAppend && typeof cellAppend !== 'function') {
-          cellCtx = cellAppend;
-        }
-        return cellAppend && <div className={prefixCls([blockName, 'table-body-cell-content'])}>{cellCtx}</div>;
-      })()}
+      {renderCellContent()}
+      {renderAppendContent()}
     </td>
   );
 };
diff --git a/packages/components/cascader/Cascader.tsx b/packages/components/cascader/Cascader.tsx
index 6c80fff423..c57496678b 100644
--- a/packages/components/cascader/Cascader.tsx
+++ b/packages/components/cascader/Cascader.tsx
@@ -140,7 +140,6 @@ const Cascader: React.FC<CascaderProps> = (originalProps) => {
         const maxScrollTop = menu.scrollHeight - menuHeight;
         targetScrollTop = Math.max(0, Math.min(targetScrollTop, maxScrollTop));
 
-        // eslint-disable-next-line no-param-reassign
         menu.scrollTop = targetScrollTop;
       });
     });
@@ -175,7 +174,10 @@ const Cascader: React.FC<CascaderProps> = (originalProps) => {
         overlayInnerStyle: panels.length && !props.loading ? { width: 'auto' } : {},
         overlayClassName: [`${classPrefix}-cascader__popup`, props.popupProps?.overlayClassName],
       }}
-      inputProps={{ size: props.size, ...(props.inputProps as TdCascaderProps['inputProps']) }}
+      inputProps={{
+        size: props.size,
+        ...(props.inputProps as TdCascaderProps['inputProps']),
+      }}
       tagInputProps={{
         size: props.size,
         ...(props.tagInputProps as TdCascaderProps['tagInputProps']),
diff --git a/packages/components/cascader/components/Item.tsx b/packages/components/cascader/components/Item.tsx
index 2a750e2d36..b518b541cf 100644
--- a/packages/components/cascader/components/Item.tsx
+++ b/packages/components/cascader/components/Item.tsx
@@ -36,7 +36,9 @@ const Item = forwardRef(
       cascaderContext,
     } = props;
     const { classPrefix: prefix } = useConfig();
-    const { ChevronRightIcon } = useGlobalIcon({ ChevronRightIcon: TdChevronRightIcon });
+    const { ChevronRightIcon } = useGlobalIcon({
+      ChevronRightIcon: TdChevronRightIcon,
+    });
     const COMPONENT_NAME = `${prefix}-cascader__item`;
     // 暂时去掉动画效果 长列表在safari中有异常
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -59,7 +61,7 @@ const Item = forwardRef(
       [prefix, node, STATUS, cascaderContext],
     );
 
-    const RenderLabelInner = (node: TreeNode, cascaderContext: CascaderContextType) => {
+    const renderLabelInner = (node: TreeNode, cascaderContext: CascaderContextType) => {
       const { inputVal } = cascaderContext;
 
       if (!inputVal && optionChild) {
@@ -86,8 +88,8 @@ const Item = forwardRef(
       return labelText;
     };
 
-    const RenderLabelContent = (node: TreeNode, cascaderContext: CascaderContextType) => {
-      const label = RenderLabelInner(node, cascaderContext);
+    const renderLabelContent = (node: TreeNode, cascaderContext: CascaderContextType) => {
+      const label = renderLabelInner(node, cascaderContext);
 
       const labelCont = (
         <span
@@ -102,9 +104,9 @@ const Item = forwardRef(
       return labelCont;
     };
 
-    const RenderCheckBox = (node: TreeNode, cascaderContext: CascaderContextType) => {
+    const renderCheckBox = (node: TreeNode, cascaderContext: CascaderContextType) => {
       const { checkProps, value, max, inputVal, isParentFilterable } = cascaderContext;
-      const label = RenderLabelInner(node, cascaderContext);
+      const label = renderLabelInner(node, cascaderContext);
       return (
         <Checkbox
           checked={node.checked}
@@ -144,7 +146,7 @@ const Item = forwardRef(
           onMouseEnter(node);
         }}
       >
-        {multiple ? RenderCheckBox(node, cascaderContext) : RenderLabelContent(node, cascaderContext)}
+        {multiple ? renderCheckBox(node, cascaderContext) : renderLabelContent(node, cascaderContext)}
         {node.children &&
           !cascaderContext.isParentFilterable &&
           (node.loading ? (
diff --git a/packages/components/cascader/components/Panel.tsx b/packages/components/cascader/components/Panel.tsx
index 5b973b526d..edee3fd667 100644
--- a/packages/components/cascader/components/Panel.tsx
+++ b/packages/components/cascader/components/Panel.tsx
@@ -13,8 +13,7 @@ import type { CascaderContextType, TreeNode } from '../interface';
 import type { TdCascaderProps } from '../type';
 
 export interface CascaderPanelProps
-  extends StyledProps,
-    Pick<TdCascaderProps, 'trigger' | 'empty' | 'onChange' | 'loading' | 'loadingText' | 'option'> {
+  extends StyledProps, Pick<TdCascaderProps, 'trigger' | 'empty' | 'onChange' | 'loading' | 'loadingText' | 'option'> {
   cascaderContext: CascaderContextType;
 }
 
diff --git a/packages/components/cascader/hooks.tsx b/packages/components/cascader/hooks.tsx
index f8d74ce1e9..bb285f1061 100644
--- a/packages/components/cascader/hooks.tsx
+++ b/packages/components/cascader/hooks.tsx
@@ -111,7 +111,7 @@ export const useCascaderContext = (originalProps: TdCascaderProps) => {
       // eslint-disable-next-line @typescript-eslint/no-use-before-define
       handleTreeStore();
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [options]);
 
   const handleTreeStore = () => {
@@ -177,7 +177,7 @@ export const useCascaderContext = (originalProps: TdCascaderProps) => {
     if (multiple && !reserveKeyword) {
       setInputVal('');
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [innerValue, multiple, reserveKeyword]);
 
   useEffect(() => {
@@ -223,7 +223,7 @@ export const useCascaderContext = (originalProps: TdCascaderProps) => {
   useEffect(() => {
     const { inputVal, treeStore, setTreeNodes } = cascaderContext;
     treeNodesEffect(inputVal, treeStore, setTreeNodes, props.filter, isParentFilterable);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [inputVal, scopeVal, isParentFilterable]);
 
   const getCascaderItems = (
diff --git a/packages/components/cascader/interface.ts b/packages/components/cascader/interface.ts
index ee13e287cc..c927779301 100644
--- a/packages/components/cascader/interface.ts
+++ b/packages/components/cascader/interface.ts
@@ -5,24 +5,23 @@ import type { TdSelectInputProps } from '../select-input/type';
 import type { CascaderChangeSource, CascaderValue, TdCascaderProps } from './type';
 
 export * from './type';
-export interface CascaderContextType
-  extends Pick<
-    TdCascaderProps,
-    | 'size'
-    | 'disabled'
-    | 'checkStrictly'
-    | 'lazy'
-    | 'multiple'
-    | 'filterable'
-    | 'filter'
-    | 'clearable'
-    | 'checkProps'
-    | 'showAllLevels'
-    | 'max'
-    | 'value'
-    | 'minCollapsedNum'
-    | 'valueType'
-  > {
+export interface CascaderContextType extends Pick<
+  TdCascaderProps,
+  | 'size'
+  | 'disabled'
+  | 'checkStrictly'
+  | 'lazy'
+  | 'multiple'
+  | 'filterable'
+  | 'filter'
+  | 'clearable'
+  | 'checkProps'
+  | 'showAllLevels'
+  | 'max'
+  | 'value'
+  | 'minCollapsedNum'
+  | 'valueType'
+> {
   treeStore: TreeStore;
   setValue: (val: CascaderValue, source: CascaderChangeSource, node?: TreeNodeModel) => void;
   visible: boolean;
diff --git a/packages/components/checkbox/CheckboxGroup.tsx b/packages/components/checkbox/CheckboxGroup.tsx
index db464f5ebf..0a1babfe70 100644
--- a/packages/components/checkbox/CheckboxGroup.tsx
+++ b/packages/components/checkbox/CheckboxGroup.tsx
@@ -22,8 +22,7 @@ import type {
 } from './type';
 
 export interface CheckboxGroupProps<T extends CheckboxGroupValue = CheckboxGroupValue>
-  extends TdCheckboxGroupProps<T>,
-    StyledProps {
+  extends TdCheckboxGroupProps<T>, StyledProps {
   children?: React.ReactNode;
 }
 
@@ -218,11 +217,11 @@ const CheckboxGroup = <T extends CheckboxGroupValue = CheckboxGroupValue>(props:
                   const vs = v as CheckboxOptionObj;
                   // CheckAll 的 checkBox 不存在 value,故用 checkAll_index 来保证尽量不和用户的 value 冲突.
                   return vs.checkAll ? (
-                    <Checkbox {...vs} key={`checkAll_${index}`} indeterminate={indeterminate} />
+                    <Checkbox key={`checkAll_${index}`} {...vs} indeterminate={indeterminate} />
                   ) : (
                     <Checkbox
-                      {...vs}
                       key={index}
+                      {...vs}
                       disabled={vs.disabled || disabled}
                       readOnly={vs.readOnly || vs.readonly || readOnly}
                     />
diff --git a/packages/components/collapse/CollapsePanel.tsx b/packages/components/collapse/CollapsePanel.tsx
index 93929a6bfc..fa5a864e8e 100644
--- a/packages/components/collapse/CollapsePanel.tsx
+++ b/packages/components/collapse/CollapsePanel.tsx
@@ -54,7 +54,7 @@ const CollapsePanel: React.FC<CollapsePanelProps> = (props) => {
     if (defaultExpandAll) {
       updateCollapseValue(innerValue);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, []);
 
   const isActive = Array.isArray(collapseValue) ? collapseValue.includes(innerValue) : collapseValue === innerValue;
diff --git a/packages/components/color-picker/components/panel/alpha.tsx b/packages/components/color-picker/components/panel/alpha.tsx
index bf9c524cfc..dcb6ed71ab 100644
--- a/packages/components/color-picker/components/panel/alpha.tsx
+++ b/packages/components/color-picker/components/panel/alpha.tsx
@@ -5,7 +5,7 @@ import ColorSlider from './slider';
 
 import type { TdColorBaseProps } from '../../interface';
 
-const Alpha = (props: TdColorBaseProps) => {
+const Alpha = (props: TdColorBaseProps<number>) => {
   const { color, baseClassName, onChange, ...rest } = props;
 
   const handleChange = (v: number) => {
diff --git a/packages/components/color-picker/components/panel/format/inputs.tsx b/packages/components/color-picker/components/panel/format/inputs.tsx
index c29722e853..b1e1e75fba 100644
--- a/packages/components/color-picker/components/panel/format/inputs.tsx
+++ b/packages/components/color-picker/components/panel/format/inputs.tsx
@@ -73,7 +73,7 @@ const FormatInputs = (props: TdColorFormatProps) => {
     const throttleUpdate = throttle(updateModelValue, 100);
     throttleUpdate();
     return () => throttleUpdate.cancel();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [color.saturation, color.hue, color.value, color.alpha, format]);
 
   return (
@@ -100,9 +100,9 @@ const FormatInputs = (props: TdColorFormatProps) => {
           >
             {config.type === 'input' ? (
               <Input
+                key={`${inputKey.current}-${currentValue}`}
                 {...commonProps}
                 defaultValue={currentValue}
-                key={`${inputKey.current}-${currentValue}`}
                 maxlength={format === 'HEX' ? 9 : undefined}
               />
             ) : (
diff --git a/packages/components/color-picker/components/panel/hue.tsx b/packages/components/color-picker/components/panel/hue.tsx
index 57e618fa8c..6582e62131 100644
--- a/packages/components/color-picker/components/panel/hue.tsx
+++ b/packages/components/color-picker/components/panel/hue.tsx
@@ -4,7 +4,7 @@ import ColorSlider from './slider';
 
 import type { TdColorBaseProps } from '../../interface';
 
-const HueSlider = (props: TdColorBaseProps) => {
+const HueSlider = (props: TdColorBaseProps<number>) => {
   const { color, baseClassName, disabled, onChange } = props;
   return (
     <ColorSlider
diff --git a/packages/components/color-picker/components/panel/index.tsx b/packages/components/color-picker/components/panel/index.tsx
index 811b050340..9e74aebe83 100644
--- a/packages/components/color-picker/components/panel/index.tsx
+++ b/packages/components/color-picker/components/panel/index.tsx
@@ -49,6 +49,7 @@ const Panel = forwardRef<HTMLDivElement, ColorPickerProps>((props, ref) => {
   } = useDefaultProps(props, colorPickerDefaultProps);
   const [innerValue, setInnerValue] = useControlled(props, 'value', onChange);
 
+  // eslint-disable-next-line @eslint-react/use-state
   const [, setUpdateId] = useState(0); // 确保 UI 同步更新
 
   const getModeByColor = (input: string) => {
@@ -97,7 +98,8 @@ const Panel = forwardRef<HTMLDivElement, ColorPickerProps>((props, ref) => {
     setMode(newMode);
     colorInstanceRef.current.isGradient = newMode === 'linear-gradient';
     updateColor(innerValue);
-  }, [innerValue]); // eslint-disable-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
+  }, [innerValue]);
 
   const handleModeChange = (newMode: TdColorModes) => {
     setMode(newMode);
@@ -214,18 +216,16 @@ const Panel = forwardRef<HTMLDivElement, ColorPickerProps>((props, ref) => {
     emitColorChange('input');
   };
 
-  const SwatchesArea = React.memo(() => {
-    // 只支持渐变模式
+  const renderSwatchesArea = () => {
     const onlySupportGradient = colorModes.length === 1 && colorModes.includes('linear-gradient');
 
-    // 最近使用颜色
     let recentColors = recentlyUsedColors;
     if (onlySupportGradient && Array.isArray(recentColors)) {
       recentColors = recentColors.filter((color) => Color.isGradientColor(color));
     }
+
     const showUsedColors = Array.isArray(recentColors) || recentColors === true;
 
-    // 系统预设颜色
     let systemColors = swatchColors;
     if (systemColors === undefined) {
       systemColors = [...DEFAULT_SYSTEM_SWATCH_COLORS];
@@ -233,46 +233,46 @@ const Panel = forwardRef<HTMLDivElement, ColorPickerProps>((props, ref) => {
     if (onlySupportGradient) {
       systemColors = systemColors?.filter((color) => Color.isGradientColor(color));
     }
+
     const showSystemColors = Array.isArray(systemColors);
+    if (!showSystemColors && !showUsedColors) return null;
 
-    // 色块点击
     const handleSetColor = (value: string, trigger: ColorPickerChangeTrigger) => {
       const newMode = getModeByColor(value);
+
       setMode(newMode);
       // 确保在渐变模式下选择纯色块，能切换回单色模式
       colorInstanceRef.current.isGradient = newMode === 'linear-gradient';
+
       updateColor(value);
       emitColorChange(trigger);
     };
 
-    if (!showSystemColors && !showUsedColors) return null;
-
     return (
-      <>
-        <div className={`${baseClassName}__swatches-wrap`}>
-          {showUsedColors && (
-            <SwatchesPanel
-              {...baseProps}
-              title={t(local.recentColorTitle)}
-              editable
-              handleAddColor={addRecentlyUsedColor}
-              colors={recentColors as string[]}
-              onSetColor={(color: string) => handleSetColor(color, 'recent')}
-              onChange={handleRecentlyUsedColorsChange}
-            />
-          )}
-          {showSystemColors && (
-            <SwatchesPanel
-              {...baseProps}
-              title={t(local.swatchColorTitle)}
-              colors={systemColors}
-              onSetColor={(color: string) => handleSetColor(color, 'preset')}
-            />
-          )}
-        </div>
-      </>
+      <div className={`${baseClassName}__swatches-wrap`}>
+        {showUsedColors && (
+          <SwatchesPanel
+            {...baseProps}
+            title={t(local.recentColorTitle)}
+            editable
+            handleAddColor={addRecentlyUsedColor}
+            colors={recentColors as string[]}
+            onSetColor={(color) => handleSetColor(color, 'recent')}
+            onChange={handleRecentlyUsedColorsChange}
+          />
+        )}
+
+        {showSystemColors && (
+          <SwatchesPanel
+            {...baseProps}
+            title={t(local.swatchColorTitle)}
+            colors={systemColors}
+            onSetColor={(color) => handleSetColor(color, 'preset')}
+          />
+        )}
+      </div>
     );
-  });
+  };
 
   return (
     <div
@@ -309,7 +309,7 @@ const Panel = forwardRef<HTMLDivElement, ColorPickerProps>((props, ref) => {
         </div>
 
         <FormatPanel {...props} {...baseProps} format={formatRef.current} onInputChange={handleInputChange} />
-        <SwatchesArea />
+        {renderSwatchesArea()}
       </div>
     </div>
   );
diff --git a/packages/components/color-picker/components/panel/linear-gradient.tsx b/packages/components/color-picker/components/panel/linear-gradient.tsx
index 12169684b8..9c625c32fe 100644
--- a/packages/components/color-picker/components/panel/linear-gradient.tsx
+++ b/packages/components/color-picker/components/panel/linear-gradient.tsx
@@ -136,7 +136,6 @@ const LinearGradient = (props) => {
     if (DELETE_KEYS.includes(e.key.toLocaleLowerCase()) && length > 2 && pos >= 0 && pos <= length - 1) {
       points.splice(pos, 1);
       if (!points[pos]) {
-        // eslint-disable-next-line no-nested-ternary
         pos = points[pos + 1] ? pos + 1 : points[pos - 1] ? pos - 1 : 0;
       }
       const current = points[pos];
diff --git a/packages/components/color-picker/components/panel/saturation.tsx b/packages/components/color-picker/components/panel/saturation.tsx
index dd37fb5703..6ef9afaa86 100644
--- a/packages/components/color-picker/components/panel/saturation.tsx
+++ b/packages/components/color-picker/components/panel/saturation.tsx
@@ -7,9 +7,9 @@ import {
 import useMouseEvent from '../../../hooks/useMouseEvent';
 
 import type { MouseCoordinate } from '../../../hooks/useMouseEvent';
-import type { TdColorBaseProps } from '../../interface';
+import type { TdColorBaseProps, TdColorSaturationData } from '../../interface';
 
-const Saturation = (props: TdColorBaseProps) => {
+const Saturation = (props: TdColorBaseProps<TdColorSaturationData>) => {
   const { color, disabled, onChange, baseClassName } = props;
   const panelRef = useRef<HTMLDivElement>(null);
   const panelRectRef = useRef({
diff --git a/packages/components/color-picker/components/panel/slider.tsx b/packages/components/color-picker/components/panel/slider.tsx
index 9cbe68bbc4..90592ca38b 100644
--- a/packages/components/color-picker/components/panel/slider.tsx
+++ b/packages/components/color-picker/components/panel/slider.tsx
@@ -9,10 +9,10 @@ import type { CSSProperties } from 'react';
 import type { MouseCoordinate } from '../../../hooks/useMouseEvent';
 import type { TdColorBaseProps } from '../../interface';
 
-export interface TdColorSliderProps extends TdColorBaseProps {
+export interface TdColorSliderProps extends TdColorBaseProps<number> {
   className?: string;
-  value?: Number;
-  maxValue?: Number;
+  value?: number;
+  maxValue?: number;
   railStyle?: CSSProperties;
   type: 'hue' | 'alpha';
 }
diff --git a/packages/components/color-picker/components/panel/swatches.tsx b/packages/components/color-picker/components/panel/swatches.tsx
index 2078571ea4..56cfe74923 100644
--- a/packages/components/color-picker/components/panel/swatches.tsx
+++ b/packages/components/color-picker/components/panel/swatches.tsx
@@ -8,17 +8,20 @@ import useGlobalIcon from '../../../hooks/useGlobalIcon';
 
 import type { TdColorBaseProps } from '../../interface';
 
-export interface TdColorSwathcesProps extends TdColorBaseProps {
+export interface TdColorSwathcesProps extends TdColorBaseProps<string[]> {
   colors?: string[];
-  title?: String;
-  editable?: Boolean;
-  onSetColor?: Function;
-  handleAddColor?: Function;
+  title?: string;
+  editable?: boolean;
+  onSetColor?: (color: string) => void;
+  handleAddColor?: () => void;
 }
 
 const Swatches = (props: TdColorSwathcesProps) => {
   const { baseClassName, colors = [], editable = false, title, onChange, disabled, onSetColor, handleAddColor } = props;
-  const { DeleteIcon, AddIcon } = useGlobalIcon({ DeleteIcon: TdDeleteIcon, AddIcon: TdAddIcon });
+  const { DeleteIcon, AddIcon } = useGlobalIcon({
+    DeleteIcon: TdDeleteIcon,
+    AddIcon: TdAddIcon,
+  });
   const swatchesClass = `${baseClassName}__swatches`;
   const { STATUS: statusClassNames } = useCommonClassName();
   const isEqualCurrentColor = (color: string) => Color.compare(color, props.color.css);
diff --git a/packages/components/color-picker/components/trigger.tsx b/packages/components/color-picker/components/trigger.tsx
index 2de05b647f..81d49804bd 100644
--- a/packages/components/color-picker/components/trigger.tsx
+++ b/packages/components/color-picker/components/trigger.tsx
@@ -9,10 +9,12 @@ import useClassName from '../hooks/useClassNames';
 import type { TdColorPickerProps } from '..';
 import type { TdColorContext } from '../interface';
 
-export interface ColorTriggerProps
-  extends Pick<TdColorPickerProps, 'disabled' | 'inputProps' | 'borderless' | 'clearable' | 'onClear'> {
+export interface ColorTriggerProps extends Pick<
+  TdColorPickerProps,
+  'disabled' | 'inputProps' | 'borderless' | 'clearable' | 'onClear'
+> {
   value?: string;
-  onChange?: (v?: string, context?: TdColorContext) => {};
+  onChange?: (v?: string, context?: TdColorContext) => void;
 }
 
 const ColorPickerTrigger = (props: ColorTriggerProps) => {
diff --git a/packages/components/color-picker/hooks/useStyles.ts b/packages/components/color-picker/hooks/useStyles.ts
index 7282a7157b..da1a047cf0 100644
--- a/packages/components/color-picker/hooks/useStyles.ts
+++ b/packages/components/color-picker/hooks/useStyles.ts
@@ -5,8 +5,8 @@ import type { Color } from '@tdesign/common-js/color-picker/color';
 
 export interface TdColorSliderStyleParams {
   color: Color;
-  value: Number;
-  maxValue: Number;
+  value: number;
+  maxValue: number;
   type: 'hue' | 'alpha';
 }
 
diff --git a/packages/components/color-picker/interface.ts b/packages/components/color-picker/interface.ts
index 0d2034e2dd..699a8ffb24 100644
--- a/packages/components/color-picker/interface.ts
+++ b/packages/components/color-picker/interface.ts
@@ -14,10 +14,10 @@ export interface TdColorContext {
 }
 
 // 控件通用属性
-export interface TdColorBaseProps {
-  disabled: Boolean;
+export interface TdColorBaseProps<T = void> {
+  disabled: boolean;
   color: Color;
-  onChange?: Function;
+  onChange?: (value: T) => void;
   baseClassName: string;
 }
 
diff --git a/packages/components/common/Check.tsx b/packages/components/common/Check.tsx
index c20ee652b3..a2f58622e6 100644
--- a/packages/components/common/Check.tsx
+++ b/packages/components/common/Check.tsx
@@ -15,7 +15,7 @@ export interface CheckProps extends TdCheckboxProps, StyledProps {
   allowUncheck?: boolean;
   title?: string;
   children?: React.ReactNode;
-  stopLabelTrigger?: Boolean;
+  stopLabelTrigger?: boolean;
 }
 
 /**
diff --git a/packages/components/common/Portal.tsx b/packages/components/common/Portal.tsx
index 74dd01c2bc..873aea0b4e 100644
--- a/packages/components/common/Portal.tsx
+++ b/packages/components/common/Portal.tsx
@@ -54,7 +54,7 @@ const Portal = forwardRef((props: PortalProps, ref) => {
       Object.assign(el.style, style);
     }
     return el;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [classPrefix]);
 
   useIsomorphicLayoutEffect(() => {
@@ -71,7 +71,7 @@ const Portal = forwardRef((props: PortalProps, ref) => {
     if (!mounted) {
       setMounted(true);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, []);
 
   useImperativeHandle(ref, () => container);
diff --git a/packages/components/config-provider/_example/global.tsx b/packages/components/config-provider/_example/global.tsx
index 9bd04c72e7..d534b13d76 100644
--- a/packages/components/config-provider/_example/global.tsx
+++ b/packages/components/config-provider/_example/global.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable react/no-unescaped-entities */
 import React from 'react';
 import { ConfigProvider, Space } from 'tdesign-react';
 import enConfig from 'tdesign-react/es/locale/en_US';
@@ -21,23 +20,28 @@ export default function GlobalDemo() {
     <ConfigProvider globalConfig={globalConfig}>
       <Space direction="vertical">
         <p>
-          使用<code>ConfigProvider</code>包裹业务功能的最外层组件，点击下方图标查看示例代码
+          使用<code>ConfigProvider</code>
+          包裹业务功能的最外层组件，点击下方图标查看示例代码
         </p>
 
         <p>
-          英文语言包引入路径：<code>import enConfig from 'tdesign-react/es/locale/en_US';</code>
+          英文语言包引入路径：
+          <code>import enConfig from 'tdesign-react/es/locale/en_US';</code>
         </p>
 
         <p>
-          中文语言包引入路径：<code>import zhConfig from 'tdesign-react/es/locale/zh_CN';</code>
+          中文语言包引入路径：
+          <code>import zhConfig from 'tdesign-react/es/locale/zh_CN';</code>
         </p>
 
         <p>
-          日文语言包引入路径：<code>import jpConfig from 'tdesign-react/es/locale/ja_JP';</code>
+          日文语言包引入路径：
+          <code>import jpConfig from 'tdesign-react/es/locale/ja_JP';</code>
         </p>
 
         <p>
-          韩文语言包引入路径：<code>import koConfig from 'tdesign-react/es/locale/ko_KR';</code>
+          韩文语言包引入路径：
+          <code>import koConfig from 'tdesign-react/es/locale/ko_KR';</code>
         </p>
       </Space>
     </ConfigProvider>
diff --git a/packages/components/date-picker/DatePicker.tsx b/packages/components/date-picker/DatePicker.tsx
index 9fd357837e..9efef345b5 100644
--- a/packages/components/date-picker/DatePicker.tsx
+++ b/packages/components/date-picker/DatePicker.tsx
@@ -148,7 +148,7 @@ const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>((originalProps, r
       setIsHoverCell(false);
     }
     // eslint-disable-next-line
-  }, [popupVisible]);
+    }, [popupVisible]);
 
   // 日期 hover
   function onCellMouseEnter(date: Date) {
@@ -199,7 +199,13 @@ const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>((originalProps, r
   // 头部快速切换
   const onJumperClick = React.useCallback(
     ({ trigger }) => {
-      const monthCountMap = { date: 1, week: 1, month: 12, quarter: 12, year: 120 };
+      const monthCountMap = {
+        date: 1,
+        week: 1,
+        month: 12,
+        quarter: 12,
+        year: 120,
+      };
       const monthCount = monthCountMap[mode] || 0;
 
       const current = new Date(year, month);
@@ -233,7 +239,7 @@ const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>((originalProps, r
         });
       }
     },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
     [year, month, mode, setYear, setMonth, value],
   );
 
@@ -276,7 +282,10 @@ const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>((originalProps, r
     if (typeof preset === 'function') {
       presetValue = preset();
     }
-    const formattedPreset = formatDate(presetValue, { format, targetFormat: valueType });
+    const formattedPreset = formatDate(presetValue, {
+      format,
+      targetFormat: valueType,
+    });
     const formattedInput = formatDate(presetValue, { format });
 
     setInputValue(formattedInput);
@@ -305,7 +314,7 @@ const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>((originalProps, r
         trigger: 'year-select',
       });
     },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
     [value],
   );
 
@@ -318,7 +327,7 @@ const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>((originalProps, r
         trigger: 'month-select',
       });
     },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
     [value],
   );
 
diff --git a/packages/components/date-picker/base/Cell.tsx b/packages/components/date-picker/base/Cell.tsx
index 87f5ac8ec3..73ceaf3095 100644
--- a/packages/components/date-picker/base/Cell.tsx
+++ b/packages/components/date-picker/base/Cell.tsx
@@ -25,8 +25,8 @@ export interface DatePickerCellProps {
   now: boolean;
   firstDayOfMonth: boolean;
   lastDayOfMonth: boolean;
-  onClick: Function;
-  onMouseEnter: Function;
+  onClick: (value: DateValue, context: { e: React.MouseEvent }) => void;
+  onMouseEnter: (value: DateValue) => void;
   cell?: TNode<{ value: DateValue }>;
 }
 
diff --git a/packages/components/date-picker/base/Footer.tsx b/packages/components/date-picker/base/Footer.tsx
index 6fdfc9e50c..e94e8809de 100644
--- a/packages/components/date-picker/base/Footer.tsx
+++ b/packages/components/date-picker/base/Footer.tsx
@@ -10,8 +10,11 @@ import type { DateMultipleValue, DateValue, TdDatePickerProps, TdDateRangePicker
 
 interface DatePickerFooterProps extends Pick<TdDatePickerProps, 'presetsPlacement' | 'needConfirm'> {
   presets?: TdDatePickerProps['presets'] | TdDateRangePickerProps['presets'];
-  onPresetClick?: Function;
-  onConfirmClick?: Function;
+  onPresetClick?: (
+    value: DateValue | DateMultipleValue,
+    context: { e: React.MouseEvent; preset: Record<string, any> },
+  ) => void;
+  onConfirmClick?: (context: { e: React.MouseEvent }) => void;
   selectedValue?: DateValue | DateMultipleValue;
   onTimePanelChange?: () => void;
   enableTimePicker?: TdDateRangePickerProps['enableTimePicker'] | TdDatePickerProps['enableTimePicker'];
diff --git a/packages/components/date-picker/base/Header.tsx b/packages/components/date-picker/base/Header.tsx
index a59f2e3a0e..dfa8ddde9e 100644
--- a/packages/components/date-picker/base/Header.tsx
+++ b/packages/components/date-picker/base/Header.tsx
@@ -16,8 +16,8 @@ export interface DatePickerHeaderProps extends Pick<TdDatePickerProps, 'mode'> {
   range?: SinglePanelProps['range'];
   internalYear: Array<number>;
   partial: 'start' | 'end';
-  onMonthChange?: Function;
-  onYearChange?: Function;
+  onMonthChange?: (month: number) => void;
+  onYearChange?: (year: number) => void;
   onJumperClick?: TdPaginationMiniProps['onChange'];
 }
 
@@ -70,7 +70,11 @@ const DatePickerHeader = (props: DatePickerHeaderProps) => {
           const end = i + 9;
           // 仅加入可选的年代
           if (decadeHasAnyAllowed(end)) {
-            options.push({ label: `${i} - ${end}`, value: i + 9, disabled: false });
+            options.push({
+              label: `${i} - ${end}`,
+              value: i + 9,
+              disabled: false,
+            });
           }
         }
       } else {
@@ -78,14 +82,24 @@ const DatePickerHeader = (props: DatePickerHeaderProps) => {
         yearHasAnyAllowed(year) && options.push({ label: `${year}`, value: year, disabled: false });
 
         for (let i = 1; i <= 10; i++) {
-          yearHasAnyAllowed(year + i) && options.push({ label: `${year + i}`, value: year + i, disabled: false });
-          yearHasAnyAllowed(year - i) && options.unshift({ label: `${year - i}`, value: year - i, disabled: false });
+          yearHasAnyAllowed(year + i) &&
+            options.push({
+              label: `${year + i}`,
+              value: year + i,
+              disabled: false,
+            });
+          yearHasAnyAllowed(year - i) &&
+            options.unshift({
+              label: `${year - i}`,
+              value: year - i,
+              disabled: false,
+            });
         }
       }
 
       return options;
     },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
     [mode],
   );
 
@@ -134,7 +148,12 @@ const DatePickerHeader = (props: DatePickerHeaderProps) => {
         }
       } else {
         for (let i = year - extraYear - 1; i > year - extraYear - 50; i -= 10) {
-          decadeHasAnyAllowed(i) && options.unshift({ label: `${i - 9} - ${i}`, value: i, disabled: false });
+          decadeHasAnyAllowed(i) &&
+            options.unshift({
+              label: `${i - 9} - ${i}`,
+              value: i,
+              disabled: false,
+            });
         }
       }
     } else if (type === 'add') {
@@ -203,10 +222,8 @@ const DatePickerHeader = (props: DatePickerHeaderProps) => {
 
   function handleUpdateScrollTop(content: HTMLElement) {
     if (scrollAnchorRef.current === 'top') {
-      // eslint-disable-next-line no-param-reassign
       content.scrollTop = 30 * 10;
     } else if (scrollAnchorRef.current === 'bottom') {
-      // eslint-disable-next-line no-param-reassign
       content.scrollTop = content.scrollHeight - 30 * 10;
     } else {
       const firstSelectedNode: HTMLDivElement = content?.querySelector(`.${classPrefix}-is-selected`);
@@ -221,7 +238,7 @@ const DatePickerHeader = (props: DatePickerHeaderProps) => {
           content.offsetTop -
           (content.clientHeight - firstSelectedNode.clientHeight) +
           elementBottomHeight;
-        // eslint-disable-next-line no-param-reassign
+
         content.scrollTop = updateValue;
       }
     }
@@ -240,7 +257,7 @@ const DatePickerHeader = (props: DatePickerHeaderProps) => {
             className={`${headerClassName}-controller-month`}
             value={month}
             options={monthOptions}
-            onChange={(val) => onMonthChange(val)}
+            onChange={(val) => onMonthChange(val as number)}
             popupProps={{
               attach: (triggerElement: HTMLElement) => triggerElement.parentNode as HTMLElement,
               overlayClassName: `${headerClassName}-controller-month-popup`,
@@ -251,7 +268,7 @@ const DatePickerHeader = (props: DatePickerHeaderProps) => {
           className={`${headerClassName}-controller-year`}
           value={mode === 'year' ? nearestYear : year}
           options={yearOptions}
-          onChange={(val) => onYearChange(val)}
+          onChange={(val) => onYearChange(val as number)}
           onPopupVisibleChange={(visible) => {
             if (!visible) scrollAnchorRef.current = 'default';
           }}
diff --git a/packages/components/date-picker/base/Table.tsx b/packages/components/date-picker/base/Table.tsx
index c2abc3f746..ec94000796 100644
--- a/packages/components/date-picker/base/Table.tsx
+++ b/packages/components/date-picker/base/Table.tsx
@@ -16,7 +16,8 @@ import type { DateMultipleValue, DateRangeValue, DateValue, TdDatePickerProps }
 dayjs.extend(isoWeek);
 
 export interface DatePickerTableProps
-  extends Pick<TdDatePickerProps, 'mode' | 'firstDayOfWeek' | 'format' | 'multiple' | 'cell'>,
+  extends
+    Pick<TdDatePickerProps, 'mode' | 'firstDayOfWeek' | 'format' | 'multiple' | 'cell'>,
     Pick<SinglePanelProps, 'onCellClick' | 'onCellMouseEnter' | 'onCellMouseLeave'>,
     Pick<PanelContentProps, 'value'> {
   data?: Array<any>;
@@ -60,7 +61,7 @@ const DatePickerTable = (props: DatePickerTableProps) => {
 
     const valueObj = parseToDayjs(value, format).locale(local.dayjsLocale);
     return { year: valueObj.year(), week: valueObj.week() };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [mode, value, format]);
 
   // 高亮周区间
@@ -130,8 +131,8 @@ const DatePickerTable = (props: DatePickerTableProps) => {
             >
               {row.map((col: any, j: number) => (
                 <DatePickerCell
-                  {...col}
                   key={j}
+                  {...col}
                   time={time}
                   cell={cell}
                   onClick={onCellClick}
diff --git a/packages/components/date-picker/panel/ExtraContent.tsx b/packages/components/date-picker/panel/ExtraContent.tsx
index b9a728d2ab..fd8aa2acd6 100644
--- a/packages/components/date-picker/panel/ExtraContent.tsx
+++ b/packages/components/date-picker/panel/ExtraContent.tsx
@@ -5,11 +5,10 @@ import DateFooter from '../base/Footer';
 import type { DateMultipleValue, DateValue, TdDatePickerProps, TdDateRangePickerProps } from '../type';
 import type { SinglePanelProps } from './SinglePanel';
 
-export interface ExtraContentProps
-  extends Pick<
-    SinglePanelProps,
-    'enableTimePicker' | 'presetsPlacement' | 'onPresetClick' | 'onConfirmClick' | 'needConfirm'
-  > {
+export interface ExtraContentProps extends Pick<
+  SinglePanelProps,
+  'enableTimePicker' | 'presetsPlacement' | 'onPresetClick' | 'onConfirmClick' | 'needConfirm'
+> {
   selectedValue?: DateValue | DateMultipleValue;
   presets?: TdDatePickerProps['presets'] | TdDateRangePickerProps['presets'];
   onTimeModeChange?: () => void;
diff --git a/packages/components/date-picker/panel/PanelContent.tsx b/packages/components/date-picker/panel/PanelContent.tsx
index 1240a2da6a..607f5b05c8 100644
--- a/packages/components/date-picker/panel/PanelContent.tsx
+++ b/packages/components/date-picker/panel/PanelContent.tsx
@@ -132,7 +132,7 @@ export default function PanelContent(props: PanelContentProps) {
             position={partial}
             format={timeFormat}
             value={time || defaultTime}
-            onChange={onTimePickerChange}
+            onChange={(value) => onTimePickerChange?.(value)}
             isShowPanel={props.popupVisible}
             {...timePickerProps}
           />
diff --git a/packages/components/date-picker/panel/SinglePanel.tsx b/packages/components/date-picker/panel/SinglePanel.tsx
index 5976f72421..9dd6dc3a47 100644
--- a/packages/components/date-picker/panel/SinglePanel.tsx
+++ b/packages/components/date-picker/panel/SinglePanel.tsx
@@ -16,8 +16,7 @@ import type { TdTimePickerProps } from '../../time-picker';
 import type { DateValue, TdDatePickerProps, TdDateRangePickerProps } from '../type';
 
 export interface SinglePanelProps
-  extends Omit<TdDatePickerProps, 'enableTimePicker' | 'onYearChange' | 'onMonthChange'>,
-    StyledProps {
+  extends Omit<TdDatePickerProps, 'enableTimePicker' | 'onYearChange' | 'onMonthChange'>, StyledProps {
   year?: number;
   month?: number;
   time?: string;
@@ -65,7 +64,11 @@ const SinglePanel = forwardRef<HTMLDivElement, SinglePanelProps>((originalProps,
     enableTimePicker: props.enableTimePicker,
   });
 
-  const disableDateOptions = useDisableDate({ disableDate: props.disableDate, mode: props.mode, format });
+  const disableDateOptions = useDisableDate({
+    disableDate: props.disableDate,
+    mode: props.mode,
+    format,
+  });
 
   const disableTimeOptions: TdTimePickerProps['disableTime'] = (h: number, m: number, s: number, ms: number) => {
     if (!isFunction(disableTime) || !value) {
diff --git a/packages/components/date-picker/utils.ts b/packages/components/date-picker/utils.ts
index 11b4f9786e..8e49bfe1d3 100644
--- a/packages/components/date-picker/utils.ts
+++ b/packages/components/date-picker/utils.ts
@@ -9,7 +9,6 @@ export function dateCorrection(partialIndex: number, preYear: Array<number>, pre
     if (nextYear[1] <= nextYear[0]) {
       if (onlyYearSelect) nextYear[1] = nextYear[0] + 1;
       else {
-        // eslint-disable-next-line prefer-destructuring
         nextYear[1] = nextYear[0];
         if (nextMonth[1] <= nextMonth[0]) {
           nextMonth[1] = nextMonth[0] + 1;
@@ -29,7 +28,6 @@ export function dateCorrection(partialIndex: number, preYear: Array<number>, pre
       // 年/季度/月份场景下，头部只有年选择器，直接 - 1
       if (onlyYearSelect) nextYear[0] = nextYear[1] - 1;
       else {
-        // eslint-disable-next-line prefer-destructuring
         nextYear[0] = nextYear[1];
         if (nextMonth[0] >= nextMonth[1]) {
           nextMonth[0] = nextMonth[1] - 1;
diff --git a/packages/components/dialog/Dialog.tsx b/packages/components/dialog/Dialog.tsx
index c33a1b68ac..be3bec84f4 100644
--- a/packages/components/dialog/Dialog.tsx
+++ b/packages/components/dialog/Dialog.tsx
@@ -40,7 +40,10 @@ const Dialog = forwardRef<DialogInstance, DialogProps>((originalProps, ref) => {
   const dialogPosition = useRef(null);
   const portalRef = useRef(null);
 
-  const [state, setState] = useSetState<DialogProps>({ isPlugin: false, ...restProps });
+  const [state, setState] = useSetState<DialogProps>({
+    isPlugin: false,
+    ...restProps,
+  });
   const [local] = useLocaleReceiver('dialog');
 
   const {
@@ -104,7 +107,7 @@ const Dialog = forwardRef<DialogInstance, DialogProps>((originalProps, ref) => {
       activateDialog();
       applyTransform();
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [dialogAnimationVisible]);
 
   useImperativeHandle(ref, () => ({
@@ -248,7 +251,9 @@ const Dialog = forwardRef<DialogInstance, DialogProps>((originalProps, ref) => {
                   [`${componentCls}--center`]: !isFullScreen && props.placement === 'center' && !props.top,
                 },
               )}
-              style={{ paddingTop: isFullScreen ? undefined : pxCompat(props.top) }}
+              style={{
+                paddingTop: isFullScreen ? undefined : pxCompat(props.top),
+              }}
               onClick={onMaskClick}
             >
               <CSSTransition
diff --git a/packages/components/dialog/hooks/useDialogDrag.ts b/packages/components/dialog/hooks/useDialogDrag.ts
index 0c91c83d4f..44a1eccffd 100644
--- a/packages/components/dialog/hooks/useDialogDrag.ts
+++ b/packages/components/dialog/hooks/useDialogDrag.ts
@@ -99,7 +99,7 @@ const useDialogDrag = (props: DialogDragProps) => {
     if (!canDraggable) return;
     window.addEventListener('resize', clampPosition);
     return () => window.removeEventListener('resize', clampPosition);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [canDraggable]);
 
   return {
diff --git a/packages/components/dialog/hooks/useDialogEsc.ts b/packages/components/dialog/hooks/useDialogEsc.ts
index c42e678520..9b121f63f3 100644
--- a/packages/components/dialog/hooks/useDialogEsc.ts
+++ b/packages/components/dialog/hooks/useDialogEsc.ts
@@ -40,7 +40,7 @@ const useDialogEsc = (visible: boolean, dialog: MutableRefObject<HTMLDivElement>
         }
       }
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [visible]);
 
   return { activateDialog };
diff --git a/packages/components/divider/__tests__/vitest-divider.test.jsx b/packages/components/divider/__tests__/vitest-divider.test.jsx
index 18b0080107..ac52383856 100644
--- a/packages/components/divider/__tests__/vitest-divider.test.jsx
+++ b/packages/components/divider/__tests__/vitest-divider.test.jsx
@@ -5,6 +5,7 @@
  */
 import React from 'react';
 import { render } from '@test/utils';
+
 import { Divider } from '..';
 
 describe('Divider Component', () => {
diff --git a/packages/components/drawer/Drawer.tsx b/packages/components/drawer/Drawer.tsx
index 7643fd6528..891b0fc6c7 100644
--- a/packages/components/drawer/Drawer.tsx
+++ b/packages/components/drawer/Drawer.tsx
@@ -42,7 +42,10 @@ const Drawer = forwardRef<DrawerInstance, DrawerProps>((originalProps, ref) => {
 
   const props = useDefaultProps<DrawerProps>(originalProps, drawerDefaultProps);
   const { body, children, header, footer, ...restProps } = props;
-  const [state, setState] = useSetState<DrawerProps>({ isPlugin: false, ...restProps });
+  const [state, setState] = useSetState<DrawerProps>({
+    isPlugin: false,
+    ...restProps,
+  });
   const {
     className,
     style,
@@ -98,7 +101,11 @@ const Drawer = forwardRef<DrawerInstance, DrawerProps>((originalProps, ref) => {
     return dragSizeValue || sizeMap[size] || size;
   }, [dragSizeValue, size]);
 
-  useLockStyle({ ...state, sizeValue, drawerWrapper: drawerWrapperRef.current });
+  useLockStyle({
+    ...state,
+    sizeValue,
+    drawerWrapper: drawerWrapperRef.current,
+  });
   useImperativeHandle(ref, () => ({
     show() {
       setState({ visible: true });
@@ -159,7 +166,7 @@ const Drawer = forwardRef<DrawerInstance, DrawerProps>((originalProps, ref) => {
     } else if (isValidElement(btn)) {
       result = btn;
     } else if (isObject(btn)) {
-      result = <Button {...defaultProps} {...(btn as {})} />;
+      result = <Button {...defaultProps} {...(btn as object)} />;
     } else if (isFunction(btn)) {
       result = btn();
     }
diff --git a/packages/components/drawer/hooks/useLockStyle.ts b/packages/components/drawer/hooks/useLockStyle.ts
index 4a6849d412..748476e701 100644
--- a/packages/components/drawer/hooks/useLockStyle.ts
+++ b/packages/components/drawer/hooks/useLockStyle.ts
@@ -25,7 +25,7 @@ export default function useLockStyle(props) {
         left: `margin: 0 0 0 ${sizeValue}`,
         right: `margin: 0 0 0 -${sizeValue}`,
         bottom: `margin: -${sizeValue} 0 0 0`,
-      }[placement]),
+      })[placement],
     [placement, sizeValue],
   );
 
diff --git a/packages/components/empty/Empty.tsx b/packages/components/empty/Empty.tsx
index c78ce3f960..92ec8adbcb 100644
--- a/packages/components/empty/Empty.tsx
+++ b/packages/components/empty/Empty.tsx
@@ -89,8 +89,8 @@ const Empty: React.FC<EmptyProps> = (props) => {
   const typeImageProps = defaultMaps[type] ?? null;
 
   const { image, description, title } = {
-    image: propsImage ? propsImage : typeImageProps?.image ?? null,
-    title: propsTitle ? propsTitle : typeImageProps?.title ?? null,
+    image: propsImage ? propsImage : (typeImageProps?.image ?? null),
+    title: propsTitle ? propsTitle : (typeImageProps?.title ?? null),
     description: propsDescription,
   };
 
diff --git a/packages/components/form/FormItem.tsx b/packages/components/form/FormItem.tsx
index 7428272107..d663a52172 100644
--- a/packages/components/form/FormItem.tsx
+++ b/packages/components/form/FormItem.tsx
@@ -122,6 +122,7 @@ const FormItem = forwardRef<FormItemInstance, FormItemProps>((originalProps, ref
 
   const { defaultInitialData } = useFormItemInitialData(name, fullPath, initialData, children);
 
+  // eslint-disable-next-line @eslint-react/use-state
   const [, forceUpdate] = useState({}); // custom render state
   const [freeShowErrorMessage, setFreeShowErrorMessage] = useState(undefined);
   const [errorList, setErrorList] = useState([]);
@@ -214,9 +215,14 @@ const FormItem = forwardRef<FormItemInstance, FormItemProps>((originalProps, ref
       return null;
     };
 
-    if (React.isValidElement(statusIcon)) {
+    if (React.isValidElement<Record<string, any>>(statusIcon)) {
       // @ts-ignore
-      return resultIcon(React.cloneElement(statusIcon, { style: { color: 'unset' }, ...statusIcon.props }));
+      return resultIcon(
+        React.cloneElement(statusIcon, {
+          style: { color: 'unset' },
+          ...statusIcon.props,
+        }),
+      );
     }
     if (statusIcon === true) {
       return getDefaultIcon();
@@ -245,7 +251,6 @@ const FormItem = forwardRef<FormItemInstance, FormItemProps>((originalProps, ref
       .map((item) => {
         Object.keys(item).forEach((key) => {
           if (!item.message && errorMessages[key]) {
-            // eslint-disable-next-line
             item.message = parseMessage(errorMessages[key], {
               validate: item[key],
               name: isString(label) ? label : String(name),
@@ -433,7 +438,7 @@ const FormItem = forwardRef<FormItemInstance, FormItemProps>((originalProps, ref
     return () => {
       mapRef.current.delete(fullPath);
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [snakeName, formListName]);
 
   useEffect(() => {
@@ -451,7 +456,7 @@ const FormItem = forwardRef<FormItemInstance, FormItemProps>((originalProps, ref
     const filterRules = innerRules.filter((item) => (item.trigger || 'change') === 'change');
 
     filterRules.length && validate('change');
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [formValue, snakeName]);
 
   // 暴露 ref 实例方法
@@ -491,7 +496,7 @@ const FormItem = forwardRef<FormItemInstance, FormItemProps>((originalProps, ref
             if (!child) return null;
 
             // Fragment can only have `key` and `children` props, skip props injection
-            if (!React.isValidElement(child) || child.type === React.Fragment) return child;
+            if (!React.isValidElement<Record<string, any>>(child) || child.type === React.Fragment) return child;
 
             const childType = child.type;
             const isCustomComp = typeof childType === 'object' || typeof childType === 'function';
@@ -508,7 +513,7 @@ const FormItem = forwardRef<FormItemInstance, FormItemProps>((originalProps, ref
               });
             }
 
-            const childProps = child.props as any;
+            const childProps = child.props;
             const commonProps = {
               disabled: disabledFromContext,
               readOnly: readOnlyFromContext,
diff --git a/packages/components/form/FormList.tsx b/packages/components/form/FormList.tsx
index 9aac98bac3..901e169a4f 100644
--- a/packages/components/form/FormList.tsx
+++ b/packages/components/form/FormList.tsx
@@ -135,16 +135,16 @@ const FormList: React.FC<TdFormListProps> = (props) => {
     formMapRef.current.set(fullPath, formListRef);
     set(form?.store, fullPath, formListValue);
     return () => {
-      // eslint-disable-next-line react-hooks/exhaustive-deps
+      // eslint-disable-next-line @eslint-react/exhaustive-deps
       formMapRef.current.delete(fullPath);
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [snakeName]);
 
   useEffect(() => {
     // fields 变化通知 watch 事件
     form?.getInternalHooks?.(HOOK_MARK)?.notifyWatch?.(name);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [form, snakeName, fields]);
 
   useImperativeHandle(
diff --git a/packages/components/form/_example/validate-message.tsx b/packages/components/form/_example/validate-message.tsx
index 22570f29e0..1ecc68a8fc 100644
--- a/packages/components/form/_example/validate-message.tsx
+++ b/packages/components/form/_example/validate-message.tsx
@@ -22,7 +22,12 @@ const validateMessage: FormValidateMessage<Data> = {
 
 const rules: FormRules<Data> = {
   account: [{ required: true }, { min: 2 }, { max: 10, type: 'warning' }],
-  description: [{ validator: (val: string) => val.length < 10, message: '不能超过 20 个字，中文长度等于英文长度' }],
+  description: [
+    {
+      validator: (val: string) => val.length < 10,
+      message: '不能超过 20 个字，中文长度等于英文长度',
+    },
+  ],
   password: [{ required: true }, { len: 8, message: '请输入 8 位密码' }],
 };
 
@@ -55,7 +60,7 @@ export default function BaseForm() {
 
   useEffect(() => {
     form.setValidateMessage(validateMessage);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, []);
 
   return (
diff --git a/packages/components/form/hooks/useForm.ts b/packages/components/form/hooks/useForm.ts
index b4373ea4c2..79825ccf77 100644
--- a/packages/components/form/hooks/useForm.ts
+++ b/packages/components/form/hooks/useForm.ts
@@ -105,9 +105,9 @@ class FormStore {
 
 export default function useForm(form?: FormInstanceFunctions) {
   const formRef = useRef<InternalFormInstance>(Object.create({}));
+  // eslint-disable-next-line @eslint-react/use-state
   const [, forceUpdate] = useState({});
 
-  // eslint-disable-next-line
   if (!formRef.current._init) {
     if (form) {
       formRef.current = form;
diff --git a/packages/components/form/hooks/useWatch.ts b/packages/components/form/hooks/useWatch.ts
index 0367da74a8..a2d7ddd60a 100644
--- a/packages/components/form/hooks/useWatch.ts
+++ b/packages/components/form/hooks/useWatch.ts
@@ -10,7 +10,6 @@ import type { InternalFormInstance } from './interface';
 export default function useWatch(name: NamePath, form: InternalFormInstance) {
   const [value, setValue] = useState<any>();
 
-  // eslint-disable-next-line no-underscore-dangle
   const isValidForm = form && form._init;
 
   useEffect(() => {
@@ -31,7 +30,7 @@ export default function useWatch(name: NamePath, form: InternalFormInstance) {
     setValue(initialValue);
 
     return cancelRegister;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, []);
 
   return value;
diff --git a/packages/components/form/utils/index.ts b/packages/components/form/utils/index.ts
index 7ffc10b7c5..d803627bc8 100644
--- a/packages/components/form/utils/index.ts
+++ b/packages/components/form/utils/index.ts
@@ -1,10 +1,10 @@
 import { get, has } from 'lodash-es';
 
+import type React from 'react';
 import type { FormItemInstance } from '../FormItem';
 import type { NamePath } from '../type';
 
 export function swap<T>(arr: T[], i: number, j: number) {
-  // eslint-disable-next-line no-param-reassign
   [arr[i], arr[j]] = [arr[j], arr[i]];
 }
 
@@ -84,7 +84,7 @@ export function calcFieldValue(name: NamePath, value: any, numericKeyAsIndex = t
 export function travelMapFromObject(
   obj: Record<any, any>,
   formMapRef: React.MutableRefObject<Map<any, any>>,
-  callback: Function,
+  callback: (formItemRef: React.RefObject<FormItemInstance>, value: any) => void,
 ) {
   for (const [mapName, formItemRef] of formMapRef.current.entries()) {
     if (has(obj, mapName)) {
diff --git a/packages/components/grid/type.ts b/packages/components/grid/type.ts
index f4c51e31be..1dfa7af9d5 100644
--- a/packages/components/grid/type.ts
+++ b/packages/components/grid/type.ts
@@ -1,5 +1,3 @@
-/* eslint-disable */
-
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
  * */
diff --git a/packages/components/guide/Guide.tsx b/packages/components/guide/Guide.tsx
index 18b0ab3ed0..de49e46225 100644
--- a/packages/components/guide/Guide.tsx
+++ b/packages/components/guide/Guide.tsx
@@ -195,13 +195,10 @@ const Guide: React.FC<GuideProps> = (originalProps) => {
       setActive(false);
       destroyGuide();
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [innerCurrent]);
 
   useIsomorphicLayoutEffect(() => {
     initGuide();
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   useEffect(
@@ -212,7 +209,7 @@ const Guide: React.FC<GuideProps> = (originalProps) => {
         destroyGuide();
       };
     },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
     [],
   );
 
@@ -398,7 +395,9 @@ const Guide: React.FC<GuideProps> = (originalProps) => {
     const style = { zIndex };
     const wrapperClasses = [
       `${prefixCls}__wrapper`,
-      { [`${prefixCls}__wrapper--center`]: currentStepInfo.placement === 'center' },
+      {
+        [`${prefixCls}__wrapper--center`]: currentStepInfo.placement === 'center',
+      },
     ];
     const dialogClasses = [
       `${prefixCls}__reference`,
diff --git a/packages/components/guide/__tests__/mount.jsx b/packages/components/guide/__tests__/mount.jsx
index 40d6fc0bb9..95d4021e53 100644
--- a/packages/components/guide/__tests__/mount.jsx
+++ b/packages/components/guide/__tests__/mount.jsx
@@ -1,8 +1,9 @@
 import React from 'react';
 import { render } from '@test/utils';
-import Input from '../../input';
+
 import Button from '../../button';
 import { Row } from '../../grid';
+import Input from '../../input';
 
 function GuideContent() {
   return (
@@ -56,7 +57,7 @@ export function getGuideDefaultMount(Guide, props, events) {
     <div>
       <GuideContent />
       <Guide current={0} steps={STEPS.slice(0, 1)} {...props} {...events}></Guide>
-    </div>
+    </div>,
   );
 }
 
@@ -66,18 +67,18 @@ export function getGuideMultipleStepsMount(Guide, props, events) {
     <div>
       <GuideContent />
       <Guide steps={STEPS} {...props} {...events}></Guide>
-    </div>
+    </div>,
   );
 }
 
 // custom step props
 export function getCustomGuideStepMount(Guide, props) {
-  const steps = [{ ...STEPS[0], ...props}]
+  const steps = [{ ...STEPS[0], ...props }];
   return render(
     <div>
       <GuideContent />
       <Guide current={0} steps={steps}></Guide>
-    </div>
+    </div>,
   );
 }
 
@@ -90,8 +91,8 @@ export function getCustomMultipleGuideStepMount(Guide, props) {
     <div>
       <GuideContent />
       <Guide current={current} steps={steps}></Guide>
-    </div>
+    </div>,
   );
 }
 
-export default {}
+export default {};
diff --git a/packages/components/guide/__tests__/vitest-guide.test.jsx b/packages/components/guide/__tests__/vitest-guide.test.jsx
index 7db3285870..0eaa6915bc 100644
--- a/packages/components/guide/__tests__/vitest-guide.test.jsx
+++ b/packages/components/guide/__tests__/vitest-guide.test.jsx
@@ -5,13 +5,14 @@
  * If you need to modify this file, contact PMC first please.
  */
 import React from 'react';
-import { fireEvent, vi, render, mockDelay } from '@test/utils';
+import { fireEvent, mockDelay, render, vi } from '@test/utils';
+
 import { Guide } from '..';
 import {
-  getGuideDefaultMount,
-  getGuideMultipleStepsMount,
   getCustomGuideStepMount,
   getCustomMultipleGuideStepMount,
+  getGuideDefaultMount,
+  getGuideMultipleStepsMount,
 } from './mount';
 
 describe('Guide Component', () => {
diff --git a/packages/components/hooks/useClickOutside.ts b/packages/components/hooks/useClickOutside.ts
index 3723bc0c52..1054a642d9 100644
--- a/packages/components/hooks/useClickOutside.ts
+++ b/packages/components/hooks/useClickOutside.ts
@@ -42,6 +42,6 @@ export default function useClickOutside<T extends HTMLElement>(
       document.removeEventListener('mousedown', listener);
       document.removeEventListener('touchstart', listener);
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [refs, handler, includePopup]);
 }
diff --git a/packages/components/hooks/useDebounce.ts b/packages/components/hooks/useDebounce.ts
index 65446a50a9..91e2b46ef9 100644
--- a/packages/components/hooks/useDebounce.ts
+++ b/packages/components/hooks/useDebounce.ts
@@ -22,7 +22,7 @@ const useDebounce = <T extends (...args: unknown[]) => unknown>(
 ): DebouncedFuncLeading<T> => {
   const callback = usePersistFn(func);
 
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+  // eslint-disable-next-line @eslint-react/exhaustive-deps
   const debounced = useCallback(debounce(callback, delay, options), [callback, delay, options]);
   useEffect(() => debounced.cancel, [debounced]);
 
diff --git a/packages/components/hooks/useDefaultProps.ts b/packages/components/hooks/useDefaultProps.ts
index 9bb02b43f7..f3b2b0506e 100644
--- a/packages/components/hooks/useDefaultProps.ts
+++ b/packages/components/hooks/useDefaultProps.ts
@@ -4,7 +4,6 @@ import { useMemo } from 'react';
 // https://github.com/facebook/react/pull/16210
 export default function useDefaultProps<T>(originalProps: T, defaultProps: Record<PropertyKey, any>): T {
   return useMemo<T>(() => {
-    // eslint-disable-next-line
     const props = Object.assign({}, originalProps);
     Object.keys(defaultProps).forEach((key) => {
       // https://github.com/facebook/react/blob/main/packages/react/src/jsx/ReactJSXElement.js#L733-L740
diff --git a/packages/components/hooks/useDomRefCallback.ts b/packages/components/hooks/useDomRefCallback.ts
index d3c7c2a768..1d8e971404 100644
--- a/packages/components/hooks/useDomRefCallback.ts
+++ b/packages/components/hooks/useDomRefCallback.ts
@@ -6,8 +6,6 @@ export default function useDomRefCallback(): [HTMLElement, React.Dispatch<React.
 
   useCallback((dom: HTMLElement) => {
     if (dom) setRefCurrent(dom);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   return [refCurrent, setRefCurrent];
diff --git a/packages/components/hooks/useDomRefMount.ts b/packages/components/hooks/useDomRefMount.ts
index 38bf7a7a43..70736ce83c 100644
--- a/packages/components/hooks/useDomRefMount.ts
+++ b/packages/components/hooks/useDomRefMount.ts
@@ -18,7 +18,6 @@ function useDomRefMount<T extends HTMLElement = HTMLElement>(ref: React.MutableR
 
       // 更新 ref
       if (ref) {
-        // eslint-disable-next-line no-param-reassign
         ref.current = node;
       }
 
@@ -38,7 +37,8 @@ function useDomRefMount<T extends HTMLElement = HTMLElement>(ref: React.MutableR
 
       return node;
     },
-    [], // eslint-disable-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
+    [],
   );
 
   const onUnmount = useCallback((callback: () => void) => {
diff --git a/packages/components/hooks/useInnerPopupVisible.tsx b/packages/components/hooks/useInnerPopupVisible.tsx
index dad41e02ce..b429432f3b 100644
--- a/packages/components/hooks/useInnerPopupVisible.tsx
+++ b/packages/components/hooks/useInnerPopupVisible.tsx
@@ -29,7 +29,7 @@ function useInnerPopupVisible(handler: (visible: boolean, ctx: PopupVisibleChang
       // 执行原函数
       handler(visible, ctx);
     },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
     [handler],
   );
 }
diff --git a/packages/components/hooks/useMouseEvent.ts b/packages/components/hooks/useMouseEvent.ts
index 83b8f632b9..30437d7c14 100644
--- a/packages/components/hooks/useMouseEvent.ts
+++ b/packages/components/hooks/useMouseEvent.ts
@@ -132,7 +132,7 @@ const useMouseEvent = (elementRef: React.RefObject<HTMLElement>, options: MouseE
         el.removeEventListener('touchend', handleMouseUp);
       }
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [options, enabled, enableTouch]);
 
   return {
diff --git a/packages/components/hooks/useMutationObserver.ts b/packages/components/hooks/useMutationObserver.ts
index 504ced4828..e1eccd7c07 100644
--- a/packages/components/hooks/useMutationObserver.ts
+++ b/packages/components/hooks/useMutationObserver.ts
@@ -59,6 +59,6 @@ export default function useMutationObservable(
         observer = null;
       }
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [targetEl, signalRef.current]);
 }
diff --git a/packages/components/hooks/usePopper.ts b/packages/components/hooks/usePopper.ts
index 151b255caa..7b7f768b80 100644
--- a/packages/components/hooks/usePopper.ts
+++ b/packages/components/hooks/usePopper.ts
@@ -75,6 +75,7 @@ const usePopper = (
       fn: ({ state }) => {
         const elements = Object.keys(state.elements);
 
+        // eslint-disable-next-line @eslint-react/dom-no-flush-sync
         flushSync(() => {
           setState({
             styles: fromEntries(elements.map((element) => [element, state.styles[element] || {}])),
diff --git a/packages/components/hooks/useResizeObserver.ts b/packages/components/hooks/useResizeObserver.ts
index dd8508e268..9d0aa04604 100644
--- a/packages/components/hooks/useResizeObserver.ts
+++ b/packages/components/hooks/useResizeObserver.ts
@@ -33,6 +33,5 @@ export default function useResizeObserver(
         observerRef.current = null;
       }
     };
-    // eslint-disable-next-line
   }, [container, enabled]);
 }
diff --git a/packages/components/hooks/useRipple.ts b/packages/components/hooks/useRipple.ts
index f8f857d389..03e303f1c0 100644
--- a/packages/components/hooks/useRipple.ts
+++ b/packages/components/hooks/useRipple.ts
@@ -115,7 +115,6 @@ export default function useRipple(el: HTMLElement, fixedRippleColor?: string): v
       // fix position
       const initPosition = el.style.position ? el.style.position : getComputedStyle(el).position;
       if (initPosition === '' || initPosition === 'static') {
-        // eslint-disable-next-line no-param-reassign
         el.style.position = 'relative';
       }
       rippleContainer.insertBefore(ripple, rippleContainer.firstChild);
@@ -132,10 +131,13 @@ export default function useRipple(el: HTMLElement, fixedRippleColor?: string): v
         el.removeEventListener('pointerup', handleClearRipple, false);
         el.removeEventListener('pointerleave', handleClearRipple, false);
 
-        setTimeout(() => {
-          ripple.remove();
-          if (rippleContainer.children.length === 0) rippleContainer.remove();
-        }, period * 2 + 100);
+        setTimeout(
+          () => {
+            ripple.remove();
+            if (rippleContainer.children.length === 0) rippleContainer.remove();
+          },
+          period * 2 + 100,
+        );
       };
 
       el.addEventListener('pointerup', handleClearRipple, false);
diff --git a/packages/components/hooks/useUpdateEffect.ts b/packages/components/hooks/useUpdateEffect.ts
index 19388fe667..a226f8d392 100644
--- a/packages/components/hooks/useUpdateEffect.ts
+++ b/packages/components/hooks/useUpdateEffect.ts
@@ -11,7 +11,7 @@ const useUpdateEffect = (callback: EffectCallback, dependency: DependencyList) =
     if (isFirstRender) return;
 
     return callback();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, dependency);
 };
 
diff --git a/packages/components/hooks/useUpdateLayoutEffect.ts b/packages/components/hooks/useUpdateLayoutEffect.ts
index 43a0b6a7fd..847ed6c1d4 100644
--- a/packages/components/hooks/useUpdateLayoutEffect.ts
+++ b/packages/components/hooks/useUpdateLayoutEffect.ts
@@ -10,7 +10,6 @@ const useUpdateLayoutEffect = (callback: EffectCallback, dependency: DependencyL
     if (isFirstRender) return;
 
     return callback();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, dependency);
 };
 
diff --git a/packages/components/hooks/useVariables.ts b/packages/components/hooks/useVariables.ts
index db9640f435..3ad1d1de42 100644
--- a/packages/components/hooks/useVariables.ts
+++ b/packages/components/hooks/useVariables.ts
@@ -30,10 +30,10 @@ function useVariables<T extends Record<string, string>>(
   variables: T,
   targetElement?: HTMLElement,
 ): Record<keyof T, string> {
+  // eslint-disable-next-line @eslint-react/use-state
   const [, forceUpdate] = useState<Record<string, never>>({});
 
   if (canUseDocument && !targetElement) {
-    // eslint-disable-next-line no-param-reassign
     targetElement = document?.documentElement;
   }
 
diff --git a/packages/components/hooks/useVirtualScroll.ts b/packages/components/hooks/useVirtualScroll.ts
index a163b2cfa0..38e044f11b 100644
--- a/packages/components/hooks/useVirtualScroll.ts
+++ b/packages/components/hooks/useVirtualScroll.ts
@@ -1,4 +1,3 @@
-/* eslint-disable no-underscore-dangle */
 /**
  * 通用虚拟滚动，可支持 Select/List/Table/TreeSelect/Cascader 等组件
  */
@@ -255,7 +254,7 @@ const useVirtualScroll = (container: React.MutableRefObject<HTMLElement>, params
       }, 1);
     },
     // eslint-disable-next-line
-    [container, data, tScroll, isVirtualScroll, startAndEndIndex, trHeightList],
+    [container, data, tScroll, isVirtualScroll, startAndEndIndex, trHeightList]
   );
 
   return {
diff --git a/packages/components/image-viewer/__tests__/transform.test.ts b/packages/components/image-viewer/__tests__/transform.test.ts
index 1b669c47db..b359beb1eb 100644
--- a/packages/components/image-viewer/__tests__/transform.test.ts
+++ b/packages/components/image-viewer/__tests__/transform.test.ts
@@ -291,7 +291,10 @@ describe('zoomIn 放大', () => {
       currentTranslate: { translateX: 100, translateY: 50 },
     });
     expect(newScale).toBeCloseTo(1.2);
-    expect(zoomResult.newTranslate).toEqual({ translateX: 120, translateY: 60 });
+    expect(zoomResult.newTranslate).toEqual({
+      translateX: 120,
+      translateY: 60,
+    });
   });
 
   test('已达最大值时只返回 newScale', () => {
@@ -338,7 +341,7 @@ describe('isImageExceedsViewport 图片是否超出视口', () => {
       height: 600,
       x: 0,
       y: 0,
-      // eslint-disable-next-line @typescript-eslint/no-empty-function
+
       toJSON: () => {},
       ...rect,
     });
@@ -346,68 +349,178 @@ describe('isImageExceedsViewport 图片是否超出视口', () => {
   };
 
   test('图片在视口内', () => {
-    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
-    const modalBox = createMockElement({ left: 100, right: 700, top: 50, bottom: 550 });
+    const container = createMockElement({
+      left: 0,
+      right: 800,
+      top: 0,
+      bottom: 600,
+    });
+    const modalBox = createMockElement({
+      left: 100,
+      right: 700,
+      top: 50,
+      bottom: 550,
+    });
     expect(isImageExceedsViewport(container, modalBox)).toBe(false);
   });
 
   test('图片超出左侧', () => {
-    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
-    const modalBox = createMockElement({ left: -50, right: 700, top: 50, bottom: 550 });
+    const container = createMockElement({
+      left: 0,
+      right: 800,
+      top: 0,
+      bottom: 600,
+    });
+    const modalBox = createMockElement({
+      left: -50,
+      right: 700,
+      top: 50,
+      bottom: 550,
+    });
     expect(isImageExceedsViewport(container, modalBox)).toBe(true);
   });
 
   test('图片超出右侧', () => {
-    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
-    const modalBox = createMockElement({ left: 100, right: 900, top: 50, bottom: 550 });
+    const container = createMockElement({
+      left: 0,
+      right: 800,
+      top: 0,
+      bottom: 600,
+    });
+    const modalBox = createMockElement({
+      left: 100,
+      right: 900,
+      top: 50,
+      bottom: 550,
+    });
     expect(isImageExceedsViewport(container, modalBox)).toBe(true);
   });
 
   test('图片超出顶部', () => {
-    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
-    const modalBox = createMockElement({ left: 100, right: 700, top: -10, bottom: 550 });
+    const container = createMockElement({
+      left: 0,
+      right: 800,
+      top: 0,
+      bottom: 600,
+    });
+    const modalBox = createMockElement({
+      left: 100,
+      right: 700,
+      top: -10,
+      bottom: 550,
+    });
     expect(isImageExceedsViewport(container, modalBox)).toBe(true);
   });
 
   test('图片超出底部', () => {
-    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
-    const modalBox = createMockElement({ left: 100, right: 700, top: 50, bottom: 650 });
+    const container = createMockElement({
+      left: 0,
+      right: 800,
+      top: 0,
+      bottom: 600,
+    });
+    const modalBox = createMockElement({
+      left: 100,
+      right: 700,
+      top: 50,
+      bottom: 650,
+    });
     expect(isImageExceedsViewport(container, modalBox)).toBe(true);
   });
 
   test('图片四边均超出', () => {
-    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
-    const modalBox = createMockElement({ left: -100, right: 900, top: -100, bottom: 700 });
+    const container = createMockElement({
+      left: 0,
+      right: 800,
+      top: 0,
+      bottom: 600,
+    });
+    const modalBox = createMockElement({
+      left: -100,
+      right: 900,
+      top: -100,
+      bottom: 700,
+    });
     expect(isImageExceedsViewport(container, modalBox)).toBe(true);
   });
 
   test('图片与视口完全重合', () => {
-    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
-    const modalBox = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
+    const container = createMockElement({
+      left: 0,
+      right: 800,
+      top: 0,
+      bottom: 600,
+    });
+    const modalBox = createMockElement({
+      left: 0,
+      right: 800,
+      top: 0,
+      bottom: 600,
+    });
     expect(isImageExceedsViewport(container, modalBox)).toBe(false);
   });
 
   test('图片左边与容器左边对齐（边界不超出）', () => {
-    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
-    const modalBox = createMockElement({ left: 0, right: 700, top: 50, bottom: 550 });
+    const container = createMockElement({
+      left: 0,
+      right: 800,
+      top: 0,
+      bottom: 600,
+    });
+    const modalBox = createMockElement({
+      left: 0,
+      right: 700,
+      top: 50,
+      bottom: 550,
+    });
     expect(isImageExceedsViewport(container, modalBox)).toBe(false);
   });
 
   test('图片右边与容器右边对齐（边界不超出）', () => {
-    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
-    const modalBox = createMockElement({ left: 100, right: 800, top: 50, bottom: 550 });
+    const container = createMockElement({
+      left: 0,
+      right: 800,
+      top: 0,
+      bottom: 600,
+    });
+    const modalBox = createMockElement({
+      left: 100,
+      right: 800,
+      top: 50,
+      bottom: 550,
+    });
     expect(isImageExceedsViewport(container, modalBox)).toBe(false);
   });
 
   test('图片上边与容器上边对齐（边界不超出）', () => {
-    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
-    const modalBox = createMockElement({ left: 100, right: 700, top: 0, bottom: 550 });
+    const container = createMockElement({
+      left: 0,
+      right: 800,
+      top: 0,
+      bottom: 600,
+    });
+    const modalBox = createMockElement({
+      left: 100,
+      right: 700,
+      top: 0,
+      bottom: 550,
+    });
     expect(isImageExceedsViewport(container, modalBox)).toBe(false);
   });
 
   test('图片下边与容器下边对齐（边界不超出）', () => {
-    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
-    const modalBox = createMockElement({ left: 100, right: 700, top: 50, bottom: 600 });
+    const container = createMockElement({
+      left: 0,
+      right: 800,
+      top: 0,
+      bottom: 600,
+    });
+    const modalBox = createMockElement({
+      left: 100,
+      right: 700,
+      top: 50,
+      bottom: 600,
+    });
     expect(isImageExceedsViewport(container, modalBox)).toBe(false);
   });
 });
diff --git a/packages/components/image/Image.tsx b/packages/components/image/Image.tsx
index 4768dd0971..286cc76d78 100644
--- a/packages/components/image/Image.tsx
+++ b/packages/components/image/Image.tsx
@@ -77,7 +77,7 @@ const InternalImage: React.ForwardRefRenderFunction<HTMLDivElement, ImageProps>
     const tmpUrl = isFunction(local.replaceImageSrc) ? local.replaceImageSrc(props) : src;
     if (tmpUrl === imageSrc && imageSrc) return;
     setImageSrc(tmpUrl);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [src, local, props]);
 
   const { previewUrl } = useImagePreviewUrl(imageSrc);
@@ -141,7 +141,7 @@ const InternalImage: React.ForwardRefRenderFunction<HTMLDivElement, ImageProps>
         }, 0);
       });
 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [previewUrl]);
 
   useEffect(() => {
@@ -153,7 +153,7 @@ const InternalImage: React.ForwardRefRenderFunction<HTMLDivElement, ImageProps>
         handleLoad(imgRef.current);
       }
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, []);
 
   const hasMouseEvent = overlayTrigger === 'hover';
diff --git a/packages/components/image/__tests__/lazy.test.jsx b/packages/components/image/__tests__/lazy.test.jsx
index f095c77f0f..c3400b858d 100644
--- a/packages/components/image/__tests__/lazy.test.jsx
+++ b/packages/components/image/__tests__/lazy.test.jsx
@@ -1,7 +1,8 @@
 import React from 'react';
-import { fireEvent, render, mockIntersectionObserver } from '@test/utils';
-import { Image } from '..';
+import { fireEvent, mockIntersectionObserver, render } from '@test/utils';
+
 import Space from '../../space';
+import { Image } from '..';
 
 describe('Image Component', () => {
   beforeAll(() => {
@@ -17,7 +18,7 @@ describe('Image Component', () => {
           callback([{ isIntersecting: true }]);
         }
       });
-    }
+    };
     mockIntersectionObserver({}, { observe });
   });
 
@@ -26,24 +27,21 @@ describe('Image Component', () => {
 
     const { container } = render(
       <Space style={{ height: 240, width: 240, overflow: 'hidden', overflowY: 'scroll', paddingTop: 500 }}>
-        {
-          Array.from({ length: 16 }).map((_, index) => (
-            <Image
-              key={index}
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-              style={{ width: 230, height: 120 }}
-              lazy
-            />
-          ))
-        }
-      </Space>
+        {Array.from({ length: 16 }).map((_, index) => (
+          <Image
+            key={index}
+            src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            style={{ width: 230, height: 120 }}
+            lazy
+          />
+        ))}
+      </Space>,
     );
 
     const spaceElement = container.querySelector('.t-space');
     fireEvent.scroll(spaceElement, { target: { scrollY: 400 } });
     // 滚动后，第一张图片会加载，但后面的图片不会加载
-    expect(spaceElement.firstChild.querySelector('img')).not.toBeNull()
-    expect(spaceElement.lastChild.querySelector('img')).toBeNull()
-
+    expect(spaceElement.firstChild.querySelector('img')).not.toBeNull();
+    expect(spaceElement.lastChild.querySelector('img')).toBeNull();
   });
 });
diff --git a/packages/components/image/__tests__/mount.jsx b/packages/components/image/__tests__/mount.jsx
index 5aa239efb4..748821dd0b 100644
--- a/packages/components/image/__tests__/mount.jsx
+++ b/packages/components/image/__tests__/mount.jsx
@@ -2,16 +2,16 @@ import React from 'react';
 import { render } from '@test/utils';
 
 function ImageOverlay() {
-  return <div className='custom-preview-node'>预览</div>
+  return <div className="custom-preview-node">预览</div>;
 }
 
 export function getOverlayImageMount(Image, props, events) {
   return render(
     <Image
-      src='https://tdesign.gtimg.com/demo/demo-image-1.png'
+      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
       overlayContent={<ImageOverlay />}
       {...props}
       {...events}
-    ></Image>
+    ></Image>,
   );
 }
diff --git a/packages/components/image/__tests__/vitest-image.test.jsx b/packages/components/image/__tests__/vitest-image.test.jsx
index 8607aca52e..19948638b3 100644
--- a/packages/components/image/__tests__/vitest-image.test.jsx
+++ b/packages/components/image/__tests__/vitest-image.test.jsx
@@ -1,11 +1,11 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 /**
  * 该文件由脚本自动生成，如需修改请联系 PMC
  * This file generated by scripts of tdesign-api. `npm run api:docs Image React(PC) vitest,finalProject`
  * If you need to modify this file, contact PMC first please.
  */
 import React from 'react';
-import { fireEvent, vi, render, mockDelay, simulateImageEvent } from '@test/utils';
+import { fireEvent, mockDelay, render, simulateImageEvent, vi } from '@test/utils';
+
 import { Image } from '..';
 import { getOverlayImageMount } from './mount';
 
diff --git a/packages/components/index-lib.ts b/packages/components/index-lib.ts
index a35874d0b9..19cafb2a32 100644
--- a/packages/components/index-lib.ts
+++ b/packages/components/index-lib.ts
@@ -5,10 +5,9 @@ if (
   ENV !== 'test' &&
   ENV !== 'production' &&
   typeof console !== 'undefined' &&
-  console.warn && // eslint-disable-line no-console
+  console.warn &&
   typeof window !== 'undefined'
 ) {
-  // eslint-disable-next-line no-console
   console.warn('You are using a whole package of TDesign!');
 }
 
diff --git a/packages/components/input/Input.tsx b/packages/components/input/Input.tsx
index e2c77d0f4d..c6dc5c2573 100644
--- a/packages/components/input/Input.tsx
+++ b/packages/components/input/Input.tsx
@@ -123,8 +123,8 @@ const Input = forwardRefWithStatics(
     // inputPreRef 用于预存输入框宽度，应用在 auto width 模式中
     const inputPreRef: React.RefObject<HTMLInputElement> = useRef(null);
     const wrapperRef: React.RefObject<HTMLDivElement> = useRef(null);
-    const [isHover, toggleIsHover] = useState(false);
-    const [isFocused, toggleIsFocused] = useState(false);
+    const [isHover, setIsHover] = useState(false);
+    const [isFocused, setIsFocused] = useState(false);
     const [renderType, setRenderType] = useState(type);
 
     const [composingValue, setComposingValue] = useState<string>('');
@@ -211,16 +211,16 @@ const Input = forwardRefWithStatics(
           onChange?.(limitedValue, { trigger: 'initial' });
         }
       }
-      // eslint-disable-next-line react-hooks/exhaustive-deps
+      // eslint-disable-next-line @eslint-react/exhaustive-deps
     }, []);
 
-    const innerValue = composingRef.current ? composingValue : value ?? '';
+    const innerValue = composingRef.current ? composingValue : (value ?? '');
     const formatDisplayValue = format && !isFocused ? format(innerValue) : innerValue;
 
     const renderInput = (
       <input
         ref={inputRef}
-        placeholder={placeholder}
+        placeholder={placeholder as string}
         type={renderType}
         className={classNames(`${classPrefix}-input__inner`, {
           [`${classPrefix}-input--soft-hidden`]: !showInput,
@@ -362,7 +362,7 @@ const Input = forwardRefWithStatics(
       } = e;
       onFocus?.(value, { e });
       if (isInnerInputReadonly) return;
-      toggleIsFocused(true);
+      setIsFocused(true);
     }
 
     function handleBlur(e: React.FocusEvent<HTMLInputElement>) {
@@ -371,7 +371,7 @@ const Input = forwardRefWithStatics(
       } = e;
       onBlur?.(value, { e });
       if (isInnerInputReadonly) return;
-      toggleIsFocused(false);
+      setIsFocused(false);
     }
 
     function handlePaste(e: React.ClipboardEvent<HTMLInputElement>) {
@@ -381,12 +381,12 @@ const Input = forwardRefWithStatics(
     }
 
     function handleMouseEnter(e: React.MouseEvent<HTMLDivElement>) {
-      !readOnly && toggleIsHover(true);
+      !readOnly && setIsHover(true);
       onMouseenter?.({ e });
     }
 
     function handleMouseLeave(e: React.MouseEvent<HTMLDivElement>) {
-      !readOnly && toggleIsHover(false);
+      !readOnly && setIsHover(false);
       onMouseleave?.({ e });
     }
 
diff --git a/packages/components/input/__tests__/mount.jsx b/packages/components/input/__tests__/mount.jsx
index 99d2567571..68bb9aa314 100644
--- a/packages/components/input/__tests__/mount.jsx
+++ b/packages/components/input/__tests__/mount.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { render } from '@test/utils';
+
 import { Input } from '..';
 
 export function getInputGroupDefaultMount(InputGroup, props) {
diff --git a/packages/components/input/__tests__/vitest-input.test.jsx b/packages/components/input/__tests__/vitest-input.test.jsx
index d8962729a7..cd56b32324 100644
--- a/packages/components/input/__tests__/vitest-input.test.jsx
+++ b/packages/components/input/__tests__/vitest-input.test.jsx
@@ -5,7 +5,8 @@
  * If you need to modify this file, contact PMC first please.
  */
 import React from 'react';
-import { fireEvent, vi, render, mockDelay, simulateInputChange } from '@test/utils';
+import { fireEvent, mockDelay, render, simulateInputChange, vi } from '@test/utils';
+
 import { Input, InputGroup } from '..';
 import { getInputGroupDefaultMount } from './mount';
 
diff --git a/packages/components/link/__tests__/vitest-link.test.jsx b/packages/components/link/__tests__/vitest-link.test.jsx
index 49bc1d3fde..a5a6731652 100644
--- a/packages/components/link/__tests__/vitest-link.test.jsx
+++ b/packages/components/link/__tests__/vitest-link.test.jsx
@@ -1,11 +1,11 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 /**
  * 该文件由脚本自动生成，如需修改请联系 PMC
  * This file generated by scripts of tdesign-api. `npm run api:docs Link React(PC) vitest,finalProject`
  * If you need to modify this file, contact PMC first please.
  */
 import React from 'react';
-import { fireEvent, vi, render } from '@test/utils';
+import { fireEvent, render, vi } from '@test/utils';
+
 import { Link } from '..';
 
 describe('Link Component', () => {
diff --git a/packages/components/list/_example/scroll.tsx b/packages/components/list/_example/scroll.tsx
index 4878789d81..b6e25576cc 100644
--- a/packages/components/list/_example/scroll.tsx
+++ b/packages/components/list/_example/scroll.tsx
@@ -41,7 +41,7 @@ export default function BasicList() {
         setPageNum(pageNum);
         setIsLoading(false);
       }, 300);
-    } catch (err) {
+    } catch (_) {
       setListData([]);
     }
   };
@@ -54,7 +54,7 @@ export default function BasicList() {
 
   useEffect(() => {
     fetchData({ pageNum, pageSize });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, []);
 
   return (
diff --git a/packages/components/list/hooks/useListVirtualScroll.ts b/packages/components/list/hooks/useListVirtualScroll.ts
index b74f06a74b..86f86e0af2 100644
--- a/packages/components/list/hooks/useListVirtualScroll.ts
+++ b/packages/components/list/hooks/useListVirtualScroll.ts
@@ -45,7 +45,7 @@ export const useListVirtualScroll = (
         msTransform: `translate(0, ${virtualConfig.scrollHeight}px)`,
         MozTransform: `translate(0, ${virtualConfig.scrollHeight}px)`,
         WebkitTransform: `translate(0, ${virtualConfig.scrollHeight}px)`,
-      } as Styles),
+      }) as Styles,
     [virtualConfig.scrollHeight],
   );
 
@@ -56,13 +56,13 @@ export const useListVirtualScroll = (
         msTransform: `translate(0, ${virtualConfig.translateY}px)`,
         MozTransform: `translate(0, ${virtualConfig.translateY}px)`,
         WebkitTransform: `translate(0, ${virtualConfig.translateY}px)`,
-      } as Styles),
+      }) as Styles,
     [virtualConfig.translateY],
   );
 
   const handleScrollTo = (params: ComponentScrollToElementParams) => {
     const { index, key } = params;
-    const targetIndex = index === 0 ? index : index ?? Number(key);
+    const targetIndex = index === 0 ? index : (index ?? Number(key));
     if (!targetIndex && targetIndex !== 0) {
       log.error('List', 'scrollTo: `index` or `key` must exist.');
       return;
diff --git a/packages/components/menu/MenuContext.ts b/packages/components/menu/MenuContext.ts
index 1330d2e163..3b5f4f332c 100644
--- a/packages/components/menu/MenuContext.ts
+++ b/packages/components/menu/MenuContext.ts
@@ -14,8 +14,10 @@ export type SetMenuState = React.Dispatch<React.SetStateAction<MenuState>>;
 
 export type MenuMode = 'title' | 'accordion' | 'popup';
 
-interface MenuContextType
-  extends Pick<TdMenuProps, 'onChange' | 'value' | 'expanded' | 'expandMutex' | 'expandType' | 'theme' | 'collapsed'> {
+interface MenuContextType extends Pick<
+  TdMenuProps,
+  'onChange' | 'value' | 'expanded' | 'expandMutex' | 'expandType' | 'theme' | 'collapsed'
+> {
   /**
    * 修改非受控组件状态
    */
diff --git a/packages/components/message/MessageComponent.tsx b/packages/components/message/MessageComponent.tsx
index e2e62e0f3d..c112609d58 100644
--- a/packages/components/message/MessageComponent.tsx
+++ b/packages/components/message/MessageComponent.tsx
@@ -53,7 +53,7 @@ const MessageComponent = forwardRef<HTMLDivElement, MessageComponentProps>((prop
     if (ref && 'current' in ref && ref.current && placement) {
       fadeIn(ref.current, placement);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, []); // Only run on mount
 
   useEffect(() => {
diff --git a/packages/components/message/__tests__/message.test.jsx b/packages/components/message/__tests__/message.test.jsx
index de705013eb..06e56c0df9 100644
--- a/packages/components/message/__tests__/message.test.jsx
+++ b/packages/components/message/__tests__/message.test.jsx
@@ -1,5 +1,4 @@
 import React from 'react';
-import { fireEvent, mockTimeout, render, vi, waitFor } from '@test/utils';
 import {
   CheckCircleFilledIcon,
   ErrorCircleFilledIcon,
@@ -8,6 +7,8 @@ import {
   InfoCircleFilledIcon,
   LoadingIcon,
 } from 'tdesign-icons-react';
+import { fireEvent, mockTimeout, render, vi, waitFor } from '@test/utils';
+
 import Message, { MessagePlugin } from '../index';
 
 const defaultMessage = '默认的message';
diff --git a/packages/components/notification/Notification.tsx b/packages/components/notification/Notification.tsx
index 713f193316..a67bcc75bb 100644
--- a/packages/components/notification/Notification.tsx
+++ b/packages/components/notification/Notification.tsx
@@ -49,7 +49,6 @@ export const Notification = forwardRef<NotificationInstance, NotificationProps>(
 
   React.useImperativeHandle(ref, () => ({ close: () => remove(id) }));
 
-  /* eslint-disable react-hooks/exhaustive-deps */
   React.useEffect(() => {
     let timer: NodeJS.Timeout;
     if (duration > 0) {
@@ -63,6 +62,7 @@ export const Notification = forwardRef<NotificationInstance, NotificationProps>(
         clearTimeout(timer);
       }
     };
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, []);
 
   const renderIcon = () => {
diff --git a/packages/components/notification/NotificationList.tsx b/packages/components/notification/NotificationList.tsx
index be90bc0915..4eced42be3 100644
--- a/packages/components/notification/NotificationList.tsx
+++ b/packages/components/notification/NotificationList.tsx
@@ -34,7 +34,7 @@ interface NotificationListProps {
   attach: HTMLElement;
   zIndex: number;
   placement: NotificationPlacementList;
-  renderCallback: Function;
+  renderCallback: (instance: NotificationListInstance) => void;
 }
 
 let seed = 0;
@@ -74,7 +74,7 @@ const NotificationList = forwardRef<NotificationListInstance, NotificationListPr
       marginBottom: 16,
       position: 'relative',
     };
-    const ref = React.createRef<NotificationInstance>();
+    const ref: React.RefObject<NotificationInstance> = { current: null };
 
     setList((oldList) => [
       ...oldList,
@@ -113,9 +113,9 @@ const NotificationList = forwardRef<NotificationListInstance, NotificationListPr
           const { onDurationEnd = noop, onCloseBtnClick = noop } = props;
           return (
             <NotificationComponent
+              key={props.key}
               ref={props.ref}
               {...props}
-              key={props.key}
               onDurationEnd={() => {
                 remove(props.key);
                 onDurationEnd();
diff --git a/packages/components/pagination/_example/more.tsx b/packages/components/pagination/_example/more.tsx
index 42f61aecdc..ae049986f3 100644
--- a/packages/components/pagination/_example/more.tsx
+++ b/packages/components/pagination/_example/more.tsx
@@ -4,7 +4,7 @@ import { Pagination } from 'tdesign-react';
 import type { PaginationProps } from 'tdesign-react';
 
 export default function PaginationExample() {
-  const [pageSize, changePageSize] = useState(5);
+  const [pageSize, setPageSize] = useState(5);
 
   const onChange: PaginationProps['onChange'] = (pageInfo) => {
     console.log(pageInfo);
@@ -13,14 +13,14 @@ export default function PaginationExample() {
   return (
     <div>
       <span>展示首尾页码省略</span>
-      <Pagination total={100} pageSize={pageSize} onChange={onChange} onPageSizeChange={(v) => changePageSize(v)} />
+      <Pagination total={100} pageSize={pageSize} onChange={onChange} onPageSizeChange={(v) => setPageSize(v)} />
       <span>不展示首尾页码省略</span>
       <Pagination
         total={100}
         pageSize={pageSize}
         onChange={onChange}
         pageEllipsisMode="both-ends"
-        onPageSizeChange={(v) => changePageSize(v)}
+        onPageSizeChange={(v) => setPageSize(v)}
       />
     </div>
   );
diff --git a/packages/components/pagination/hooks/usePageNumber.tsx b/packages/components/pagination/hooks/usePageNumber.tsx
index dcde5a9b26..775b06d232 100644
--- a/packages/components/pagination/hooks/usePageNumber.tsx
+++ b/packages/components/pagination/hooks/usePageNumber.tsx
@@ -18,8 +18,8 @@ export default function usePageNumber(props) {
   });
   const name = `${classPrefix}-pagination`;
 
-  const [hoverPreMore, toggleHoverPreMore] = useState(false); // 处理 left ellipsis 展示逻辑
-  const [hoverNextMore, toggleHoverNextMore] = useState(false); // 处理 right ellipsis 展示逻辑
+  const [hoverPreMore, setHoverPreMore] = useState(false); // 处理 left ellipsis 展示逻辑
+  const [hoverNextMore, setHoverNextMore] = useState(false); // 处理 right ellipsis 展示逻辑
 
   const {
     showPageNumber,
@@ -70,8 +70,8 @@ export default function usePageNumber(props) {
 
   // 当省略图标消失时，需要还原hover标记
   useEffect(() => {
-    if (!showPrevMore) toggleHoverPreMore(false);
-    if (!showNextMore) toggleHoverNextMore(false);
+    if (!showPrevMore) setHoverPreMore(false);
+    if (!showNextMore) setHoverNextMore(false);
   }, [showNextMore, showPrevMore]);
 
   const pageNumberControl = showPageNumber && (
@@ -93,8 +93,8 @@ export default function usePageNumber(props) {
               className={classNames(`${name}__number`, `${name}__number--more`, {
                 [`${classPrefix}-is-disabled`]: disabled,
               })}
-              onMouseEnter={() => toggleHoverPreMore(true)}
-              onMouseLeave={() => toggleHoverPreMore(false)}
+              onMouseEnter={() => setHoverPreMore(true)}
+              onMouseLeave={() => setHoverPreMore(false)}
               onClick={() => changeCurrent(current - foldedMaxPageBtn)}
             >
               {!hoverPreMore ? <EllipsisIcon /> : <ChevronLeftDoubleIcon />}
@@ -121,8 +121,8 @@ export default function usePageNumber(props) {
               className={classNames(`${name}__number`, `${name}__number--more`, {
                 [`${classPrefix}-is-disabled`]: disabled,
               })}
-              onMouseEnter={() => toggleHoverNextMore(true)}
-              onMouseLeave={() => toggleHoverNextMore(false)}
+              onMouseEnter={() => setHoverNextMore(true)}
+              onMouseLeave={() => setHoverNextMore(false)}
               onClick={() => changeCurrent(current + foldedMaxPageBtn)}
             >
               {!hoverNextMore ? <EllipsisIcon /> : <ChevronRightDoubleIcon />}
diff --git a/packages/components/popup/Popup.tsx b/packages/components/popup/Popup.tsx
index 4c00cbf5d8..6e827ac616 100644
--- a/packages/components/popup/Popup.tsx
+++ b/packages/components/popup/Popup.tsx
@@ -211,7 +211,6 @@ const Popup = forwardRef<PopupInstanceFunctions, PopupProps>((originalProps, ref
         popperRef.current?.update?.();
       });
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [visible, content, windowHeight, windowWidth]);
 
   // 下拉展开或内容变化时，调整箭头位置
@@ -221,7 +220,7 @@ const Popup = forwardRef<PopupInstanceFunctions, PopupProps>((originalProps, ref
         updateArrowPosition();
       });
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [visible, content, popupElement]);
 
   // 下拉展开时，触发滚动回调
@@ -231,7 +230,7 @@ const Popup = forwardRef<PopupInstanceFunctions, PopupProps>((originalProps, ref
         updateScrollTop?.(contentRef.current);
       });
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [visible, popupElement]);
 
   function handleExited() {
@@ -300,7 +299,11 @@ const Popup = forwardRef<PopupInstanceFunctions, PopupProps>((originalProps, ref
                 setPopupElement(node);
               }
             }}
-            style={{ ...styles.popper, zIndex, ...getOverlayStyle(overlayStyle) }}
+            style={{
+              ...styles.popper,
+              zIndex,
+              ...getOverlayStyle(overlayStyle),
+            }}
             className={classNames(`${classPrefix}-popup`, overlayClassName)}
             {...attributes.popper}
             onClick={(e) => props.onOverlayClick?.({ e })}
@@ -369,7 +372,7 @@ const Popup = forwardRef<PopupInstanceFunctions, PopupProps>((originalProps, ref
           onVisibleChange(false, { trigger: 'document' });
         }
       }
-    } catch (e) {
+    } catch (_) {
       // 直接尝试更新
       popper.update();
     }
diff --git a/packages/components/popup/PopupPlugin.tsx b/packages/components/popup/PopupPlugin.tsx
index e8d9fbd962..b1e5890133 100644
--- a/packages/components/popup/PopupPlugin.tsx
+++ b/packages/components/popup/PopupPlugin.tsx
@@ -141,8 +141,6 @@ const Overlay: React.FC<OverlayProps> = (originalProps) => {
   // mounted
   useLayoutEffect(() => {
     setVisibleState(true);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const eventProps = hasTrigger.hover && {
diff --git a/packages/components/popup/_example/dynamic.tsx b/packages/components/popup/_example/dynamic.tsx
index 4f182d2d04..c49fae0507 100644
--- a/packages/components/popup/_example/dynamic.tsx
+++ b/packages/components/popup/_example/dynamic.tsx
@@ -2,7 +2,7 @@ import React, { useRef, useState } from 'react';
 import { Button, Popup } from 'tdesign-react';
 
 export default function Controlled() {
-  const [spanVisible, setVisible] = useState(false);
+  const [visible, setVisible] = useState(false);
   const [content, setContent] = useState('这是popup内容');
   const btnClicksRef = useRef(0);
 
@@ -15,7 +15,7 @@ export default function Controlled() {
 
   return (
     <Popup content={content} placement="top">
-      <Button onClick={toggleContent}>点击改变内容{spanVisible && <span>，再点一下</span>}</Button>
+      <Button onClick={toggleContent}>点击改变内容{visible && <span>，再点一下</span>}</Button>
     </Popup>
   );
 }
diff --git a/packages/components/popup/hooks/useTrigger.tsx b/packages/components/popup/hooks/useTrigger.tsx
index c5cb5ae478..8d11af4907 100644
--- a/packages/components/popup/hooks/useTrigger.tsx
+++ b/packages/components/popup/hooks/useTrigger.tsx
@@ -114,7 +114,11 @@ export default function useTrigger({
       if (trigger === 'mousedown') {
         callFuncWithDelay({
           delay: visible ? appearDelay : exitDelay,
-          callback: () => onVisibleChange(!visible, { e, trigger: 'trigger-element-mousedown' }),
+          callback: () =>
+            onVisibleChange(!visible, {
+              e,
+              trigger: 'trigger-element-mousedown',
+            }),
         });
       }
     };
@@ -193,7 +197,7 @@ export default function useTrigger({
       off(element, 'touchstart', handleTouchStart, { passive: true });
       off(element, 'keydown', handleKeyDown);
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [classPrefix, shouldToggle, appearDelay, exitDelay, trigger, visible, onVisibleChange]);
 
   useEffect(() => {
diff --git a/packages/components/popup/utils/transition.ts b/packages/components/popup/utils/transition.ts
index db0836e6c8..ef5e7f5a8c 100644
--- a/packages/components/popup/utils/transition.ts
+++ b/packages/components/popup/utils/transition.ts
@@ -1,5 +1,5 @@
 export interface IAnimationTransitionParams {
-  classPrefix: String;
+  classPrefix: string;
   expandAnimation?: boolean;
   fadeAnimation?: boolean;
 }
diff --git a/packages/components/progress/__tests__/progress.test.tsx b/packages/components/progress/__tests__/progress.test.tsx
index 1ed6826623..0710dd1915 100644
--- a/packages/components/progress/__tests__/progress.test.tsx
+++ b/packages/components/progress/__tests__/progress.test.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable prefer-destructuring */
 /*
  * @Author: Bin
  * @Date: 2022-04-07
diff --git a/packages/components/qrcode/QRCode.tsx b/packages/components/qrcode/QRCode.tsx
index 506ef00487..91dfb6cb1e 100644
--- a/packages/components/qrcode/QRCode.tsx
+++ b/packages/components/qrcode/QRCode.tsx
@@ -52,8 +52,8 @@ const QRCode: React.FC<QrCodeProps> = (props) => {
     src: icon as string,
     x: undefined,
     y: undefined,
-    height: typeof iconSize === 'number' ? iconSize : iconSize?.height ?? 40,
-    width: typeof iconSize === 'number' ? iconSize : iconSize?.width ?? 40,
+    height: typeof iconSize === 'number' ? iconSize : (iconSize?.height ?? 40),
+    width: typeof iconSize === 'number' ? iconSize : (iconSize?.width ?? 40),
     excavate: true,
     crossOrigin: 'anonymous',
   };
diff --git a/packages/components/qrcode/QRCodeCanvas.tsx b/packages/components/qrcode/QRCodeCanvas.tsx
index afe96c6533..348bf9a96d 100644
--- a/packages/components/qrcode/QRCodeCanvas.tsx
+++ b/packages/components/qrcode/QRCodeCanvas.tsx
@@ -40,13 +40,13 @@ const QRCodeCanvas = React.forwardRef<HTMLCanvasElement, QRPropsCanvas>((props,
       if (typeof ref === 'function') {
         ref(node);
       } else if (ref) {
-        // eslint-disable-next-line no-param-reassign
         ref.current = node;
       }
     },
     [ref],
   );
 
+  // eslint-disable-next-line @eslint-react/use-state
   const [, setIsImageLoaded] = React.useState(false);
 
   const { margin, cells, numCells, calculatedImageSettings } = useQRCode({
diff --git a/packages/components/qrcode/QRCodeSVG.tsx b/packages/components/qrcode/QRCodeSVG.tsx
index 234fe8a863..ec5c7e1f50 100644
--- a/packages/components/qrcode/QRCodeSVG.tsx
+++ b/packages/components/qrcode/QRCodeSVG.tsx
@@ -57,7 +57,6 @@ const QRCodeSVG = React.forwardRef<SVGSVGElement, QRPropsSVG>((props, ref) => {
         opacity={calculatedImageSettings.opacity}
         // when crossOrigin is not set, the image will be tainted
         // and the canvas cannot be exported to an image
-        // eslint-disable-next-line react/no-unknown-property
         crossOrigin={calculatedImageSettings.crossOrigin}
       />
     );
diff --git a/packages/components/radio/RadioGroup.tsx b/packages/components/radio/RadioGroup.tsx
index b24c55ac5a..6e21b16031 100644
--- a/packages/components/radio/RadioGroup.tsx
+++ b/packages/components/radio/RadioGroup.tsx
@@ -66,7 +66,10 @@ const RadioGroup: React.FC<RadioGroupProps> = (originalProps) => {
           if (typeof checkProps.onChange === 'function') {
             checkProps.onChange(checked, { e });
           }
-          setInternalValue(checked ? checkValue : undefined, { e, name: props.name });
+          setInternalValue(checked ? checkValue : undefined, {
+            e,
+            name: props.name,
+          });
         },
       };
     },
@@ -98,7 +101,7 @@ const RadioGroup: React.FC<RadioGroupProps> = (originalProps) => {
     return () => {
       observer?.disconnect();
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, []);
 
   useDeepEffect(() => {
diff --git a/packages/components/radio/__tests__/mount.jsx b/packages/components/radio/__tests__/mount.jsx
index 4190bce676..62ae9340a6 100644
--- a/packages/components/radio/__tests__/mount.jsx
+++ b/packages/components/radio/__tests__/mount.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { render } from '@test/utils';
+
 import { Radio } from '..';
 
 // options 写法
diff --git a/packages/components/radio/__tests__/vitest-radio.test.jsx b/packages/components/radio/__tests__/vitest-radio.test.jsx
index 6fe2edf469..43a60decda 100644
--- a/packages/components/radio/__tests__/vitest-radio.test.jsx
+++ b/packages/components/radio/__tests__/vitest-radio.test.jsx
@@ -1,13 +1,13 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 /**
  * 该文件由脚本自动生成，如需修改请联系 PMC
  * This file generated by scripts of tdesign-api. `npm run api:docs Radio React(PC) vitest,finalProject`
  * If you need to modify this file, contact PMC first please.
  */
 import React from 'react';
-import { fireEvent, vi, render } from '@test/utils';
+import { fireEvent, render, vi } from '@test/utils';
+
 import { Radio, RadioGroup } from '..';
-import { getRadioGroupKidsMount, getRadioGroupDefaultMount } from './mount';
+import { getRadioGroupDefaultMount, getRadioGroupKidsMount } from './mount';
 
 describe('Radio Component', () => {
   it('props.allowUncheck works fine', () => {
diff --git a/packages/components/radio/_example/group.tsx b/packages/components/radio/_example/group.tsx
index ad8580d917..2a592e8186 100644
--- a/packages/components/radio/_example/group.tsx
+++ b/packages/components/radio/_example/group.tsx
@@ -22,7 +22,7 @@ const objOptions: RadioOption[] = [
     label: '深圳',
   },
 ];
-// eslint-disable-next-line prefer-const
+
 let itemOptions = ['北京', '上海', '广州', '深圳'];
 
 type ValueType = '北京' | '上海' | '广州' | '深圳';
diff --git a/packages/components/radio/useKeyboard.ts b/packages/components/radio/useKeyboard.ts
index e449d6c2e2..2c5fe7cfdb 100644
--- a/packages/components/radio/useKeyboard.ts
+++ b/packages/components/radio/useKeyboard.ts
@@ -30,9 +30,9 @@ export default function useKeyboard(
   useEffect(() => {
     on(radioGroupRef.current, 'keydown', checkRadioInGroup);
     return () => {
-      // eslint-disable-next-line react-hooks/exhaustive-deps
+      // eslint-disable-next-line @eslint-react/exhaustive-deps
       off(radioGroupRef.current, 'keydown', checkRadioInGroup);
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, []);
 }
diff --git a/packages/components/range-input/RangeInput.tsx b/packages/components/range-input/RangeInput.tsx
index fa970a6719..e8bdf9609d 100644
--- a/packages/components/range-input/RangeInput.tsx
+++ b/packages/components/range-input/RangeInput.tsx
@@ -83,8 +83,8 @@ const RangeInput = React.forwardRef<RangeInputInstanceFunctions, RangeInputProps
     secondInputRef: useRef<InputRef>(null),
   };
 
-  const [isFocused, toggleIsFocused] = useState(false);
-  const [isHover, toggleIsHover] = useState(false);
+  const [isFocused, setIsFocused] = useState(false);
+  const [isHover, setIsHover] = useState(false);
   const [firstFormat, secondFormat] = calcArrayValue(format);
   const [firstPlaceholder = '请输入内容', secondPlaceholder = '请输入内容'] = calcArrayValue(placeholder);
   const [firstInputProps, secondInputProps] = calcArrayValue(inputProps);
@@ -115,23 +115,23 @@ const RangeInput = React.forwardRef<RangeInputInstanceFunctions, RangeInputProps
 
   function handleFocus(rangeValue: RangeInputValue, context) {
     onFocus?.(rangeValue, context);
-    toggleIsFocused(true);
+    setIsFocused(true);
   }
 
   function handleBlur(rangeValue: RangeInputValue, context) {
     onBlur?.(rangeValue, context);
-    toggleIsFocused(false);
+    setIsFocused(false);
   }
 
   function handleMouseEnter(e: React.MouseEvent<HTMLDivElement>) {
-    toggleIsHover(true);
+    setIsHover(true);
     onMouseenter?.({ e });
     // @ts-ignore
     props.onMouseEnter?.({ e });
   }
 
   function handleMouseLeave(e: React.MouseEvent<HTMLDivElement>) {
-    toggleIsHover(false);
+    setIsHover(false);
     onMouseleave?.({ e });
     // @ts-ignore
     props.onMouseLeave?.({ e });
@@ -192,7 +192,13 @@ const RangeInput = React.forwardRef<RangeInputInstanceFunctions, RangeInputProps
           onEnter={(val, { e }) => handleEnter([val, secondValue], { e, position: 'first' })}
           onFocus={(val, { e }) => handleFocus([val, secondValue], { e, position: 'first' })}
           onBlur={(val, { e }) => handleBlur([val, secondValue], { e, position: 'first' })}
-          onChange={(val, { e }) => onChange?.([val, secondValue], { e, position: 'first', trigger: 'input' })}
+          onChange={(val, { e }) =>
+            onChange?.([val, secondValue], {
+              e,
+              position: 'first',
+              trigger: 'input',
+            })
+          }
           {...firstInputProps}
         />
 
@@ -214,7 +220,13 @@ const RangeInput = React.forwardRef<RangeInputInstanceFunctions, RangeInputProps
           onEnter={(val, { e }) => handleEnter([firstValue, val], { e, position: 'second' })}
           onFocus={(val, { e }) => handleFocus([firstValue, val], { e, position: 'second' })}
           onBlur={(val, { e }) => handleBlur([firstValue, val], { e, position: 'second' })}
-          onChange={(val, { e }) => onChange?.([firstValue, val], { e, position: 'second', trigger: 'input' })}
+          onChange={(val, { e }) =>
+            onChange?.([firstValue, val], {
+              e,
+              position: 'second',
+              trigger: 'input',
+            })
+          }
           {...secondInputProps}
         />
         {suffixContent ? <div className={`${name}__suffix`}>{suffixContent}</div> : null}
diff --git a/packages/components/select-input/__tests__/mount.jsx b/packages/components/select-input/__tests__/mount.jsx
index e26b14b3ed..02cab580df 100644
--- a/packages/components/select-input/__tests__/mount.jsx
+++ b/packages/components/select-input/__tests__/mount.jsx
@@ -13,7 +13,7 @@ const OPTIONS = [
 function Panel() {
   return (
     <ul className="t-select-input__panel">
-      {OPTIONS.map(item => (
+      {OPTIONS.map((item) => (
         <li key={item.value}>
           <img src="https://tdesign.gtimg.com/demo/demo-image-1.png" />
           {item.label}
@@ -33,15 +33,5 @@ const value = [
 
 // single select
 export function getSelectInputMultipleMount(SelectInput, props, events) {
-  return render(
-    <SelectInput
-      value={value}
-      multiple={true}
-      panel={(
-        <Panel />
-      )}
-      {...props}
-      {...events}
-    ></SelectInput>
-  );
+  return render(<SelectInput value={value} multiple={true} panel={<Panel />} {...props} {...events}></SelectInput>);
 }
diff --git a/packages/components/select-input/__tests__/vitest-select-input.test.jsx b/packages/components/select-input/__tests__/vitest-select-input.test.jsx
index f6b3408f4b..1385b3431c 100644
--- a/packages/components/select-input/__tests__/vitest-select-input.test.jsx
+++ b/packages/components/select-input/__tests__/vitest-select-input.test.jsx
@@ -1,11 +1,11 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 /**
  * 该文件由脚本自动生成，如需修改请联系 PMC
  * This file generated by scripts of tdesign-api. `npm run api:docs SelectInput React(PC) vitest,finalProject`
  * If you need to modify this file, contact PMC first please.
  */
 import React from 'react';
-import { fireEvent, vi, render, mockDelay } from '@test/utils';
+import { fireEvent, mockDelay, render, vi } from '@test/utils';
+
 import { SelectInput } from '..';
 import { getSelectInputMultipleMount } from './mount';
 
diff --git a/packages/components/select-input/useOverlayInnerStyle.ts b/packages/components/select-input/useOverlayInnerStyle.ts
index 85404697a9..aec3f9c50f 100644
--- a/packages/components/select-input/useOverlayInnerStyle.ts
+++ b/packages/components/select-input/useOverlayInnerStyle.ts
@@ -42,7 +42,6 @@ export default function useOverlayInnerStyle(
 
     const prevDisplay = popupElement.style.display;
     // 设置display来可以获取popupElement的宽度
-    // eslint-disable-next-line no-param-reassign
     popupElement.style.display = '';
     // popupElement的scrollBar宽度
     const overlayScrollWidth = popupElement.offsetWidth - popupElement.scrollWidth;
@@ -62,7 +61,6 @@ export default function useOverlayInnerStyle(
         : triggerElement.offsetWidth - overlayScrollWidth;
 
     if (prevDisplay === 'none') {
-      // eslint-disable-next-line no-param-reassign
       popupElement.style.display = 'none';
     }
     let otherOverlayInnerStyle: React.CSSProperties = {};
@@ -98,7 +96,7 @@ export default function useOverlayInnerStyle(
       result = matchWidthFunc;
     }
     return result;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [autoWidth, popupProps?.overlayInnerStyle]);
 
   return {
diff --git a/packages/components/select/_example/collapsed.tsx b/packages/components/select/_example/collapsed.tsx
index 04367dd4a9..89b6226408 100644
--- a/packages/components/select/_example/collapsed.tsx
+++ b/packages/components/select/_example/collapsed.tsx
@@ -13,7 +13,7 @@ const MultipleSelect = () => {
   const [value, setValue] = useState(['1', '3']);
   const [size, setSize] = useState<'small' | 'medium' | 'large'>('medium');
   const [disabled, setDisabled] = useState(false);
-  const [readonly, setReadOnly] = useState(false);
+  const [readOnly, setReadOnly] = useState(false);
   const [minCollapsedNum] = useState(1);
 
   const onChange = (value: string[]) => {
@@ -33,7 +33,7 @@ const MultipleSelect = () => {
               key={index}
               size={size}
               disabled={disabled}
-              closable={!readonly && !disabled}
+              closable={!readOnly && !disabled}
               onClose={(context) => onClose({ e: context.e, index: minCollapsedNum + index })}
             >
               {item.label}
@@ -75,7 +75,7 @@ const MultipleSelect = () => {
       </Space>
       <Space align="center">
         <span>readonly control:</span>
-        <Checkbox checked={readonly} onChange={(value) => setReadOnly(value)} />
+        <Checkbox checked={readOnly} onChange={(value) => setReadOnly(value)} />
       </Space>
       <Select
         value={value}
@@ -87,7 +87,7 @@ const MultipleSelect = () => {
         collapsedItems={renderCollapsedItems}
         size={size}
         disabled={disabled}
-        readOnly={readonly}
+        readOnly={readOnly}
       />
     </Space>
   );
diff --git a/packages/components/select/_example/creatable.tsx b/packages/components/select/_example/creatable.tsx
index a993327434..1f2050cbfa 100644
--- a/packages/components/select/_example/creatable.tsx
+++ b/packages/components/select/_example/creatable.tsx
@@ -4,7 +4,7 @@ import { Select, Space } from 'tdesign-react';
 export default function SelectCreatable() {
   const [value, setValue] = useState('');
   const [multipleValue, setMultipleValue] = useState([]);
-  const [options, changeOptions] = useState([
+  const [options, setOptions] = useState([
     { label: '选项一', value: '1' },
     { label: '选项二', value: '2' },
     { label: '选项三', value: '3' },
@@ -16,7 +16,7 @@ export default function SelectCreatable() {
     setMultipleValue(value);
   };
   const handleOnCreate = (value: string) => {
-    changeOptions(options.concat([{ value, label: value }]));
+    setOptions(options.concat([{ value, label: value }]));
   };
   return (
     <Space breakLine style={{ width: '100%' }}>
diff --git a/packages/components/select/base/Option.tsx b/packages/components/select/base/Option.tsx
index aab2855a32..013c31aefb 100644
--- a/packages/components/select/base/Option.tsx
+++ b/packages/components/select/base/Option.tsx
@@ -14,9 +14,7 @@ import type { SelectKeysType, SelectOption, SelectValue, TdOptionProps, TdSelect
  * Option 组件属性
  */
 export interface SelectOptionProps
-  extends StyledProps,
-    TdOptionProps,
-    Pick<TdSelectProps, 'size' | 'multiple' | 'max'> {
+  extends StyledProps, TdOptionProps, Pick<TdSelectProps, 'size' | 'multiple' | 'max'> {
   selectedValue?: SelectValue;
   children?: React.ReactNode;
   onSelect?: (
@@ -76,7 +74,7 @@ const Option: React.FC<SelectOptionProps> = (props) => {
     if (controlledTitle) return propTitle;
     if (typeof label === 'string') return label;
     return null;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [propTitle, label]);
 
   const { classPrefix } = useConfig();
diff --git a/packages/components/select/base/PopupContent.tsx b/packages/components/select/base/PopupContent.tsx
index 77474fac7d..981fd42bb8 100644
--- a/packages/components/select/base/PopupContent.tsx
+++ b/packages/components/select/base/PopupContent.tsx
@@ -19,23 +19,22 @@ import type {
 } from '../type';
 import type { SelectOptionProps } from './Option';
 
-interface SelectPopupProps
-  extends Pick<
-    TdSelectProps,
-    | 'value'
-    | 'size'
-    | 'multiple'
-    | 'empty'
-    | 'options'
-    | 'max'
-    | 'loadingText'
-    | 'loading'
-    | 'valueType'
-    | 'keys'
-    | 'panelTopContent'
-    | 'panelBottomContent'
-    | 'scroll'
-  > {
+interface SelectPopupProps extends Pick<
+  TdSelectProps,
+  | 'value'
+  | 'size'
+  | 'multiple'
+  | 'empty'
+  | 'options'
+  | 'max'
+  | 'loadingText'
+  | 'loading'
+  | 'valueType'
+  | 'keys'
+  | 'panelTopContent'
+  | 'panelBottomContent'
+  | 'scroll'
+> {
   onChange?: (
     value: SelectValue,
     context?: {
@@ -126,11 +125,21 @@ const PopupContent = React.forwardRef<HTMLDivElement, SelectPopupProps>((props,
 
     if (multiple) {
       const values = getSelectValueArr(value, selectedValue, selected, valueType, keys, objVal);
-      onChange(values, { label, value: selectedValue, e: event, trigger: selected ? 'uncheck' : 'check' });
+      onChange(values, {
+        label,
+        value: selectedValue,
+        e: event,
+        trigger: selected ? 'uncheck' : 'check',
+      });
     } else {
       const selectVal = valueType === 'object' ? objVal : selectedValue;
       if (!isEqual(value, selectVal)) {
-        onChange(selectVal, { label, value: selectVal, e: event, trigger: 'check' });
+        onChange(selectVal, {
+          label,
+          value: selectVal,
+          e: event,
+          trigger: 'check',
+        });
       }
       setShowPopup(!showPopup);
     }
@@ -138,7 +147,13 @@ const PopupContent = React.forwardRef<HTMLDivElement, SelectPopupProps>((props,
 
   const childrenWithProps = Children.map(children, (child) => {
     if (isValidElement(child)) {
-      const addedProps = { size, max, multiple, selectedValue: value, onSelect };
+      const addedProps = {
+        size,
+        max,
+        multiple,
+        selectedValue: value,
+        onSelect,
+      };
       return cloneElement(child, { ...addedProps });
     }
     return child;
diff --git a/packages/components/select/base/Select.tsx b/packages/components/select/base/Select.tsx
index 84c6f549cb..5e01b66b92 100644
--- a/packages/components/select/base/Select.tsx
+++ b/packages/components/select/base/Select.tsx
@@ -202,7 +202,11 @@ const Select = forwardRefWithStatics(
       const handleRemove = (removeIndex, trigger, e, label) => {
         const values = getSelectValueArr(value, value[removeIndex], true, valueType, keys);
         const { currentSelectedOptions } = getSelectedOptions(values, multiple, valueType, keys, valueToOption);
-        onChange(values, { e, trigger, selectedOptions: currentSelectedOptions });
+        onChange(values, {
+          e,
+          trigger,
+          selectedOptions: currentSelectedOptions,
+        });
         onRemove?.({
           value: value[removeIndex],
           data: {
@@ -355,7 +359,9 @@ const Select = forwardRefWithStatics(
         return;
       }
       if (isFunction(onSearch)) {
-        onSearch(value, { e: context.e as React.KeyboardEvent<HTMLDivElement> });
+        onSearch(value, {
+          e: context.e as React.KeyboardEvent<HTMLDivElement>,
+        });
         return;
       }
     };
@@ -374,7 +380,7 @@ const Select = forwardRefWithStatics(
       if (typeof inputValue !== 'undefined') {
         handleFilter(String(inputValue));
       }
-      // eslint-disable-next-line react-hooks/exhaustive-deps
+      // eslint-disable-next-line @eslint-react/exhaustive-deps
     }, [inputValue, tmpPropOptions]);
 
     // 渲染后置图标
@@ -486,8 +492,11 @@ const Select = forwardRefWithStatics(
       if (multiple) {
         return ({ onClose }) => parseContentTNode(valueDisplay, { value: selectedOptions, onClose });
       }
-      return parseContentTNode(valueDisplay, { value: selectedLabel, onClose: noop });
-      // eslint-disable-next-line react-hooks/exhaustive-deps
+      return parseContentTNode(valueDisplay, {
+        value: selectedLabel,
+        onClose: noop,
+      });
+      // eslint-disable-next-line @eslint-react/exhaustive-deps
     }, [
       valueDisplay,
       multiple,
@@ -525,7 +534,6 @@ const Select = forwardRefWithStatics(
 
         // 通过 setTimeout 确保组件渲染完成后再设置 scrollTop
         setTimeout(() => {
-          // eslint-disable-next-line no-param-reassign
           content.scrollTop = updateValue;
         });
       }
@@ -606,7 +614,10 @@ const Select = forwardRefWithStatics(
           onFocus={onFocus}
           onEnter={handleEnter}
           onBlur={(_, context) => {
-            onBlur?.({ value, e: context.e as React.FocusEvent<HTMLDivElement> });
+            onBlur?.({
+              value,
+              e: context.e as React.FocusEvent<HTMLDivElement>,
+            });
           }}
           onClear={handleClear}
           {...selectInputProps}
diff --git a/packages/components/select/hooks/useKeyboardControl.ts b/packages/components/select/hooks/useKeyboardControl.ts
index 7699cbb027..9973030766 100644
--- a/packages/components/select/hooks/useKeyboardControl.ts
+++ b/packages/components/select/hooks/useKeyboardControl.ts
@@ -58,7 +58,7 @@ export default function useKeyboardControl({
     } else {
       changeHoverIndex(-1);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [innerPopupVisible, displayOptions]);
 
   useEffect(() => {
diff --git a/packages/components/select/hooks/useOptions.ts b/packages/components/select/hooks/useOptions.ts
index 7c77d1c7ae..ca5de8067d 100644
--- a/packages/components/select/hooks/useOptions.ts
+++ b/packages/components/select/hooks/useOptions.ts
@@ -90,7 +90,7 @@ function useOptions(
     setTmpPropOptions(transformedOptions);
 
     setValueToOption(getValueToOption(children as ReactElement, options as TdOptionProps[], keys) || {});
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [options, keys, children, reserveKeyword]);
 
   // 同步 value 对应的 options
diff --git a/packages/components/select/hooks/usePanelVirtualScroll.ts b/packages/components/select/hooks/usePanelVirtualScroll.ts
index fe426b8be5..69ea7e4553 100644
--- a/packages/components/select/hooks/usePanelVirtualScroll.ts
+++ b/packages/components/select/hooks/usePanelVirtualScroll.ts
@@ -62,7 +62,7 @@ const usePanelVirtualScroll = ({ popupContentRef, scroll, options, size }: Panel
       // 排除横向滚动触发的纵向虚拟滚动计算
       if (Math.abs(lastScrollY - top) > 5) {
         handleVirtualScroll();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+        // eslint-disable-next-line @eslint-react/exhaustive-deps
         lastScrollY = top;
       } else {
         lastScrollY = -1;
@@ -83,7 +83,7 @@ const usePanelVirtualScroll = ({ popupContentRef, scroll, options, size }: Panel
         popupContentDom?.removeEventListener?.('scroll', onInnerVirtualScroll);
       }
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [isVirtual, onInnerVirtualScroll, popupContentRef.current]);
 
   const cursorStyle = {
diff --git a/packages/components/select/util/helper.ts b/packages/components/select/util/helper.ts
index 8c5da6ee70..731d596be8 100644
--- a/packages/components/select/util/helper.ts
+++ b/packages/components/select/util/helper.ts
@@ -27,7 +27,7 @@ export const setValueToOptionFormOptionDom = (
 ) => {
   const { valueKey, labelKey } = getKeyMapping(keys);
   const { value, label, children } = dom.props;
-  // eslint-disable-next-line no-param-reassign
+
   valueToOption[value] = {
     ...dom.props,
     [valueKey]: value,
@@ -206,7 +206,7 @@ export const getSelectValueArr = (
   objVal?: SelectValue,
 ) => {
   const { valueKey } = getKeyMapping(keys);
-  // eslint-disable-next-line no-param-reassign
+
   values = Array.isArray(values) ? values : [];
 
   if (Array.isArray(values)) {
diff --git a/packages/components/skeleton/Skeleton.tsx b/packages/components/skeleton/Skeleton.tsx
index 589bb08826..90b9b9c914 100644
--- a/packages/components/skeleton/Skeleton.tsx
+++ b/packages/components/skeleton/Skeleton.tsx
@@ -32,7 +32,7 @@ const Skeleton: React.FC<SkeletonProps> = (originalProps) => {
   const { classPrefix } = useConfig();
   const name = `${classPrefix}-skeleton`; // t-skeleton
 
-  const renderCols = (_cols: Number | SkeletonRowColObj | Array<SkeletonRowColObj>) => {
+  const renderCols = (_cols: number | SkeletonRowColObj | Array<SkeletonRowColObj>) => {
     const getColItemClass = (obj: SkeletonRowColObj) =>
       classNames(`${name}__col`, `${name}--type-${obj.type || 'text'}`, {
         [`${name}--animation-${animation}`]: animation,
diff --git a/packages/components/space/__tests__/mount.jsx b/packages/components/space/__tests__/mount.jsx
index 6298a09a41..c4e6fd1d92 100644
--- a/packages/components/space/__tests__/mount.jsx
+++ b/packages/components/space/__tests__/mount.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { render } from '@test/utils';
+
 import { Button } from '../../button';
 
 export function getSpaceDefaultMount(Space, props, events) {
@@ -8,7 +9,7 @@ export function getSpaceDefaultMount(Space, props, events) {
       <Button>Text</Button>
       <Button>Text</Button>
       <Button>Text</Button>
-    </Space>
+    </Space>,
   );
 }
 
diff --git a/packages/components/space/__tests__/vitest-space.test.jsx b/packages/components/space/__tests__/vitest-space.test.jsx
index eed437f43c..65aec52528 100644
--- a/packages/components/space/__tests__/vitest-space.test.jsx
+++ b/packages/components/space/__tests__/vitest-space.test.jsx
@@ -1,10 +1,10 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 /**
  * 该文件由脚本自动生成，如需修改请联系 PMC
  * This file generated by scripts of tdesign-api. `npm run api:docs Space React(PC) vitest,finalProject`
  * If you need to modify this file, contact PMC first please.
  */
 import React from 'react';
+
 import { Space } from '..';
 import { getSpaceDefaultMount } from './mount';
 
diff --git a/packages/components/statistic/Statistic.tsx b/packages/components/statistic/Statistic.tsx
index 0371805ee3..7c15e2b93d 100644
--- a/packages/components/statistic/Statistic.tsx
+++ b/packages/components/statistic/Statistic.tsx
@@ -45,7 +45,9 @@ const Statistic = forwardRef<StatisticRef, StatisticProps>((props, ref) => {
     value,
   } = useDefaultProps<StatisticProps>(props, statisticDefaultProps);
   const { classPrefix } = useConfig();
-  const { ArrowTriangleUpFilledIcon } = useGlobalIcon({ ArrowTriangleUpFilledIcon: TDArrowTriangleUpFilledIcon });
+  const { ArrowTriangleUpFilledIcon } = useGlobalIcon({
+    ArrowTriangleUpFilledIcon: TDArrowTriangleUpFilledIcon,
+  });
   const { ArrowTriangleDownFilledIcon } = useGlobalIcon({
     ArrowTriangleDownFilledIcon: TDArrowTriangleDownFilledIcon,
   });
@@ -96,7 +98,7 @@ const Statistic = forwardRef<StatisticRef, StatisticProps>((props, ref) => {
     () => ({
       color: COLOR_MAP[color as keyof typeof COLOR_MAP] || color,
     }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+
     [color],
   );
 
@@ -114,13 +116,13 @@ const Statistic = forwardRef<StatisticRef, StatisticProps>((props, ref) => {
       }
     };
 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [value]);
 
   useEffect(() => {
     animationStart && animation && !tween.current && start();
 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [animationStart]);
 
   useImperativeHandle(ref, () => ({
diff --git a/packages/components/swiper/Swiper.tsx b/packages/components/swiper/Swiper.tsx
index e1592de87a..e489157d11 100644
--- a/packages/components/swiper/Swiper.tsx
+++ b/packages/components/swiper/Swiper.tsx
@@ -71,7 +71,10 @@ const Swiper: React.FC<SwiperProps> & Record<'SwiperItem', typeof SwiperItem> =
   if (isValidElement(navigation)) {
     navigationNode = navigation;
   } else {
-    navigationConfig = { ...defaultNavigation, ...(navigation as SwiperNavigation) };
+    navigationConfig = {
+      ...defaultNavigation,
+      ...(navigation as SwiperNavigation),
+    };
   }
 
   const [currentIndex, setCurrentIndex] = useState(() => current ?? defaultCurrent);
@@ -117,7 +120,11 @@ const Swiper: React.FC<SwiperProps> & Record<'SwiperItem', typeof SwiperItem> =
     const lastEle = swiperItemList[childrenLength - 1];
     swiperItemList.unshift(React.cloneElement(lastEle, { ...lastEle, props, key: -1, index: -1 }));
     swiperItemList.push(
-      React.cloneElement(firstEle, { ...firstEle.props, key: childrenLength, index: childrenLength }),
+      React.cloneElement(firstEle, {
+        ...firstEle.props,
+        key: childrenLength,
+        index: childrenLength,
+      }),
     );
   }
 
@@ -163,7 +170,7 @@ const Swiper: React.FC<SwiperProps> & Record<'SwiperItem', typeof SwiperItem> =
       const nextCurrent = current % childrenLength;
       swiperTo(nextCurrent, { source: 'autoplay' });
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [current, childrenLength]);
 
   // 监听每次轮播结束
diff --git a/packages/components/swiper/SwiperItem.tsx b/packages/components/swiper/SwiperItem.tsx
index 2fbf185fe6..6aa1a1c8e1 100644
--- a/packages/components/swiper/SwiperItem.tsx
+++ b/packages/components/swiper/SwiperItem.tsx
@@ -107,7 +107,7 @@ const SwiperItem: React.FC<SwiperItemProps> = (props) => {
     if (isFirstFirstRender) {
       setUpdate({});
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, []);
 
   return (
diff --git a/packages/components/table/BaseTable.tsx b/packages/components/table/BaseTable.tsx
index 6e41e9ddf3..410d0a9690 100644
--- a/packages/components/table/BaseTable.tsx
+++ b/packages/components/table/BaseTable.tsx
@@ -68,7 +68,9 @@ const BaseTable = forwardRef<BaseTableRef, BaseTableProps>((originalProps, ref)
     allTableClasses;
   // 表格基础样式类
   const { tableClasses, sizeClassNames, tableContentStyles, tableElementStyles } = useStyle(props);
-  const { isMultipleHeader, spansAndLeafNodes, thList } = useTableHeader({ columns: props.columns });
+  const { isMultipleHeader, spansAndLeafNodes, thList } = useTableHeader({
+    columns: props.columns,
+  });
   const finalColumns = useMemo(
     () => spansAndLeafNodes?.leafColumns || columns,
     [spansAndLeafNodes?.leafColumns, columns],
@@ -175,12 +177,12 @@ const BaseTable = forwardRef<BaseTableRef, BaseTableProps>((originalProps, ref)
 
   useEffect(() => {
     setUseFixedTableElmRef(tableElmRef.current);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [tableElmRef]);
 
   useEffect(() => {
     setData(isPaginateData ? dataSource : props.data);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [props.data, dataSource, isPaginateData]);
 
   const [lastLeafColumns, setLastLeafColumns] = useState(props.columns || []);
@@ -188,11 +190,11 @@ const BaseTable = forwardRef<BaseTableRef, BaseTableProps>((originalProps, ref)
   useEffect(() => {
     if (lastLeafColumns.map((t) => t.colKey).join() !== spansAndLeafNodes.leafColumns.map((t) => t.colKey).join()) {
       props.onLeafColumnsChange?.(spansAndLeafNodes.leafColumns);
-      // eslint-disable-next-line react-hooks/exhaustive-deps
+
       setLastLeafColumns(spansAndLeafNodes.leafColumns);
     }
     setEffectColMap(spansAndLeafNodes.leafColumns, null);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [spansAndLeafNodes.leafColumns]);
 
   const onFixedChange = () => {
@@ -239,10 +241,11 @@ const BaseTable = forwardRef<BaseTableRef, BaseTableProps>((originalProps, ref)
       // HACK：强制触发重绘，确保滚动条长度正确
       // 若未来有更优实现，可替换此方案
       tableContentRef.current.style.display = 'none';
+      // eslint-disable-next-line @typescript-eslint/no-unused-expressions
       tableContentRef.current.offsetHeight;
       tableContentRef.current.style.display = '';
     }, 0);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [tableContentRef, virtualConfig.isVirtualScroll]);
 
   let lastScrollY = -1;
@@ -305,7 +308,7 @@ const BaseTable = forwardRef<BaseTableRef, BaseTableProps>((originalProps, ref)
 
   useEffect(() => {
     setTableContentRef(tableContentRef.current);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [tableContentRef]);
 
   const newData = isPaginateData ? dataSource : data;
@@ -391,7 +394,10 @@ const BaseTable = forwardRef<BaseTableRef, BaseTableProps>((originalProps, ref)
       >
         <table
           className={classNames(tableElmClasses)}
-          style={{ ...tableElementStyles, width: tableElmWidth ? `${tableElmWidth}px` : undefined }}
+          style={{
+            ...tableElementStyles,
+            width: tableElmWidth ? `${tableElmWidth}px` : undefined,
+          }}
         >
           {renderColGroup(true)}
           {showHeader && <THead {...headProps} />}
@@ -452,15 +458,23 @@ const BaseTable = forwardRef<BaseTableRef, BaseTableProps>((originalProps, ref)
       >
         <div
           ref={affixFooterRef}
-          style={{ width: `${tableWidth}px`, opacity: Number(showAffixFooter) }}
+          style={{
+            width: `${tableWidth}px`,
+            opacity: Number(showAffixFooter),
+          }}
           className={classNames([
             'scrollbar',
-            { [tableBaseClass.affixedFooterElm]: props.footerAffixedBottom || virtualConfig.isVirtualScroll },
+            {
+              [tableBaseClass.affixedFooterElm]: props.footerAffixedBottom || virtualConfig.isVirtualScroll,
+            },
           ])}
         >
           <table
             className={tableElmClasses}
-            style={{ ...tableElementStyles, width: tableElmWidth ? `${tableElmWidth}px` : undefined }}
+            style={{
+              ...tableElementStyles,
+              width: tableElmWidth ? `${tableElmWidth}px` : undefined,
+            }}
           >
             {renderColGroup(true)}
             <TFoot
@@ -529,16 +543,23 @@ const BaseTable = forwardRef<BaseTableRef, BaseTableProps>((originalProps, ref)
         {renderColGroup(false)}
         {useMemo(() => {
           if (!showHeader) return null;
-          return <THead {...{ ...headProps, thWidthList: resizable ? thWidthList.current : {} }} />;
+          return (
+            <THead
+              {...{
+                ...headProps,
+                thWidthList: resizable ? thWidthList.current : {},
+              }}
+            />
+          );
           // eslint-disable-next-line
-        }, headUseMemoDependencies)}
+          }, headUseMemoDependencies)}
 
         {useMemo(
           () => (
             <TBody {...tableBodyProps} />
           ),
           // eslint-disable-next-line
-          [
+            [
             allTableClasses,
             tableBodyProps.ellipsisOverlayClassName,
             tableBodyProps.rowAndColFixedPosition,
@@ -581,7 +602,7 @@ const BaseTable = forwardRef<BaseTableRef, BaseTableProps>((originalProps, ref)
             ></TFoot>
           ),
           // eslint-disable-next-line
-          [
+            [
             isFixedHeader,
             rowAndColFixedPosition,
             spansAndLeafNodes,
@@ -627,9 +648,9 @@ const BaseTable = forwardRef<BaseTableRef, BaseTableProps>((originalProps, ref)
   const affixedHeaderContent = useMemo(
     renderAffixedHeader,
     // eslint-disable-next-line
-    [
+      [
       // eslint-disable-next-line
-      ...headUseMemoDependencies,
+        ...headUseMemoDependencies,
       showAffixHeader,
       tableWidth,
       tableElmWidth,
@@ -645,9 +666,8 @@ const BaseTable = forwardRef<BaseTableRef, BaseTableProps>((originalProps, ref)
 
   const affixedFooterContent = useMemo(
     renderAffixedFooter,
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
     [
-      // eslint-disable-next-line react-hooks/exhaustive-deps
       showAffixFooter,
       isFixedHeader,
       rowAndColFixedPosition,
diff --git a/packages/components/table/EditableCell.tsx b/packages/components/table/EditableCell.tsx
index 66adde33ac..b972de94b1 100644
--- a/packages/components/table/EditableCell.tsx
+++ b/packages/components/table/EditableCell.tsx
@@ -85,8 +85,13 @@ const EditableCell = (props: EditableCellProps) => {
   };
 
   const editOnListeners = useMemo(
-    () => col.edit?.on?.({ ...cellParams, editedRow: currentRow, updateEditedCellValue }) || {},
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    () =>
+      col.edit?.on?.({
+        ...cellParams,
+        editedRow: currentRow,
+        updateEditedCellValue,
+      }) || {},
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
     [cellParams, currentRow],
   );
 
@@ -107,7 +112,11 @@ const EditableCell = (props: EditableCellProps) => {
     const { edit } = col;
     if (!edit) return {};
     const editProps = isFunction(edit.props)
-      ? edit.props({ ...cellParams, editedRow: currentRow, updateEditedCellValue })
+      ? edit.props({
+          ...cellParams,
+          editedRow: currentRow,
+          updateEditedCellValue,
+        })
       : { ...edit.props };
     // to remove warn: runtime-core.esm-bundler.js:38 [Vue warn]: Invalid prop: type check failed for prop "onChange". Expected Function, got Array
     delete editProps.onChange;
@@ -210,7 +219,7 @@ const EditableCell = (props: EditableCellProps) => {
       };
     });
     return tListeners;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [col, currentRow, isEdit, props.rowIndex]);
 
   const onEditChange = (val: any, ...args: any) => {
@@ -278,7 +287,7 @@ const EditableCell = (props: EditableCellProps) => {
     return () => {
       document.removeEventListener('click', documentClickHandler);
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [col.edit, isEdit, editValue]);
 
   useEffect(() => {
@@ -286,7 +295,7 @@ const EditableCell = (props: EditableCellProps) => {
     if (props.editable === false) {
       setEditValue(cellValue);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [cellValue, editable]);
 
   useEffect(() => {
@@ -297,7 +306,7 @@ const EditableCell = (props: EditableCellProps) => {
         editedRow: currentRow || row,
       });
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [props.editable, cellValue, row, col, cellParams, currentRow]);
 
   useEffect(() => {
diff --git a/packages/components/table/TBody.tsx b/packages/components/table/TBody.tsx
index 4b4b6dfcd1..3845a3e107 100644
--- a/packages/components/table/TBody.tsx
+++ b/packages/components/table/TBody.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable no-underscore-dangle */
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
 import { camelCase, get, pick } from 'lodash-es';
@@ -140,7 +139,11 @@ export default function TBody(props: TableBodyProps) {
       <tr key={type} className={classNames(classes)} {...rowProps}>
         <td colSpan={columns.length}>
           <div
-            className={classNames({ [tableFullRowClasses.innerFullRow]: isFixedToLeft }) || undefined}
+            className={
+              classNames({
+                [tableFullRowClasses.innerFullRow]: isFixedToLeft,
+              }) || undefined
+            }
             style={isFixedToLeft ? { width: `${props.tableWidth}px` } : {}}
           >
             <div className={tableFullRowClasses.innerFullElement}>{fullRowNode}</div>
diff --git a/packages/components/table/TFoot.tsx b/packages/components/table/TFoot.tsx
index 1ea3a9af1e..cebe8517e6 100644
--- a/packages/components/table/TFoot.tsx
+++ b/packages/components/table/TFoot.tsx
@@ -25,7 +25,7 @@ export interface TFootProps {
   thWidthList?: { [colKey: string]: number };
   footerSummary?: TdBaseTableProps['footerSummary'];
   rowspanAndColspanInFooter: TdBaseTableProps['rowspanAndColspanInFooter'];
-  virtualScroll?: Boolean;
+  virtualScroll?: boolean;
 }
 
 export default function TFoot(props: TFootProps) {
@@ -51,7 +51,11 @@ export default function TFoot(props: TFootProps) {
   if (!columns) return null;
 
   const footerDomList = footData?.map((row, rowIndex) => {
-    const trAttributes = formatRowAttributes(props.rowAttributes, { row, rowIndex, type: 'foot' });
+    const trAttributes = formatRowAttributes(props.rowAttributes, {
+      row,
+      rowIndex,
+      type: 'foot',
+    });
     // 自定义行类名
     const customClasses = formatRowClassNames(
       props.rowClassName,
diff --git a/packages/components/table/__tests__/expand.test.jsx b/packages/components/table/__tests__/expand.test.jsx
index bb2559ffba..de9f4c0de3 100644
--- a/packages/components/table/__tests__/expand.test.jsx
+++ b/packages/components/table/__tests__/expand.test.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { fireEvent, render, vi } from '@test/utils';
-import { Table, PrimaryTable, EnhancedTable } from '..';
+
+import { EnhancedTable, PrimaryTable, Table } from '..';
 
 const data = new Array(5).fill(null).map((item, index) => ({
   id: index + 100,
@@ -19,8 +20,6 @@ const SIMPLE_COLUMNS = [
   { title: 'Instance', colKey: 'instance' },
 ];
 
-const EXPAND_CELL = 'td.t-table__expandable-icon-cell';
-
 /**
  * 可展开表格
  */
diff --git a/packages/components/table/__tests__/mount.jsx b/packages/components/table/__tests__/mount.jsx
index 6539d41b71..e780008a6e 100644
--- a/packages/components/table/__tests__/mount.jsx
+++ b/packages/components/table/__tests__/mount.jsx
@@ -36,31 +36,19 @@ export function getNormalTableMount(TTable, props) {
       footData={getTableData(2)}
       columns={SIMPLE_COLUMNS}
       {...props}
-    ></TTable>
+    ></TTable>,
   );
 }
 
 export function getEmptyDataTableMount(TTable, props) {
-  return render(
-    <TTable
-      rowKey="index"
-      data={[]}
-      columns={SIMPLE_COLUMNS}
-      {...props}
-    ></TTable>
-  );
+  return render(<TTable rowKey="index" data={[]} columns={SIMPLE_COLUMNS} {...props}></TTable>);
 }
 
 /** 获取用于本地数据分页的表格数据（受控和非受控测试） */
 export function getDataLengthLargerThanPageSizeTableMount(TTable, props, rerender) {
   const renderFun = rerender || render;
   return renderFun(
-    <TTable
-      rowKey="index"
-      data={getTableData(props.pagination.total)}
-      columns={SIMPLE_COLUMNS}
-      {...props}
-    ></TTable>
+    <TTable rowKey="index" data={getTableData(props.pagination.total)} columns={SIMPLE_COLUMNS} {...props}></TTable>,
   );
 }
 
@@ -70,11 +58,6 @@ export function getDataLengthLargerThanPageSizeTableMount(TTable, props, rerende
 export function getNormalCountDataTableMount(TTable, props, rerender) {
   const renderFun = rerender || render;
   return renderFun(
-    <TTable
-      rowKey="index"
-      data={getTableData(props.pagination.pageSize)}
-      columns={SIMPLE_COLUMNS}
-      {...props}
-    ></TTable>
+    <TTable rowKey="index" data={getTableData(props.pagination.pageSize)} columns={SIMPLE_COLUMNS} {...props}></TTable>,
   );
 }
diff --git a/packages/components/table/__tests__/vitest-table.test.jsx b/packages/components/table/__tests__/vitest-table.test.jsx
index d9378759b2..349c695249 100644
--- a/packages/components/table/__tests__/vitest-table.test.jsx
+++ b/packages/components/table/__tests__/vitest-table.test.jsx
@@ -4,8 +4,9 @@
  * If you need to modify this file, contact PMC first please.
  */
 import React from 'react';
+
 import { BaseTable } from '..';
-import { getNormalTableMount, getEmptyDataTableMount } from './mount';
+import { getEmptyDataTableMount, getNormalTableMount } from './mount';
 
 describe('BaseTable Component', () => {
   it('props.bordered works fine', () => {
diff --git a/packages/components/table/_example/editable-cell.tsx b/packages/components/table/_example/editable-cell.tsx
index d6842742ec..708fff7d0b 100644
--- a/packages/components/table/_example/editable-cell.tsx
+++ b/packages/components/table/_example/editable-cell.tsx
@@ -128,8 +128,16 @@ export default function EditableCellTable() {
               { label: '宣传物料制作费用', value: '宣传物料制作费用' },
               { label: 'algolia 服务报销', value: 'algolia 服务报销' },
               // 如果状态选择了 已过期，则 Letters 隐藏 G 和 H
-              { label: '相关周边制作费', value: '相关周边制作费', show: () => editedRow.status !== 0 },
-              { label: '激励奖品快递费', value: '激励奖品快递费', show: () => editedRow.status !== 0 },
+              {
+                label: '相关周边制作费',
+                value: '相关周边制作费',
+                show: () => editedRow.status !== 0,
+              },
+              {
+                label: '激励奖品快递费',
+                value: '激励奖品快递费',
+                show: () => editedRow.status !== 0,
+              },
             ].filter((t) => (t.show === undefined ? true : t.show())),
           }),
           // abortEditOnEvent: ['onChange'],
@@ -169,7 +177,7 @@ export default function EditableCellTable() {
         },
       },
     ],
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
     [data, relationSelect],
   );
 
diff --git a/packages/components/table/_example/editable-row.tsx b/packages/components/table/_example/editable-row.tsx
index 08db481bc2..c7b1520e43 100644
--- a/packages/components/table/_example/editable-row.tsx
+++ b/packages/components/table/_example/editable-row.tsx
@@ -207,13 +207,26 @@ export default function EditableRowTable() {
               { label: '宣传物料制作费用', value: '宣传物料制作费用' },
               { label: 'algolia 服务报销', value: 'algolia 服务报销' },
               // 如果状态选择了 已过期，则 Letters 隐藏 G 和 H
-              { label: '相关周边制作费', value: '相关周边制作费', show: () => editedRow.status !== 1 },
-              { label: '激励奖品快递费', value: '激励奖品快递费', show: () => editedRow.status !== 1 },
+              {
+                label: '相关周边制作费',
+                value: '相关周边制作费',
+                show: () => editedRow.status !== 1,
+              },
+              {
+                label: '激励奖品快递费',
+                value: '激励奖品快递费',
+                show: () => editedRow.status !== 1,
+              },
             ].filter((t) => (t.show === undefined ? true : t.show())),
           }),
           showEditIcon: false,
           // 校验规则，此处同 Form 表单
-          rules: [{ validator: (val) => val && val.length < 3, message: '数量不能超过 2 个' }],
+          rules: [
+            {
+              validator: (val) => val && val.length < 3,
+              message: '数量不能超过 2 个',
+            },
+          ],
         },
       },
       {
@@ -261,7 +274,7 @@ export default function EditableRowTable() {
         },
       },
     ],
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
     [data, editableRowKeys],
   );
 
diff --git a/packages/components/table/_example/filter-controlled.tsx b/packages/components/table/_example/filter-controlled.tsx
index 3d15b60ec6..cb3db45275 100644
--- a/packages/components/table/_example/filter-controlled.tsx
+++ b/packages/components/table/_example/filter-controlled.tsx
@@ -99,7 +99,6 @@ const columns: TableProps['columns'] = [
   },
 ];
 
-// eslint-disable-next-line
 // function IconText(props = {}) {
 //   // 根据不同的 Props，允许定义不同的筛选图标（col, colIndex 在 Table 组件内部已经注入）
 //   const { col, colIndex } = props;
diff --git a/packages/components/table/_example/pagination-ajax.tsx b/packages/components/table/_example/pagination-ajax.tsx
index 67e9c85cc4..d5264de064 100644
--- a/packages/components/table/_example/pagination-ajax.tsx
+++ b/packages/components/table/_example/pagination-ajax.tsx
@@ -87,7 +87,7 @@ export default function TableBasic() {
       setData(response.results);
       setTotal(120);
       setIsLoading(false);
-    } catch (err) {
+    } catch (_) {
       setData([]);
       setTotal(120);
       setIsLoading(false);
@@ -101,7 +101,7 @@ export default function TableBasic() {
 
   useEffect(() => {
     fetchData({ current, pageSize });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, []);
 
   return (
diff --git a/packages/components/table/_example/tree-select.tsx b/packages/components/table/_example/tree-select.tsx
index f4aa21d8e0..da9b5e26ae 100644
--- a/packages/components/table/_example/tree-select.tsx
+++ b/packages/components/table/_example/tree-select.tsx
@@ -57,7 +57,9 @@ const columns: TableProps['columns'] = [
 
     // 禁用行选中方式二：使用 checkProps 禁用行（示例代码有效，勿删）
     // 这种方式禁用行选中，行文本不会变灰
-    checkProps: ({ row }) => ({ disabled: !row.childrenList && row.status !== 0 }),
+    checkProps: ({ row }) => ({
+      disabled: !row.childrenList && row.status !== 0,
+    }),
     // 自由调整宽度，如果发现元素看不见，请加大宽度
     width: 50,
   },
@@ -100,7 +102,7 @@ export default function TableSingleSort() {
       setSelectedRowKeys(defaultSelectedRowKeys);
       setData(cloneDeep(data));
     },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
     [checkStrictly],
   );
 
diff --git a/packages/components/table/_example/tree.tsx b/packages/components/table/_example/tree.tsx
index 1aa3132b72..cc3c4d90a3 100644
--- a/packages/components/table/_example/tree.tsx
+++ b/packages/components/table/_example/tree.tsx
@@ -305,7 +305,7 @@ export default function TableTree() {
       return renderTreeExpandAndFoldIcon;
     }
     return lazyLoadingTreeIconRender;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [lazyLoadingData, customTreeExpandAndFoldIcon]);
 
   const onTreeExpandChange: EnhancedTableProps['onTreeExpandChange'] = (context) => {
@@ -359,7 +359,10 @@ export default function TableTree() {
         rowKey="key"
         data={data}
         columns={columns}
-        tree={{ childrenKey: 'list', treeNodeColumnIndex: 2 /** , defaultExpandAll: true */ }}
+        tree={{
+          childrenKey: 'list',
+          treeNodeColumnIndex: 2 /** , defaultExpandAll: true */,
+        }}
         expandedTreeNodes={expandedTreeNodes}
         onExpandedTreeNodesChange={setExpandedTreeNodes}
         dragSort="row-handler"
diff --git a/packages/components/table/hooks/useAffix.ts b/packages/components/table/hooks/useAffix.ts
index 8a352cfb79..2c9dc1df23 100644
--- a/packages/components/table/hooks/useAffix.ts
+++ b/packages/components/table/hooks/useAffix.ts
@@ -268,7 +268,7 @@ export default function useAffix(props: TdBaseTableProps, { showElement }: { sho
     });
 
     return removeHorizontalScrollListeners;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [affixHeaderRef, affixFooterRef, horizontalScrollbarRef, tableContentRef, showElement]);
 
   useEffect(() => {
@@ -280,13 +280,13 @@ export default function useAffix(props: TdBaseTableProps, { showElement }: { sho
       }
       scrollContainersRef.current = [];
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [isAffixed]);
 
   useEffect(() => {
     addHorizontalScrollListeners();
     onHorizontalScroll();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [
     props.data,
     props.columns,
diff --git a/packages/components/table/hooks/useColumnController.tsx b/packages/components/table/hooks/useColumnController.tsx
index ac9725168a..a3ce611c91 100644
--- a/packages/components/table/hooks/useColumnController.tsx
+++ b/packages/components/table/hooks/useColumnController.tsx
@@ -61,7 +61,7 @@ export default function useColumnController(
   useEffect(() => {
     columnCheckboxKeys.current = [...(displayColumns || props.defaultDisplayColumns || keys)];
     dialogInstance.current?.update({ body: getDialogContent() });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [displayColumns]);
 
   function getCheckboxOptions(columns: PrimaryTableCol[], arr: CheckboxOptionObj[] = []) {
@@ -105,7 +105,11 @@ export default function useColumnController(
         .filter((t) => t.disabled)
         .map((t) => t.value);
       columnCheckboxKeys.current = disabledColKeys;
-      props.onColumnChange?.({ type: 'uncheck', columns: disabledColKeys, e: ctx.e });
+      props.onColumnChange?.({
+        type: 'uncheck',
+        columns: disabledColKeys,
+        e: ctx.e,
+      });
     }
     dialogInstance.current.update({ body: getDialogContent() });
   };
@@ -171,7 +175,9 @@ export default function useColumnController(
         if (columnControllerVisible === undefined) {
           dialogInstance.current.hide();
         } else {
-          props.onColumnControllerVisibleChange?.(false, { trigger: 'confirm' });
+          props.onColumnControllerVisibleChange?.(false, {
+            trigger: 'confirm',
+          });
         }
       },
       ...(columnController?.dialogProps || {}),
@@ -188,7 +194,7 @@ export default function useColumnController(
         columnControllerVisible && handleToggleColumnController();
       }
     },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
     [columnControllerVisible, dialogInstance],
   );
 
diff --git a/packages/components/table/hooks/useDragSort.ts b/packages/components/table/hooks/useDragSort.ts
index 508fb71406..4582f68684 100644
--- a/packages/components/table/hooks/useDragSort.ts
+++ b/packages/components/table/hooks/useDragSort.ts
@@ -80,7 +80,6 @@ function useDragSort(props: TdEnhancedTableProps, options: DragSortOptions) {
 
   const lockScrollContainer = () => {
     // 虚拟滚动场景下锁定容器滚动，避免 DOM 索引计算异常
-    // eslint-disable-next-line no-underscore-dangle
     const isVirtual = tData.current?.some((d) => d.__VIRTUAL_SCROLL_INDEX !== undefined);
     if (!isVirtual) return;
     const el = primaryTableRef.current?.tableContentElement as HTMLElement | undefined;
@@ -119,7 +118,7 @@ function useDragSort(props: TdEnhancedTableProps, options: DragSortOptions) {
       const cssText = Array.from(computed)
         .map((name) => `${name}:${computed.getPropertyValue(name)};`)
         .join('');
-      // eslint-disable-next-line no-param-reassign
+
       dest.style.cssText = cssText;
     };
 
@@ -215,11 +214,10 @@ function useDragSort(props: TdEnhancedTableProps, options: DragSortOptions) {
         updateLastRowList();
 
         const dragRowId = evt.item.getAttribute(DATA_ID_ATTR);
-        // eslint-disable-next-line no-param-reassign
+
         evt.to.style.overflow = 'hidden';
         const childRows = getDescendantRows(dragRowId);
         childRows.forEach((row) => {
-          // eslint-disable-next-line no-param-reassign
           row.style.display = 'none';
         });
       },
@@ -256,7 +254,6 @@ function useDragSort(props: TdEnhancedTableProps, options: DragSortOptions) {
           // 恢复隐藏的展开行
           const childRows = getDescendantRows(dragId);
           childRows.forEach((row) => {
-            // eslint-disable-next-line no-param-reassign
             row.style.display = '';
           });
 
@@ -322,16 +319,16 @@ function useDragSort(props: TdEnhancedTableProps, options: DragSortOptions) {
     if (!dragContainer) return;
     try {
       if (isRowDraggable) {
-        dragRowInstance.current = new Sortable(dragContainer, { ...baseOptions });
+        dragRowInstance.current = new Sortable(dragContainer, {
+          ...baseOptions,
+        });
       } else if (isRowHandlerDraggable) {
         dragRowInstance.current = new Sortable(dragContainer, {
           ...baseOptions,
           handle: `.${tableDraggableClasses.handle}`,
         });
       }
-    } catch (error) {
-      //
-    }
+    } catch (_) {}
     updateLastRowList();
   };
 
@@ -424,7 +421,7 @@ function useDragSort(props: TdEnhancedTableProps, options: DragSortOptions) {
     primaryTableRef.current.onAffixHeaderMount((el: HTMLDivElement) => {
       registerColDragEvent(el);
     });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [columns, dragSort, innerPagination]);
 
   return {
diff --git a/packages/components/table/hooks/useFixed.ts b/packages/components/table/hooks/useFixed.ts
index f8be5f345d..02232f3871 100644
--- a/packages/components/table/hooks/useFixed.ts
+++ b/packages/components/table/hooks/useFixed.ts
@@ -115,7 +115,10 @@ export default function useFixed(
     right: false,
   });
   // 虚拟滚动无法使用 CSS sticky 固定表头
-  const [virtualScrollHeaderPos, setVirtualScrollHeaderPos] = useState<{ left: number; top: number }>({
+  const [virtualScrollHeaderPos, setVirtualScrollHeaderPos] = useState<{
+    left: number;
+    top: number;
+  }>({
     left: 0,
     top: 0,
   });
@@ -166,7 +169,6 @@ export default function useFixed(
       if (levelNodes[level]) {
         levelNodes[level].push(columnInfo);
       } else {
-        // eslint-disable-next-line no-param-reassign
         levelNodes[level] = [columnInfo];
       }
     }
@@ -239,7 +241,10 @@ export default function useFixed(
         }
         const obj = initialColumnMap.get(colKey || j);
         if (obj?.col?.fixed) {
-          initialColumnMap.set(colKey, { ...obj, width: th?.getBoundingClientRect?.().width });
+          initialColumnMap.set(colKey, {
+            ...obj,
+            width: th?.getBoundingClientRect?.().width,
+          });
         }
       }
     }
@@ -267,7 +272,10 @@ export default function useFixed(
         defaultBottom = thead?.getBoundingClientRect?.().height || 0;
       }
       thisRowInfo.top = (lastRowInfo.top || defaultBottom) + (lastRowInfo.height || 0);
-      initialColumnMap.set(rowId, { ...thisRowInfo, height: tr?.getBoundingClientRect?.().height });
+      initialColumnMap.set(rowId, {
+        ...thisRowInfo,
+        height: tr?.getBoundingClientRect?.().height,
+      });
     }
     for (let i = data.length - 1; i >= data.length - fixedBottomRows; i--) {
       /**
@@ -285,7 +293,10 @@ export default function useFixed(
         defaultBottom = tfoot?.getBoundingClientRect?.().height || 0;
       }
       thisRowInfo.bottom = (lastRowInfo.bottom || defaultBottom) + (lastRowInfo.height || 0);
-      initialColumnMap.set(rowId, { ...thisRowInfo, height: tr?.getBoundingClientRect?.().height });
+      initialColumnMap.set(rowId, {
+        ...thisRowInfo,
+        height: tr?.getBoundingClientRect?.().height,
+      });
     }
   };
 
@@ -340,7 +351,6 @@ export default function useFixed(
     }
   };
 
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const updateFixedStatus = () => {
     const { newColumnsMap, levelNodes } = getColumnMap(columns);
     setIsLastOrFirstFixedCol(levelNodes);
@@ -464,7 +474,7 @@ export default function useFixed(
 
   useDeepEffect(
     updateFixedStatus,
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+
     [
       data,
       columns,
@@ -481,39 +491,32 @@ export default function useFixed(
     ],
   );
 
-  // eslint-disable-next-line react-hooks/exhaustive-deps
   useDeepEffect(() => {
     if (isFixedColumn) {
       updateColumnFixedShadow(tableContentRef.current);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isFixedColumn, columns, tableContentRef]);
 
   useDeepEffect(updateFixedHeader, [maxHeight, data, columns, bordered, tableContentRef]);
 
   useDeepEffect(() => {
     updateTableElmWidthOnColumnChange(finalColumns, preFinalColumns);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [finalColumns]);
 
   // 影响表头宽度的元素
-  useDeepEffect(
-    () => {
-      updateThWidthListHandler();
-      updateAffixPosition();
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      bordered,
-      columns,
-      tableLayout,
-      fixedRows,
-      headerAffixedTop,
-      tableContentWidth,
-      notNeedThWidthList,
-      tableContentRef,
-    ],
-  );
+  useDeepEffect(() => {
+    updateThWidthListHandler();
+    updateAffixPosition();
+  }, [
+    bordered,
+    columns,
+    tableLayout,
+    fixedRows,
+    headerAffixedTop,
+    tableContentWidth,
+    notNeedThWidthList,
+    tableContentRef,
+  ]);
 
   const refreshTable = () => {
     updateThWidthListHandler();
@@ -523,7 +526,9 @@ export default function useFixed(
 
     if (isFixedColumn || isFixedHeader) {
       updateFixedStatus();
-      updateColumnFixedShadow(tableContentRef.current, { skipScrollLimit: true });
+      updateColumnFixedShadow(tableContentRef.current, {
+        skipScrollLimit: true,
+      });
     }
   };
 
@@ -531,7 +536,7 @@ export default function useFixed(
     if (!tableContentRef.current) return;
     // IE 11 以上使用 ResizeObserver
     return resizeObserverElement(tableContentRef.current, refreshTable);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, []);
 
   useDeepEffect(() => {
@@ -570,7 +575,7 @@ export default function useFixed(
     return () => {
       off(document, 'animationend', onAnimationEnd, { capture: true });
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, []);
 
   const updateTableAfterColumnResize = () => {
diff --git a/packages/components/table/hooks/useLazyLoad.ts b/packages/components/table/hooks/useLazyLoad.ts
index c2e1886ca1..e5c915bb77 100644
--- a/packages/components/table/hooks/useLazyLoad.ts
+++ b/packages/components/table/hooks/useLazyLoad.ts
@@ -45,7 +45,7 @@ export default function useLazyLoad(
     return () => {
       clearTimeout(timer);
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [childRef, containerRef, params.bufferSize, params?.type, tRowHeight]);
 
   return {
diff --git a/packages/components/table/hooks/usePagination.tsx b/packages/components/table/hooks/usePagination.tsx
index 82fa6b400b..3bbe3759f7 100644
--- a/packages/components/table/hooks/usePagination.tsx
+++ b/packages/components/table/hooks/usePagination.tsx
@@ -63,7 +63,7 @@ export default function usePagination(props: TdBaseTableProps, tableContentRef:
     if (!pagination || isControlled) return;
     const [current, pageSize] = [pagination?.defaultCurrent || 1, pagination?.defaultPageSize ?? 10];
     updateDataSourceAndPaginate(current, pageSize);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [isControlled, updateDataSourceAndPaginate]);
 
   const renderPagination = () => {
diff --git a/packages/components/table/hooks/useRowSelect.tsx b/packages/components/table/hooks/useRowSelect.tsx
index 603f70b4e2..0acbbd4c3b 100644
--- a/packages/components/table/hooks/useRowSelect.tsx
+++ b/packages/components/table/hooks/useRowSelect.tsx
@@ -59,7 +59,7 @@ export default function useRowSelect(
       setCurrentPaginateData(newData);
     },
     // eslint-disable-next-line
-    [data, reserveSelectedRowOnPaginate],
+    [data, reserveSelectedRowOnPaginate]
   );
 
   useEffect(
@@ -76,7 +76,7 @@ export default function useRowSelect(
       const selectedRowClass = selected.size ? selectedRowClassFunc : undefined;
       setSelectedRowClassNames([disabledRowClass, selectedRowClass]);
     },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
     [data, columns, tSelectedRowKeys, selectColumn, rowKey],
   );
 
diff --git a/packages/components/table/hooks/useRowspanAndColspan.ts b/packages/components/table/hooks/useRowspanAndColspan.ts
index a4a978eee1..bdbca26edb 100644
--- a/packages/components/table/hooks/useRowspanAndColspan.ts
+++ b/packages/components/table/hooks/useRowspanAndColspan.ts
@@ -88,7 +88,6 @@ export default function useRowspanAndColspan(
     skipSpansMap.clear();
     const result = getSkipSpansMap(data, columns, rowspanAndColspan);
     setKipSnapsMap(result);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [data, columns, rowspanAndColspan]);
 
   return { skipSpansMap, getSkipSpansMap };
diff --git a/packages/components/table/hooks/useSorter.tsx b/packages/components/table/hooks/useSorter.tsx
index 0a874ae776..f5ee8894f8 100644
--- a/packages/components/table/hooks/useSorter.tsx
+++ b/packages/components/table/hooks/useSorter.tsx
@@ -36,7 +36,6 @@ export default function useSorter(props: TdPrimaryTableProps) {
     for (let i = 0, len = columns.length; i < len; i++) {
       const col = columns[i];
       if (isFunction(col.sorter)) {
-        // eslint-disable-next-line no-param-reassign
         map[col.colKey] = col.sorter;
       }
       // 多级表头中的排序功能
@@ -150,7 +149,7 @@ export default function useSorter(props: TdPrimaryTableProps) {
     const tmpSortInfo = Array.isArray(a) ? a : [a];
     const tmpInnerSortInfo = Array.isArray(b) ? b : [b];
     if (tmpSortInfo.length && !b) return false;
-    // eslint-disable-next-line
+
     for (let i = 0, len = tmpSortInfo.length; i < len; i++) {
       const item = tmpSortInfo[i];
       const result = tmpInnerSortInfo.find((t) => t.sortBy === item.sortBy);
diff --git a/packages/components/table/hooks/useTreeData.tsx b/packages/components/table/hooks/useTreeData.tsx
index 39a843c287..0a354b2d93 100644
--- a/packages/components/table/hooks/useTreeData.tsx
+++ b/packages/components/table/hooks/useTreeData.tsx
@@ -65,7 +65,7 @@ export default function useTreeData(props: TdEnhancedTableProps) {
     const rowValue = get(dataSource[0], rowDataKeys.rowKey);
     if (!store.treeDataMap.get(rowValue)) return;
     store.updateDisabledState(dataSource, checkedColumn, rowDataKeys);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [checkedColumn]);
 
   useEffect(() => {
@@ -89,7 +89,7 @@ export default function useTreeData(props: TdEnhancedTableProps) {
       updateExpandOnDataChange([...dataSource]);
       isManuallyModified.current = false;
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [data, expandedTreeNodes]);
 
   useEffect(
@@ -97,7 +97,7 @@ export default function useTreeData(props: TdEnhancedTableProps) {
       const treeNodeColTmp = getTreeNodeColumnCol();
       setTreeNodeCol(treeNodeColTmp);
     },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
     [columns, props.tree?.treeNodeColumnIndex],
   );
 
@@ -120,9 +120,8 @@ export default function useTreeData(props: TdEnhancedTableProps) {
    */
   function toggleExpandData(p: { row: TableRowData; rowIndex: number }, trigger?: 'expand-fold-icon' | 'row-click') {
     const currentData = { ...p };
-    // eslint-disable-next-line
+
     if (p.row.__VIRTUAL_SCROLL_INDEX !== undefined) {
-      // eslint-disable-next-line
       currentData.rowIndex = p.row.__VIRTUAL_SCROLL_INDEX;
     }
     const newData = store.toggleExpandData(currentData, dataSource, rowDataKeys);
diff --git a/packages/components/table/hooks/useTreeSelect.tsx b/packages/components/table/hooks/useTreeSelect.tsx
index 087a7ebd94..4eca0d1230 100644
--- a/packages/components/table/hooks/useTreeSelect.tsx
+++ b/packages/components/table/hooks/useTreeSelect.tsx
@@ -22,7 +22,11 @@ export function getChildrenData(
   r?: GetChildrenDataReturnValue,
 ): GetChildrenDataReturnValue {
   if (childrenMap.get(data)) return childrenMap.get(data);
-  const result = r || { allChildren: [], allChildrenKeys: [], leafNodeKeys: [] };
+  const result = r || {
+    allChildren: [],
+    allChildrenKeys: [],
+    leafNodeKeys: [],
+  };
   const children = get(data, keys.childrenKey);
   if (!children || !children.length) return result;
   const selectableChildren = children.filter(
@@ -104,7 +108,7 @@ export default function useTreeSelect(props: TdEnhancedTableProps, treeDataMap:
   const { tree, rowKey, data, indeterminateSelectedRowKeys } = props;
   // 半选状态的节点：子节点选中至少一个，且没有全部选中
   const [tIndeterminateSelectedRowKeys, setTIndeterminateSelectedRowKeys] = useState([]);
-  // eslint-disable-next-line
+
   const [tSelectedRowKeys, setTSelectedRowKeys] = useControlled(props, 'selectedRowKeys', props.onSelectChange, {
     defaultSelectedRowKeys: props.defaultSelectedRowKeys || [],
   });
@@ -120,7 +124,7 @@ export default function useTreeSelect(props: TdEnhancedTableProps, treeDataMap:
   useEffect(() => {
     if (!tree || !treeDataMap.size || tree.checkStrictly) return;
     updateIndeterminateState();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [tSelectedRowKeys, data, tree, treeDataMap]);
 
   function updateIndeterminateState() {
@@ -233,7 +237,10 @@ export default function useTreeSelect(props: TdEnhancedTableProps, treeDataMap:
       }
     }
     newRowKeys = updateParentCheckedState(newRowKeys, extraData.currentRowKey, extraData.type);
-    const newRowData = getRowDataByKeys({ treeDataMap, selectedRowKeys: newRowKeys });
+    const newRowData = getRowDataByKeys({
+      treeDataMap,
+      selectedRowKeys: newRowKeys,
+    });
     const newExtraData = {
       ...extraData,
       selectedRowData: newRowData,
diff --git a/packages/components/table/interface.ts b/packages/components/table/interface.ts
index 0e554625da..6d4d509ef0 100644
--- a/packages/components/table/interface.ts
+++ b/packages/components/table/interface.ts
@@ -37,8 +37,7 @@ export type SimpleTableProps<T extends TableRowData = TableRowData> = BaseTableP
 export interface PrimaryTableProps<T extends TableRowData = TableRowData> extends TdPrimaryTableProps<T>, StyledProps {}
 
 export interface EnhancedTableProps<T extends TableRowData = TableRowData>
-  extends TdEnhancedTableProps<T>,
-    StyledProps {}
+  extends TdEnhancedTableProps<T>, StyledProps {}
 export type TableProps<T extends TableRowData = TableRowData> = PrimaryTableProps<T>;
 
 export interface BaseTableRef {
diff --git a/packages/components/tabs/TabBar.tsx b/packages/components/tabs/TabBar.tsx
index 03450f6b51..9ab45026f0 100644
--- a/packages/components/tabs/TabBar.tsx
+++ b/packages/components/tabs/TabBar.tsx
@@ -42,11 +42,17 @@ const TabBar: React.FC<TabBarProps> = (props) => {
         });
         const computedItem = itemsRef[currentActiveIdRef.current];
         if (!computedItem) {
-          setBarStyle({ transform: `${transformPosition}(${0}px)`, [barBorderProp]: 0 });
+          setBarStyle({
+            transform: `${transformPosition}(${0}px)`,
+            [barBorderProp]: 0,
+          });
           return;
         }
         const itemPropValue = getComputedStyle(computedItem)[itemProp];
-        setBarStyle({ transform: `${transformPosition}(${offset}px)`, [barBorderProp]: itemPropValue || 0 });
+        setBarStyle({
+          transform: `${transformPosition}(${offset}px)`,
+          [barBorderProp]: itemPropValue || 0,
+        });
       }
     }
   }, [currentActiveIdRef, containerRef, tabPosition, tabsClassPrefix]);
@@ -55,7 +61,7 @@ const TabBar: React.FC<TabBarProps> = (props) => {
     if (containerRef.current) {
       setTimeout(() => computeStyle());
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [tabPosition, activeId, containerRef.current]);
 
   const handleMutationObserver = React.useCallback(
diff --git a/packages/components/tabs/TabNav.tsx b/packages/components/tabs/TabNav.tsx
index 9c055c99b6..b8686a78f7 100644
--- a/packages/components/tabs/TabNav.tsx
+++ b/packages/components/tabs/TabNav.tsx
@@ -69,8 +69,8 @@ const TabNav: React.FC<TabNavProps> = (props) => {
   const activeIndex = getIndex(activeValue);
 
   // 判断滚动条是否需要展示
-  const [canToLeft, setToLeftBtnVisible] = useState(false);
-  const [canToRight, setToRightBtnVisible] = useState(false);
+  const [showLeft, setShowLeft] = useState(false);
+  const [showRight, setShowRight] = useState(false);
 
   // 滚动条 ref 定义
   const scrollBarRef = useRef(null);
@@ -120,7 +120,7 @@ const TabNav: React.FC<TabNavProps> = (props) => {
     }, 100);
 
     return () => clearTimeout(timeout);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [activeTab, maxScrollLeft, scrollPosition]);
 
   // 左右滑动按钮的展示状态
@@ -130,8 +130,8 @@ const TabNav: React.FC<TabNavProps> = (props) => {
       const canToLeft = scrollLeft > 1;
       const canToRight = scrollLeft < maxScrollLeft - 1;
 
-      setToLeftBtnVisible(canToLeft);
-      setToRightBtnVisible(canToRight);
+      setShowLeft(canToLeft);
+      setShowRight(canToRight);
     }
   }, [placement, scrollLeft, maxScrollLeft]);
 
@@ -154,7 +154,7 @@ const TabNav: React.FC<TabNavProps> = (props) => {
     if (!scrollBar) return;
 
     const handleWheel = (e: WheelEvent<HTMLDivElement>) => {
-      if (!canToLeft && !canToRight) return;
+      if (!showLeft && !showRight) return;
       e.preventDefault();
 
       const { deltaX, deltaY } = e;
@@ -218,7 +218,7 @@ const TabNav: React.FC<TabNavProps> = (props) => {
         ref={leftOperationsRef}
         className={classNames(tdTabsClassGenerator('operations'), tdTabsClassGenerator('operations--left'))}
       >
-        {canToLeft ? (
+        {showLeft ? (
           <div
             onClick={() => {
               handleScroll('prev');
@@ -238,7 +238,7 @@ const TabNav: React.FC<TabNavProps> = (props) => {
         ref={rightOperationsRef}
         className={classNames(tdTabsClassGenerator('operations'), tdTabsClassGenerator('operations--right'))}
       >
-        {canToRight ? (
+        {showRight ? (
           <div
             onClick={() => {
               handleScroll('next');
@@ -288,7 +288,7 @@ const TabNav: React.FC<TabNavProps> = (props) => {
         <div
           className={classNames(
             tdTabsClassGenerator('nav-scroll'),
-            canToLeft || canToRight ? tdClassGenerator('is-scrollable') : '',
+            showLeft || showRight ? tdClassGenerator('is-scrollable') : '',
           )}
           ref={scrollBarRef}
         >
@@ -307,12 +307,12 @@ const TabNav: React.FC<TabNavProps> = (props) => {
             )}
             {itemList.map((v, index) => (
               <TabNavItem
+                key={v.value}
                 {...omit(props, ['className', 'style'])}
                 {...v}
                 dragProps={{ ...getDragProps?.(index, v) }}
                 // 显式给 onRemove 赋值，防止 props 的 onRemove 事件透传
                 onRemove={v.onRemove}
-                key={v.value}
                 label={v.label}
                 isActive={activeValue === v.value}
                 theme={theme}
diff --git a/packages/components/tabs/useTabClass.ts b/packages/components/tabs/useTabClass.ts
index 7c3236a165..6d9520c966 100644
--- a/packages/components/tabs/useTabClass.ts
+++ b/packages/components/tabs/useTabClass.ts
@@ -1,4 +1,3 @@
-/* eslint-disable implicit-arrow-linebreak */
 import useConfig from '../hooks/useConfig';
 
 /**
diff --git a/packages/components/tag-input/TagInput.tsx b/packages/components/tag-input/TagInput.tsx
index 07a6bab713..33df9bbe90 100644
--- a/packages/components/tag-input/TagInput.tsx
+++ b/packages/components/tag-input/TagInput.tsx
@@ -89,7 +89,9 @@ const TagInput = forwardRef<InputRef, TagInputProps>((originalProps, ref) => {
 
   const showClearIcon = Boolean(!readOnly && !disabled && clearable && isHover && tagValue?.length);
 
-  useImperativeHandle(ref as InputRef, () => ({ ...(tagInputRef.current || {}) }));
+  useImperativeHandle(ref as InputRef, () => ({
+    ...(tagInputRef.current || {}),
+  }));
 
   const updateSuffixWidth = (selector: string, cssVar: string, widthRef: React.MutableRefObject<number>) => {
     const wrapperEl = tagInputRef.current?.currentElement as HTMLElement;
@@ -101,7 +103,6 @@ const TagInput = forwardRef<InputRef, TagInputProps>((originalProps, ref) => {
     const targetEl = wrapperEl.querySelector(selector);
     const width = targetEl ? targetEl.getBoundingClientRect().width : 0;
     if (width !== widthRef.current) {
-      // eslint-disable-next-line no-param-reassign
       widthRef.current = width;
       if (width) {
         inputEl.style.setProperty(cssVar, `${Math.ceil(width + 8)}px`);
@@ -126,7 +127,7 @@ const TagInput = forwardRef<InputRef, TagInputProps>((originalProps, ref) => {
     // 确定 suffixIcon 右侧到 input 边框的距离
     updateSuffixWidth(`.${prefix}-input__suffix-icon`, `--${prefix}-tag-input-suffix-icon-width`, suffixIconWidthRef);
 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [excessTagsDisplayType, suffix, suffixIcon, showClearIcon, prefix, tagInputRef, isBreakLine]);
 
   const onInputCompositionstart = (value: InputValue, context: { e: CompositionEvent<HTMLInputElement> }) => {
@@ -183,7 +184,7 @@ const TagInput = forwardRef<InputRef, TagInputProps>((originalProps, ref) => {
             onClose: (index) => onClose({ index }),
           })
         : valueDisplay,
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
     [valueDisplay],
   );
 
diff --git a/packages/components/tag-input/__tests__/mount.jsx b/packages/components/tag-input/__tests__/mount.jsx
index 440c362ecc..9a83c63938 100644
--- a/packages/components/tag-input/__tests__/mount.jsx
+++ b/packages/components/tag-input/__tests__/mount.jsx
@@ -3,15 +3,11 @@ import { render } from '@test/utils';
 
 // empty value
 export function getTagInputDefaultMount(TagInput, props, events) {
-  return render(
-    <TagInput {...props} {...events}></TagInput>
-  );
+  return render(<TagInput {...props} {...events}></TagInput>);
 }
 
 // with default value
 export function getTagInputValueMount(TagInput, props, events) {
   const value = ['tdesign-vue', 'tdesign-react', 'tdesign-miniprogram', 'tdesign-mobile-vue', 'tdesign-mobile-react'];
-  return render(
-    <TagInput value={value} {...props} {...events}></TagInput>
-  );
+  return render(<TagInput value={value} {...props} {...events}></TagInput>);
 }
diff --git a/packages/components/tag-input/__tests__/vitest-tag-input.test.jsx b/packages/components/tag-input/__tests__/vitest-tag-input.test.jsx
index 33dd7ea419..2d28bc0599 100644
--- a/packages/components/tag-input/__tests__/vitest-tag-input.test.jsx
+++ b/packages/components/tag-input/__tests__/vitest-tag-input.test.jsx
@@ -1,13 +1,13 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 /**
  * 该文件由脚本自动生成，如需修改请联系 PMC
  * This file generated by scripts of tdesign-api. `npm run api:docs TagInput React(PC) vitest,finalProject`
  * If you need to modify this file, contact PMC first please.
  */
 import React from 'react';
-import { fireEvent, vi, render, mockDelay, simulateInputChange, simulateInputEnter } from '@test/utils';
+import { fireEvent, mockDelay, render, simulateInputChange, simulateInputEnter, vi } from '@test/utils';
+
 import { TagInput } from '..';
-import { getTagInputValueMount, getTagInputDefaultMount } from './mount';
+import { getTagInputDefaultMount, getTagInputValueMount } from './mount';
 
 describe('TagInput Component', () => {
   it('props.clearable: empty TagInput does not need clearIcon', async () => {
diff --git a/packages/components/tag-input/useTagScroll.ts b/packages/components/tag-input/useTagScroll.ts
index e6e592310c..65d620b2f7 100644
--- a/packages/components/tag-input/useTagScroll.ts
+++ b/packages/components/tag-input/useTagScroll.ts
@@ -87,7 +87,7 @@ export default function useTagScroll(props: TdTagInputProps) {
   useEffect(() => {
     initScroll(tagInputRef?.current?.currentElement);
     return clearScroll;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, []);
 
   return {
diff --git a/packages/components/tag/__tests__/vitest-tag.test.jsx b/packages/components/tag/__tests__/vitest-tag.test.jsx
index 9067a542b3..adaeecca04 100644
--- a/packages/components/tag/__tests__/vitest-tag.test.jsx
+++ b/packages/components/tag/__tests__/vitest-tag.test.jsx
@@ -1,12 +1,12 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 /**
  * 该文件由脚本自动生成，如需修改请联系 PMC
  * This file generated by scripts of tdesign-api. `npm run api:docs Tag React(PC) vitest,finalProject`
  * If you need to modify this file, contact PMC first please.
  */
 import React from 'react';
-import { fireEvent, vi, render } from '@test/utils';
-import { Tag, CheckTag } from '..';
+import { fireEvent, render, vi } from '@test/utils';
+
+import { CheckTag, Tag } from '..';
 
 describe('Tag Component', () => {
   it('props.children works fine', () => {
diff --git a/packages/components/textarea/Textarea.tsx b/packages/components/textarea/Textarea.tsx
index e7bfd0b1de..a78dc72db0 100644
--- a/packages/components/textarea/Textarea.tsx
+++ b/packages/components/textarea/Textarea.tsx
@@ -19,7 +19,8 @@ const DEFAULT_TEXTAREA_STYLE = { height: 'auto', minHeight: 'auto' };
 const OMIT_PROPS = ['defaultValue', 'readonly'];
 
 export interface TextareaProps
-  extends Omit<
+  extends
+    Omit<
       React.TextareaHTMLAttributes<HTMLTextAreaElement>,
       'value' | 'defaultValue' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp'
     >,
diff --git a/packages/components/time-picker/TimePicker.tsx b/packages/components/time-picker/TimePicker.tsx
index 170400b743..3cabc3bd8c 100644
--- a/packages/components/time-picker/TimePicker.tsx
+++ b/packages/components/time-picker/TimePicker.tsx
@@ -56,7 +56,7 @@ const TimePicker = forwardRefWithStatics(
 
     const [value, onChange] = useControlled(props, 'value', props.onChange);
 
-    const [isPanelShowed, setPanelShow] = useState(false);
+    const [isPanelVisible, setIsPanelVisible] = useState(false);
     const [currentValue, setCurrentValue] = useState('');
 
     const { classPrefix } = useConfig();
@@ -65,12 +65,12 @@ const TimePicker = forwardRefWithStatics(
     });
     const name = `${classPrefix}-time-picker`;
     const inputClasses = classNames(`${name}__group`, {
-      [`${classPrefix}-is-focused`]: isPanelShowed,
+      [`${classPrefix}-is-focused`]: isPanelVisible,
     });
 
     const effectVisibleCurrentValue = (visible: boolean) => {
-      setPanelShow(visible);
-      setCurrentValue(visible ? value ?? '' : '');
+      setIsPanelVisible(visible);
+      setCurrentValue(visible ? (value ?? '') : '');
     };
 
     const handleShowPopup = (visible: boolean, context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> }) => {
@@ -111,7 +111,7 @@ const TimePicker = forwardRefWithStatics(
 
     const handlePanelChange: TimePickerPanelProps['onChange'] = (v, ctx) => {
       setCurrentValue(v);
-      onPick?.(v, ctx);
+      onPick?.(v, { e: ctx as unknown as React.MouseEvent<HTMLDivElement> });
     };
 
     return (
@@ -125,15 +125,18 @@ const TimePicker = forwardRefWithStatics(
           className={inputClasses}
           borderless={borderless}
           suffixIcon={<TimeIcon />}
-          popupVisible={isPanelShowed}
+          popupVisible={isPanelVisible}
           onInputChange={handleInputChange}
           onBlur={handleInputBlur}
           onPopupVisibleChange={handleShowPopup}
           placeholder={!value ? placeholder : undefined}
-          value={isPanelShowed ? currentValue : value ?? undefined}
-          inputValue={isPanelShowed ? currentValue : value ?? undefined}
+          value={isPanelVisible ? currentValue : (value ?? undefined)}
+          inputValue={isPanelVisible ? currentValue : (value ?? undefined)}
           inputProps={{ ...props.inputProps, size: props.size }}
-          popupProps={{ overlayInnerStyle: { width: 'auto', padding: 0 }, ...props.popupProps }}
+          popupProps={{
+            overlayInnerStyle: { width: 'auto', padding: 0 },
+            ...props.popupProps,
+          }}
           tips={props.tips}
           status={props.status}
           label={props.label}
@@ -143,7 +146,7 @@ const TimePicker = forwardRefWithStatics(
               format={format}
               value={currentValue}
               isFooterDisplay={true}
-              isShowPanel={isPanelShowed}
+              isShowPanel={isPanelVisible}
               disableTime={disableTime}
               onChange={handlePanelChange}
               onPick={props.onPick}
diff --git a/packages/components/time-picker/TimeRangePicker.tsx b/packages/components/time-picker/TimeRangePicker.tsx
index fedc4d4a9c..fa3d768fa2 100644
--- a/packages/components/time-picker/TimeRangePicker.tsx
+++ b/packages/components/time-picker/TimeRangePicker.tsx
@@ -19,6 +19,7 @@ import TimePickerPanel from './panel/TimePickerPanel';
 import type { FC } from 'react';
 import type { StyledProps } from '../common';
 import type { RangeInputPopupProps, RangeInputPosition } from '../range-input';
+import type { TimePickerPanelProps } from './panel/TimePickerPanel';
 import type { TdTimeRangePickerProps, TimeRangePickerPartial, TimeRangeValue } from './type';
 
 export interface TimeRangePickerProps extends TdTimeRangePickerProps, StyledProps {}
@@ -57,7 +58,7 @@ const TimeRangePicker: FC<TimeRangePickerProps> = (originalProps) => {
   const { TimeIcon } = useGlobalIcon({
     TimeIcon: TdTimeIcon,
   });
-  const [isPanelShowed, setPanelShow] = useState(false);
+  const [isPanelShowed, setIsPanelShowed] = useState(false);
   const [currentPanelIdx, setCurrentPanelIdx] = useState(undefined);
   const [currentValue, setCurrentValue] = useState(['', '']);
 
@@ -69,10 +70,10 @@ const TimeRangePicker: FC<TimeRangePickerProps> = (originalProps) => {
 
   const handleShowPopup: RangeInputPopupProps['onPopupVisibleChange'] = (visible, { trigger }) => {
     if (trigger === 'trigger-element-click') {
-      setPanelShow(true);
+      setIsPanelShowed(true);
       return;
     }
-    setPanelShow(visible);
+    setIsPanelShowed(visible);
   };
 
   function handlePickerValue(pickValue: string | string[], currentValue: string[]) {
@@ -105,10 +106,10 @@ const TimeRangePicker: FC<TimeRangePickerProps> = (originalProps) => {
     setCurrentPanelIdx(position === 'first' ? 0 : 1);
   };
 
-  const handleTimeChange = (newValue: string | string[], context: { e: React.MouseEvent }) => {
+  const handleTimeChange = (newValue: string | string[], e?: MouseEvent | UIEvent) => {
     const nextCurrentValue = handlePickerValue(newValue, currentValue);
     setCurrentValue(nextCurrentValue);
-    handleOnPick(nextCurrentValue, context);
+    handleOnPick(nextCurrentValue, { e: e as unknown as React.MouseEvent });
   };
 
   const autoSwapTime = (valueBeforeConfirm: Array<string>) => {
@@ -145,7 +146,7 @@ const TimeRangePicker: FC<TimeRangePickerProps> = (originalProps) => {
   const handleClickConfirm = () => {
     const isValidTime = !currentValue.find((v) => !validateInputValue(v, format));
     if (isValidTime) onChange(props.autoSwap ? autoSwapTime(currentValue) : currentValue);
-    setPanelShow(false);
+    setIsPanelShowed(false);
   };
 
   const handleFocus = (
@@ -157,9 +158,9 @@ const TimeRangePicker: FC<TimeRangePickerProps> = (originalProps) => {
 
   useEffect(() => {
     // to fix the effect trigger before input blur
-    setCurrentValue(isPanelShowed ? value ?? TIME_PICKER_EMPTY : TIME_PICKER_EMPTY);
+    setCurrentValue(isPanelShowed ? (value ?? TIME_PICKER_EMPTY) : TIME_PICKER_EMPTY);
     if (!isPanelShowed) setCurrentPanelIdx(undefined);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [isPanelShowed]);
 
   return (
@@ -177,13 +178,13 @@ const TimeRangePicker: FC<TimeRangePickerProps> = (originalProps) => {
           ...props.popupProps,
         }}
         onInputChange={handleInputChange}
-        inputValue={isPanelShowed ? currentValue : value ?? TIME_PICKER_EMPTY}
+        inputValue={isPanelShowed ? currentValue : (value ?? TIME_PICKER_EMPTY)}
         rangeInputProps={{
           size,
           borderless,
           clearable,
           className: inputClasses,
-          value: isPanelShowed ? currentValue : value ?? undefined,
+          value: isPanelShowed ? currentValue : (value ?? undefined),
           placeholder,
           suffixIcon: <TimeIcon />,
           onClear: handleClear,
@@ -206,7 +207,7 @@ const TimeRangePicker: FC<TimeRangePickerProps> = (originalProps) => {
             hideDisabledTime={hideDisabledTime}
             isFooterDisplay={true}
             value={currentValue[currentPanelIdx || 0]}
-            onChange={handleTimeChange}
+            onChange={handleTimeChange as TimePickerPanelProps['onChange']}
             handleConfirmClick={handleClickConfirm}
             position={currentPanelIdx === 0 ? 'start' : 'end'}
             activeIndex={currentPanelIdx}
diff --git a/packages/components/time-picker/panel/SinglePanel.tsx b/packages/components/time-picker/panel/SinglePanel.tsx
index f9395616b8..2b3fda0f71 100644
--- a/packages/components/time-picker/panel/SinglePanel.tsx
+++ b/packages/components/time-picker/panel/SinglePanel.tsx
@@ -22,8 +22,10 @@ const panelOffset = {
   bottom: 21,
 };
 
-export interface SinglePanelProps
-  extends Pick<TdTimePickerProps, 'steps' | 'format' | 'value' | 'hideDisabledTime' | 'onPick'> {
+export interface SinglePanelProps extends Pick<
+  TdTimePickerProps,
+  'steps' | 'format' | 'value' | 'hideDisabledTime' | 'onPick'
+> {
   disableTime?: (
     h: number,
     m: number,
@@ -35,7 +37,7 @@ export interface SinglePanelProps
   triggerScroll?: boolean;
   resetTriggerScroll?: () => void;
   isVisible?: boolean;
-  onChange: Function;
+  onChange: (value: string, e: MouseEvent | UIEvent) => void;
 }
 
 // https://github.com/iamkun/dayjs/issues/1552
@@ -153,9 +155,7 @@ const SinglePanel: FC<SinglePanelProps> = (props) => {
 
   const getScrollDistance = useCallback(
     (col: EPickerCols, time: number | string) => {
-      if (col === EPickerCols.hour && /[h]{1}/.test(format))
-        // eslint-disable-next-line no-param-reassign
-        time = (time as number) % 12; // 一定是数字，直接 cast
+      if (col === EPickerCols.hour && /[h]{1}/.test(format)) time = (time as number) % 12; // 一定是数字，直接 cast
 
       const itemIdx = getColList(col).indexOf(padStart(String(time), 2, '0'));
       const { offsetHeight, margin } = getItemHeight();
@@ -255,7 +255,7 @@ const SinglePanel: FC<SinglePanelProps> = (props) => {
         behavior,
       });
     },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
     [getScrollDistance],
   );
 
@@ -283,7 +283,6 @@ const SinglePanel: FC<SinglePanelProps> = (props) => {
     if (!timeItemCanUsed(col, el)) return;
     if (timeArr.includes(col)) {
       if (col === EPickerCols.hour && dayjsValue.format('a') === PM && cols.includes(EPickerCols.meridiem)) {
-        // eslint-disable-next-line no-param-reassign
         el = Number(el) + 12;
       }
       scrollToTime(col, el, idx, 'smooth');
@@ -350,7 +349,7 @@ const SinglePanel: FC<SinglePanelProps> = (props) => {
             })}
             onClick={(e) => handleTimeItemClick(col, el, idx, e)}
           >
-            {/* eslint-disable-next-line no-nested-ternary */}
+            {}
             {timeArr.includes(col)
               ? TWELVE_HOUR_FORMAT.test(format) && col === EPickerCols.hour && el === '00'
                 ? '12'
diff --git a/packages/components/time-picker/panel/TimePickerPanel.tsx b/packages/components/time-picker/panel/TimePickerPanel.tsx
index 702545c205..7aadd4a312 100644
--- a/packages/components/time-picker/panel/TimePickerPanel.tsx
+++ b/packages/components/time-picker/panel/TimePickerPanel.tsx
@@ -13,12 +13,13 @@ import type { TimePickerProps } from '../TimePicker';
 import type { TimeRangePickerProps } from '../TimeRangePicker';
 import type { SinglePanelProps } from './SinglePanel';
 
-export interface TimePickerPanelProps extends SinglePanelProps {
+export interface TimePickerPanelProps extends Omit<SinglePanelProps, 'onChange'> {
   isShowPanel?: boolean;
   isFooterDisplay?: boolean; // 是否展示footer
   handleConfirmClick?: (defaultValue: dayjs.Dayjs | string) => void;
   presets?: TimePickerProps['presets'] | TimeRangePickerProps['presets'];
   activeIndex?: number;
+  onChange?: (value: string, e?: MouseEvent | UIEvent) => void;
 }
 
 type PresetValue = TimePickerPanelProps['presets'][keyof TimePickerPanelProps['presets']];
@@ -34,7 +35,7 @@ const TimePickerPanel: FC<TimePickerPanelProps> = (props) => {
     isShowPanel = true,
     presets = null,
   } = props;
-  const [triggerScroll, toggleTriggerScroll] = useState(false); // 触发滚动
+  const [triggerScroll, setTriggerScroll] = useState(false); // 触发滚动
   const { classPrefix } = useConfig();
 
   const TEXT_CONFIG = useTimePickerTextConfig();
@@ -52,23 +53,23 @@ const TimePickerPanel: FC<TimePickerPanelProps> = (props) => {
   }, [value, format]);
 
   useEffect(() => {
-    if (isShowPanel) toggleTriggerScroll(true);
+    if (isShowPanel) setTriggerScroll(true);
   }, [isShowPanel]);
 
   const resetTriggerScroll = useCallback(() => {
-    toggleTriggerScroll(false);
-  }, [toggleTriggerScroll]);
+    setTriggerScroll(false);
+  }, [setTriggerScroll]);
 
-  const handlePresetClick = (presetValue: PresetValue) => {
+  const handlePresetClick = (presetValue: PresetValue, e: React.MouseEvent) => {
     const presetVal = typeof presetValue === 'function' ? presetValue() : presetValue;
     if (typeof props.activeIndex === 'number') {
       if (Array.isArray(presetVal)) {
-        props.onChange?.(presetVal[props.activeIndex]);
+        props.onChange?.(presetVal[props.activeIndex], e.nativeEvent);
       } else {
         log.error('TimePicker', `preset: ${presets} 预设值必须是数组!`);
       }
     } else {
-      props.onChange?.(presetVal);
+      props.onChange?.(presetVal as string, e.nativeEvent);
     }
   };
 
@@ -80,8 +81,8 @@ const TimePickerPanel: FC<TimePickerPanelProps> = (props) => {
           theme="primary"
           size="small"
           variant="text"
-          onClick={() => {
-            handlePresetClick(presets[preset]);
+          onClick={(e) => {
+            handlePresetClick(presets[preset], e);
           }}
         >
           {preset}
@@ -94,8 +95,8 @@ const TimePickerPanel: FC<TimePickerPanelProps> = (props) => {
         theme="primary"
         variant="text"
         size="small"
-        onClick={() => {
-          onChange?.(dayjs().format(format));
+        onClick={(e) => {
+          onChange?.(dayjs().format(format), e.nativeEvent);
         }}
       >
         {TEXT_CONFIG.nowTime}
@@ -108,7 +109,7 @@ const TimePickerPanel: FC<TimePickerPanelProps> = (props) => {
       <div className={`${panelClassName}-section-body`}>
         <SinglePanel
           {...props}
-          onChange={onChange}
+          onChange={onChange as unknown as SinglePanelProps['onChange']}
           format={format}
           steps={steps}
           value={dayjs(value, format).isValid() ? value : defaultValue}
diff --git a/packages/components/timeline/__tests__/mount.jsx b/packages/components/timeline/__tests__/mount.jsx
index 6cef60b14b..4cd616d31a 100644
--- a/packages/components/timeline/__tests__/mount.jsx
+++ b/packages/components/timeline/__tests__/mount.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { render } from '@test/utils';
+
 import { Timeline } from '../../timeline';
 
 export function getTimelineDefaultMount(Timeline, props, events) {
@@ -8,21 +9,25 @@ export function getTimelineDefaultMount(Timeline, props, events) {
       <Timeline.Item label="2022-01-01">Event1</Timeline.Item>
       <Timeline.Item label="2022-02-01">Event2</Timeline.Item>
       <Timeline.Item label="2022-03-01">Event3</Timeline.Item>
-      <Timeline.Item label="2022-04-01" dotColor="yellowgreen">Event4</Timeline.Item>
-    </Timeline>
+      <Timeline.Item label="2022-04-01" dotColor="yellowgreen">
+        Event4
+      </Timeline.Item>
+    </Timeline>,
   );
 }
 
 // labelAlign 优先级比较
 export function getTimelineItemMount(TimelineItem, props) {
   return render(
-    <Timeline labelAlign='right'>
-      <TimelineItem {...props} label="2022-01-01">Event1</TimelineItem>
+    <Timeline labelAlign="right">
+      <TimelineItem {...props} label="2022-01-01">
+        Event1
+      </TimelineItem>
       <TimelineItem label="2022-02-01">Event2</TimelineItem>
       <TimelineItem label="2022-03-01">Event3</TimelineItem>
       <TimelineItem label="2022-04-01">Event4</TimelineItem>
-    </Timeline>
+    </Timeline>,
   );
 }
 
-export default getTimelineDefaultMount
+export default getTimelineDefaultMount;
diff --git a/packages/components/timeline/__tests__/vitest-timeline.test.jsx b/packages/components/timeline/__tests__/vitest-timeline.test.jsx
index ce4983323c..40fb8a6194 100644
--- a/packages/components/timeline/__tests__/vitest-timeline.test.jsx
+++ b/packages/components/timeline/__tests__/vitest-timeline.test.jsx
@@ -5,7 +5,8 @@
  * If you need to modify this file, contact PMC first please.
  */
 import React from 'react';
-import { fireEvent, vi, render } from '@test/utils';
+import { fireEvent, render, vi } from '@test/utils';
+
 import { Timeline, TimelineItem } from '..';
 import { getTimelineDefaultMount, getTimelineItemMount } from './mount';
 
diff --git a/packages/components/tooltip/TooltipLite.tsx b/packages/components/tooltip/TooltipLite.tsx
index 44dde6b853..be66406be8 100644
--- a/packages/components/tooltip/TooltipLite.tsx
+++ b/packages/components/tooltip/TooltipLite.tsx
@@ -40,7 +40,7 @@ const TooltipLite: React.FC<TooltipLiteProps> = (originalProps) => {
     if (triggerRef.current && contentRef.current) {
       setPosition(getPosition(triggerRef.current, contentRef.current, placement, clientX, clientY));
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [triggerRef.current, contentRef.current, placement, hover, clientX, clientY]);
 
   const updatePosition = (position: Pick<MouseEvent, 'clientX' | 'clientY'>) => {
@@ -49,7 +49,7 @@ const TooltipLite: React.FC<TooltipLiteProps> = (originalProps) => {
     setHoverClientY(clientY);
   };
 
-  const onSwitchHover = (action: String, e: MouseEvent) => {
+  const onSwitchHover = (action: string, e: MouseEvent) => {
     const { clientX, clientY } = e;
     updatePosition({ clientX, clientY });
     hoverAction.set(action === 'on');
@@ -57,7 +57,7 @@ const TooltipLite: React.FC<TooltipLiteProps> = (originalProps) => {
 
   const showTipArrow = showArrow && placement !== 'mouse';
 
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+  // eslint-disable-next-line @eslint-react/exhaustive-deps
   const onSwitchMove = useCallback(
     throttle((e) => updatePosition(e), 16.7, { trailing: true }),
     [],
diff --git a/packages/components/transfer/TransferList.tsx b/packages/components/transfer/TransferList.tsx
index 4f82b1b889..c0112548ce 100644
--- a/packages/components/transfer/TransferList.tsx
+++ b/packages/components/transfer/TransferList.tsx
@@ -17,14 +17,15 @@ import type { PaginationProps } from '../pagination';
 import type { TdTransferProps, TransferListType, TransferValue } from './type';
 
 interface TransferListProps
-  extends Pick<TdTransferProps, 'data' | 'search' | 'checked' | 'transferItem' | 'tree'>,
-    StyledProps {
+  extends Pick<TdTransferProps, 'data' | 'search' | 'checked' | 'transferItem' | 'tree'>, StyledProps {
   disabled?: boolean;
   empty?: TNode | string;
   title?: TNode;
   footer?: TNode;
-  content?: TNode | TNode<{ data: Object }>;
-  pagination?: Pick<PaginationProps, 'pageSize'> & { onPageChange?: (current: number) => void };
+  content?: TNode | TNode<{ data: object }>;
+  pagination?: Pick<PaginationProps, 'pageSize'> & {
+    onPageChange?: (current: number) => void;
+  };
   onCheckbox?: (checked: Array<TransferValue>) => void;
   onSearch?: (value: string) => void;
   showCheckAll?: boolean;
@@ -66,7 +67,7 @@ const TransferList: React.FunctionComponent<TransferListProps> = (props) => {
   const { SearchIcon } = useGlobalIcon({
     SearchIcon: TdSearchIcon,
   });
-  const CLASSPREFIX = `${classPrefix}-transfer__list`;
+  const listClass = `${classPrefix}-transfer__list`;
   const [local, t] = useLocaleReceiver('transfer');
 
   const handleCheckbox = (vals: Array<TransferValue>) => {
@@ -77,10 +78,10 @@ const TransferList: React.FunctionComponent<TransferListProps> = (props) => {
     if (isFunction(onCheckbox)) onCheckbox(checked ? notDisabledData.map((item) => item.value) : []);
   };
 
-  const HeaderCmp = () => {
+  const renderHeader = () => {
     const total = treeNode ? getLeafNodes(data).length : data.length;
     return (
-      <div className={`${CLASSPREFIX}-header`}>
+      <div className={`${listClass}-header`}>
         <div>
           {showCheckAll ? (
             <Checkbox
@@ -97,7 +98,7 @@ const TransferList: React.FunctionComponent<TransferListProps> = (props) => {
     );
   };
 
-  const SearchCmp = () =>
+  const renderSearch = () =>
     search ? (
       <div className={`${classPrefix}-transfer__search-wrapper`}>
         <Input placeholder={local.placeholder} suffixIcon={<SearchIcon></SearchIcon>} onChange={onSearch}></Input>
@@ -113,7 +114,7 @@ const TransferList: React.FunctionComponent<TransferListProps> = (props) => {
     return data;
   }, [currentPage, data, pagination]);
 
-  const EmptyCmp = () =>
+  const renderEmpty = () =>
     isString(empty) ? (
       <div className={`${classPrefix}-transfer__empty`}>
         <span>{empty || '暂无数据'}</span>
@@ -124,7 +125,11 @@ const TransferList: React.FunctionComponent<TransferListProps> = (props) => {
 
   const contentCmp = () => {
     if (typeof treeNode === 'function') {
-      return treeNode({ data: viewData, value: checked, onChange: handleCheckbox });
+      return treeNode({
+        data: viewData,
+        value: checked,
+        onChange: handleCheckbox,
+      });
     }
     if (typeof content === 'function') {
       return content({ data: viewData });
@@ -132,27 +137,33 @@ const TransferList: React.FunctionComponent<TransferListProps> = (props) => {
     return (
       <Checkbox.Group value={checked} onChange={handleCheckbox} disabled={disabled}>
         {viewData.map((item, index) => (
-          <Checkbox key={item.value} value={item.value} disabled={item.disabled} className={`${CLASSPREFIX}-item`}>
+          <Checkbox key={item.value} value={item.value} disabled={item.disabled} className={`${listClass}-item`}>
             <span>
-              {transferItem ? parseContentTNode(transferItem, { data: item, index, type: listType }) : item.label}
+              {transferItem
+                ? parseContentTNode(transferItem, {
+                    data: item,
+                    index,
+                    type: listType,
+                  })
+                : item.label}
             </span>
           </Checkbox>
         ))}
       </Checkbox.Group>
     );
   };
-  const BodyCmp = () => (
+  const renderBody = () => (
     <div
-      className={classnames(`${CLASSPREFIX}-body`, {
-        [`${CLASSPREFIX}--with-search`]: search,
+      className={classnames(`${listClass}-body`, {
+        [`${listClass}--with-search`]: search,
       })}
     >
-      {SearchCmp()}
-      <div className={`${CLASSPREFIX}-content narrow-scrollbar`}>{viewData.length ? contentCmp() : EmptyCmp()}</div>
+      {renderSearch()}
+      <div className={`${listClass}-content narrow-scrollbar`}>{viewData.length ? contentCmp() : renderEmpty()}</div>
     </div>
   );
 
-  const PaginationCmp = () => {
+  const renderPagination = () => {
     const handleCurrentPagination = (current: number) => {
       setCurrentPage(current);
       if (isFunction(pagination.onPageChange)) {
@@ -161,7 +172,7 @@ const TransferList: React.FunctionComponent<TransferListProps> = (props) => {
     };
 
     return pagination ? (
-      <div className={`${CLASSPREFIX}-pagination`}>
+      <div className={`${listClass}-pagination`}>
         <Pagination
           size="small"
           theme="simple"
@@ -178,10 +189,10 @@ const TransferList: React.FunctionComponent<TransferListProps> = (props) => {
   const footerCmp = () => (!isEmpty(footer) ? <div className={`${classPrefix}-transfer__footer`}>{footer}</div> : null);
 
   return (
-    <div style={style} className={classnames(CLASSPREFIX, className)}>
-      {HeaderCmp()}
-      {BodyCmp()}
-      {PaginationCmp()}
+    <div style={style} className={classnames(listClass, className)}>
+      {renderHeader()}
+      {renderBody()}
+      {renderPagination()}
       {footerCmp()}
     </div>
   );
diff --git a/packages/components/transfer/__tests__/transfer.test.tsx b/packages/components/transfer/__tests__/transfer.test.tsx
index 0bf929781d..83fe78082a 100644
--- a/packages/components/transfer/__tests__/transfer.test.tsx
+++ b/packages/components/transfer/__tests__/transfer.test.tsx
@@ -6,6 +6,9 @@ import Transfer from '../index';
 
 import type { DataOption, TransferValue } from '../index';
 
+const TreeNode = (props) => <Tree {...props} checkable expandAll={true} />;
+const TransferItem = ({ data }: { data?: DataOption }) => <div>{data.label}</div>;
+
 describe('Transfer 测试', () => {
   test('Transfer default加入测试', async () => {
     const InputPlaceholder = '请输入关键词搜索';
@@ -47,7 +50,9 @@ describe('Transfer 测试', () => {
     const transContainerR = await waitFor(() => document.querySelector('.t-transfer__list-target'));
     expect(transContainerR).toHaveTextContent('点击test2');
     // 测试搜索框
-    fireEvent.change(queryAllByPlaceholderText(InputPlaceholder)[0], { target: { value: InputValue } });
+    fireEvent.change(queryAllByPlaceholderText(InputPlaceholder)[0], {
+      target: { value: InputValue },
+    });
     const transContainerSL = await waitFor(() => document.querySelector('.t-transfer__list-source'));
     expect(transContainerSL).not.toHaveTextContent('点击test1');
   });
@@ -79,26 +84,25 @@ describe('Transfer 测试', () => {
   });
 
   test('Transfer tree进入测试', async () => {
-    const TestComponent2 = () => {
-      const list = [
-        {
-          value: '2',
-          label: '2',
-          children: [
-            {
-              value: 'test2.1',
-              label: 'test2.1',
-            },
-            {
-              value: '2.2',
-              label: '2.2',
-            },
-          ],
-        },
-      ];
-      const TreeNode = (props) => <Tree {...props} checkable expandAll={true} />;
-      return <Transfer data={list} operation={['加入', '移除']} checked={['2']} tree={TreeNode}></Transfer>;
-    };
+    const treeList = [
+      {
+        value: '2',
+        label: '2',
+        children: [
+          {
+            value: 'test2.1',
+            label: 'test2.1',
+          },
+          {
+            value: '2.2',
+            label: '2.2',
+          },
+        ],
+      },
+    ];
+    const TestComponent2 = () => (
+      <Transfer data={treeList} operation={['加入', '移除']} checked={['2']} tree={TreeNode}></Transfer>
+    );
     const { getByText } = render(<TestComponent2 />);
     // expect(document.querySelector('.t-transfer__list-source')).toHaveTextContent('test2.1');
 
@@ -134,8 +138,6 @@ describe('Transfer 测试', () => {
       },
     ];
 
-    const TransferItem = ({ data }: { data?: DataOption }) => <div>{data.label}</div>;
-
     function TestComponent() {
       const [value, setValue] = useState<TransferValue[]>(['1']);
       return <Transfer data={list} value={value} onChange={(v) => setValue(v)} transferItem={<TransferItem />} />;
@@ -158,8 +160,6 @@ describe('Transfer 测试', () => {
       },
     ];
 
-    const TransferItem = ({ data }: { data?: DataOption }) => <div>{data.label}</div>;
-
     function TestComponent() {
       const [value, setValue] = useState<TransferValue[]>(['1']);
       return <Transfer data={list} value={value} onChange={(v) => setValue(v)} transferItem={TransferItem} />;
diff --git a/packages/components/transfer/_example/custom.tsx b/packages/components/transfer/_example/custom.tsx
index b6c13f3d3a..97367d8b1a 100644
--- a/packages/components/transfer/_example/custom.tsx
+++ b/packages/components/transfer/_example/custom.tsx
@@ -21,20 +21,15 @@ export default function BaseExample() {
   return (
     <Transfer
       data={list}
-      title={[
-        '来源',
-        <>
-          <div>目标</div>
-        </>,
-      ]}
+      title={['来源', <div key="target">目标</div>]}
       operation={['加入', '移除']}
       footer={[
-        <>
-          <div style={customStyle}>选中并加入</div>
-        </>,
-        <>
-          <div style={customStyle}>选中并移除</div>
-        </>,
+        <div key="source-footer" style={customStyle}>
+          选中并加入
+        </div>,
+        <div key="target-footer" style={customStyle}>
+          选中并加入
+        </div>,
       ]}
     ></Transfer>
   );
diff --git a/packages/components/tree-select/TreeSelect.tsx b/packages/components/tree-select/TreeSelect.tsx
index 562377e2ed..6082142d7c 100644
--- a/packages/components/tree-select/TreeSelect.tsx
+++ b/packages/components/tree-select/TreeSelect.tsx
@@ -26,8 +26,7 @@ import type { TreeInstanceFunctions, TreeProps } from '../tree';
 import type { TdTreeSelectProps, TreeSelectValue } from './type';
 
 export interface TreeSelectProps<DataOption extends TreeOptionData = TreeOptionData>
-  extends TdTreeSelectProps<DataOption>,
-    StyledProps {}
+  extends TdTreeSelectProps<DataOption>, StyledProps {}
 
 export interface NodeOptions {
   label: string;
@@ -145,7 +144,7 @@ const TreeSelect = forwardRef<TreeSelectRefType, TreeSelectProps>((originalProps
       return result;
     }, []);
     // data 发生变更时，normalizedValue 也需要更新
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [normalizeValue, value, data]);
 
   const internalInputValue = useMemo(() => {
@@ -210,7 +209,10 @@ const TreeSelect = forwardRef<TreeSelectRefType, TreeSelectProps>((originalProps
       });
     }
     // 单选选择后收起弹框
-    setPopupVisible(false, { ...context, trigger: 'trigger-element-click' });
+    setPopupVisible(false, {
+      ...context,
+      trigger: 'trigger-element-click',
+    });
   });
 
   const handleMultiChange = usePersistFn<TreeProps['onChange']>((value, context) => {
@@ -284,7 +286,11 @@ const TreeSelect = forwardRef<TreeSelectRefType, TreeSelectProps>((originalProps
 
   const handleEnter = usePersistFn<SelectInputProps['onEnter']>((_, ctx) => {
     onSearch?.(ctx.inputValue, { e: ctx.e });
-    onEnter?.({ inputValue: ctx.inputValue, e: ctx.e, value: getTreeSelectEventValue() });
+    onEnter?.({
+      inputValue: ctx.inputValue,
+      e: ctx.e,
+      value: getTreeSelectEventValue(),
+    });
   });
 
   const handleFilterChange = usePersistFn<SelectInputProps['onInputChange']>((value, ctx) => {
@@ -343,7 +349,12 @@ const TreeSelect = forwardRef<TreeSelectRefType, TreeSelectProps>((originalProps
       panel={renderTree()}
       allowInput={filterable}
       inputProps={{ ...inputProps, size }}
-      tagInputProps={{ size, excessTagsDisplayType: 'break-line', inputProps, tagProps: props.tagProps }}
+      tagInputProps={{
+        size,
+        excessTagsDisplayType: 'break-line',
+        inputProps,
+        tagProps: props.tagProps,
+      }}
       placeholder={inputPlaceholder}
       popupVisible={popupVisible && !disabled}
       onInputChange={handleFilterChange}
diff --git a/packages/components/tree-select/__tests__/mount.jsx b/packages/components/tree-select/__tests__/mount.jsx
index 28e1d0c199..919ab5f650 100644
--- a/packages/components/tree-select/__tests__/mount.jsx
+++ b/packages/components/tree-select/__tests__/mount.jsx
@@ -18,25 +18,11 @@ const OPTIONS = [
 ];
 
 export function getTreeSelectDefaultMount(TreeSelect, props, events) {
-  return render(
-    <TreeSelect
-      data={OPTIONS}
-      {...props}
-      {...events}
-    ></TreeSelect>
-  );
+  return render(<TreeSelect data={OPTIONS} {...props} {...events}></TreeSelect>);
 }
 
 // single select
 export function getTreeSelectMultipleMount(TreeSelect, props, events) {
   const value = [1, 2, 3, '4', '5'];
-  return render(
-    <TreeSelect
-      value={value}
-      data={OPTIONS}
-      multiple={true}
-      {...props}
-      {...events}
-    ></TreeSelect>
-  );
+  return render(<TreeSelect value={value} data={OPTIONS} multiple={true} {...props} {...events}></TreeSelect>);
 }
diff --git a/packages/components/tree-select/__tests__/vitest-tree-select.test.jsx b/packages/components/tree-select/__tests__/vitest-tree-select.test.jsx
index ae5d317782..4e69e03ca8 100644
--- a/packages/components/tree-select/__tests__/vitest-tree-select.test.jsx
+++ b/packages/components/tree-select/__tests__/vitest-tree-select.test.jsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 /**
  * 该文件由脚本自动生成，如需修改请联系 PMC
  * This file generated by scripts of tdesign-api. `npm run api:docs TreeSelect React(PC) vitest,finalProject`
@@ -7,13 +6,14 @@
 import React from 'react';
 import {
   fireEvent,
-  vi,
-  render,
   mockDelay,
-  simulateInputChange,
+  render,
   simulateDocumentMouseEvent,
+  simulateInputChange,
   simulateInputEnter,
+  vi,
 } from '@test/utils';
+
 import { TreeSelect } from '..';
 import { getTreeSelectDefaultMount, getTreeSelectMultipleMount } from './mount';
 
@@ -164,7 +164,6 @@ describe('TreeSelect Component', () => {
 
   it('props.filter: priority of onSearch is higher than props.filter, props.filter is forbidden to work in this scene', async () => {
     const { container } = getTreeSelectMultipleMount(TreeSelect, {
-      // eslint-disable-next-line @typescript-eslint/no-empty-function
       onSearch: () => {},
       filter: (filterWord, option) => !filterWord || option.label === filterWord,
     });
diff --git a/packages/components/tree/Tree.tsx b/packages/components/tree/Tree.tsx
index 928cb4ab91..f047919db9 100644
--- a/packages/components/tree/Tree.tsx
+++ b/packages/components/tree/Tree.tsx
@@ -89,7 +89,10 @@ const Tree = forwardRef<TreeInstanceFunctions<TreeOptionData>, TreeProps>((origi
     (
       node: TreeNode,
       isExpanded: boolean,
-      ctx: { e?: MouseEvent<HTMLDivElement>; trigger: 'node-click' | 'icon-click' | 'setItem' },
+      ctx: {
+        e?: MouseEvent<HTMLDivElement>;
+        trigger: 'node-click' | 'icon-click' | 'setItem';
+      },
     ) => {
       const { e, trigger } = ctx;
       const expanded = node.setExpanded(isExpanded);
@@ -104,7 +107,10 @@ const Tree = forwardRef<TreeInstanceFunctions<TreeOptionData>, TreeProps>((origi
     (
       node: TreeNode,
       isIndeterminate: boolean,
-      ctx: { e?: MouseEvent<HTMLDivElement>; trigger: 'node-click' | 'icon-click' | 'setItem' },
+      ctx: {
+        e?: MouseEvent<HTMLDivElement>;
+        trigger: 'node-click' | 'icon-click' | 'setItem';
+      },
     ) => {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       const { e, trigger } = ctx;
@@ -133,7 +139,10 @@ const Tree = forwardRef<TreeInstanceFunctions<TreeOptionData>, TreeProps>((origi
     (
       node: TreeNode,
       isActived: boolean,
-      ctx: { e?: MouseEvent<HTMLDivElement>; trigger: 'node-click' | 'setItem' },
+      ctx: {
+        e?: MouseEvent<HTMLDivElement>;
+        trigger: 'node-click' | 'setItem';
+      },
     ) => {
       const actived = node.setActived(isActived);
       const treeNodeModel = node?.getModel();
@@ -174,7 +183,11 @@ const Tree = forwardRef<TreeInstanceFunctions<TreeOptionData>, TreeProps>((origi
     if (!node || disabled || node.disabled) return;
     const checked = node.toggleChecked();
     const treeNodeModel = node?.getModel();
-    onChange?.(checked, { node: treeNodeModel, ...ctx, trigger: 'node-click' });
+    onChange?.(checked, {
+      node: treeNodeModel,
+      ...ctx,
+      trigger: 'node-click',
+    });
   };
 
   const handleScrollToElement = useCallback(
@@ -268,7 +281,9 @@ const Tree = forwardRef<TreeInstanceFunctions<TreeOptionData>, TreeProps>((origi
           if ('indeterminate' in options) {
             // @ts-ignore
             setTreeIndeterminate((prevIndeterminate: TreeNodeValue[]) => [...prevIndeterminate, value]);
-            setIndeterminate(node, spec.indeterminate, { trigger: 'setItem' });
+            setIndeterminate(node, spec.indeterminate, {
+              trigger: 'setItem',
+            });
             delete spec.indeterminate;
           }
           node.set(spec);
@@ -284,7 +299,7 @@ const Tree = forwardRef<TreeInstanceFunctions<TreeOptionData>, TreeProps>((origi
   // 因为 CSSTransition 是个数组，与 visibleNodes 对应，所以这里根据 visibleNodes 的长度创建 ref 用来保存 dom
   // visibleNodes 改变的时候，释放上一个 nodeList，防止内存泄漏
   const nodeList = useMemo<RefObject<HTMLDivElement>[]>(
-    () => visibleNodes.map(() => React.createRef()),
+    () => visibleNodes.map(() => ({ current: null })),
     [visibleNodes],
   );
 
diff --git a/packages/components/tree/TreeItem.tsx b/packages/components/tree/TreeItem.tsx
index f115906697..db1aba648a 100644
--- a/packages/components/tree/TreeItem.tsx
+++ b/packages/components/tree/TreeItem.tsx
@@ -207,6 +207,7 @@ const TreeItem = forwardRef(
     useRipple(labelDom);
 
     // setData需要强制刷新组件来更新数据
+    // eslint-disable-next-line @eslint-react/use-state
     const [, updateRender] = useState({});
 
     const renderLabel = () => {
@@ -311,7 +312,7 @@ const TreeItem = forwardRef(
       try {
         // ie throw error firefox-need-it
         evt.dataTransfer?.setData('text/plain', '');
-      } catch (e) {
+      } catch (_) {
         // empty
       }
     };
diff --git a/packages/components/tree/__tests__/vitest-tree.test.jsx b/packages/components/tree/__tests__/vitest-tree.test.jsx
index cf7ebfb2ac..10a6686b03 100644
--- a/packages/components/tree/__tests__/vitest-tree.test.jsx
+++ b/packages/components/tree/__tests__/vitest-tree.test.jsx
@@ -5,7 +5,8 @@
  * If you need to modify this file, contact PMC first please.
  */
 import React from 'react';
-import { fireEvent, vi, mockDelay } from '@test/utils';
+import { fireEvent, mockDelay, vi } from '@test/utils';
+
 import { Tree } from '..';
 import { getTreeDefaultMount } from './mount';
 
diff --git a/packages/components/tree/hooks/useStore.ts b/packages/components/tree/hooks/useStore.ts
index ec1ce367ca..00cb57e8ed 100644
--- a/packages/components/tree/hooks/useStore.ts
+++ b/packages/components/tree/hooks/useStore.ts
@@ -50,7 +50,7 @@ export function useStore(
   useEffect(() => {
     if (!allowFoldNodeOnFilter) return;
     toggleFilterChanged(JSON.stringify(preFilter) !== JSON.stringify(filter));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [filter, allowFoldNodeOnFilter]);
 
   // 在 update 之后检查，如果之前 filter 有变更，则检查路径节点是否需要展开
diff --git a/packages/components/tree/hooks/useTreeVirtualScroll.ts b/packages/components/tree/hooks/useTreeVirtualScroll.ts
index 1489c3c97e..68ac91b805 100644
--- a/packages/components/tree/hooks/useTreeVirtualScroll.ts
+++ b/packages/components/tree/hooks/useTreeVirtualScroll.ts
@@ -35,7 +35,7 @@ export default function useTreeVirtualScroll({
         rowHeight: scroll?.rowHeight || 34,
         bufferSize: scroll?.bufferSize || 20,
         threshold: scrollThreshold,
-      } as const),
+      }) as const,
     [scroll, scrollThreshold],
   );
 
@@ -62,7 +62,6 @@ export default function useTreeVirtualScroll({
     const top = target.scrollTop;
     if (lastScrollY !== top) {
       handleVirtualScroll();
-      // eslint-disable-next-line react-hooks/exhaustive-deps
     } else {
       lastScrollY = -1;
     }
diff --git a/packages/components/tree/interface.ts b/packages/components/tree/interface.ts
index e4cd775d30..50a91729fe 100644
--- a/packages/components/tree/interface.ts
+++ b/packages/components/tree/interface.ts
@@ -9,21 +9,20 @@ export interface TypeEventState extends TypeTreeEventState {
   path?: TreeNode[];
 }
 
-export interface TreeItemProps
-  extends Pick<
-    TreeProps,
-    | 'empty'
-    | 'activable'
-    | 'icon'
-    | 'label'
-    | 'line'
-    | 'transition'
-    | 'expandOnClickNode'
-    | 'activable'
-    | 'operations'
-    | 'checkProps'
-    | 'disableCheck'
-  > {
+export interface TreeItemProps extends Pick<
+  TreeProps,
+  | 'empty'
+  | 'activable'
+  | 'icon'
+  | 'label'
+  | 'line'
+  | 'transition'
+  | 'expandOnClickNode'
+  | 'activable'
+  | 'operations'
+  | 'checkProps'
+  | 'disableCheck'
+> {
   /**
    * 树节点数据对象
    */
@@ -34,7 +33,12 @@ export interface TreeItemProps
    */
   onClick?: (
     node: TreeNode,
-    options: { e: MouseEvent<HTMLDivElement>; expand: boolean; active: boolean; trigger: 'node-click' | 'icon-click' },
+    options: {
+      e: MouseEvent<HTMLDivElement>;
+      expand: boolean;
+      active: boolean;
+      trigger: 'node-click' | 'icon-click';
+    },
   ) => void;
 
   /**
diff --git a/packages/components/typography/ellipsis/Truncate.tsx b/packages/components/typography/ellipsis/Truncate.tsx
index ab26cc1488..4dbf2c08f4 100644
--- a/packages/components/typography/ellipsis/Truncate.tsx
+++ b/packages/components/typography/ellipsis/Truncate.tsx
@@ -67,11 +67,9 @@ export default class Truncate extends React.Component<TruncateProps, TruncateSta
 
   constructor(props: TruncateProps) {
     super(props);
-
     this.elements = {};
     this.replacedLinks = [];
     this.calculatedEllipsisWidth = false;
-    this.canvasContext;
   }
 
   componentDidMount() {
@@ -130,7 +128,6 @@ export default class Truncate extends React.Component<TruncateProps, TruncateSta
       item.key = `[${'@'.repeat(item[2].length - 1)}=${i + 1}]`;
       this.replacedLinks.push(item);
 
-      // eslint-disable-next-line no-param-reassign
       content = content.replace(item[0], item.key);
     });
 
@@ -139,7 +136,6 @@ export default class Truncate extends React.Component<TruncateProps, TruncateSta
 
   restoreReplacedLinks = (content: string) => {
     this.replacedLinks.forEach((item) => {
-      // eslint-disable-next-line no-param-reassign
       content = content.replace(item.key, item[0]);
     });
 
diff --git a/packages/components/typography/ellipsis/useEllipsis.tsx b/packages/components/typography/ellipsis/useEllipsis.tsx
index 6a5202c396..216be0080e 100644
--- a/packages/components/typography/ellipsis/useEllipsis.tsx
+++ b/packages/components/typography/ellipsis/useEllipsis.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable no-nested-ternary */
 import React, { useState } from 'react';
 import { isFunction } from 'lodash-es';
 
@@ -31,10 +30,10 @@ export default function useEllipsis(ellipsis: boolean | TypographyEllipsis) {
               typeof ellipsis?.suffix === 'function'
                 ? ellipsis?.suffix({ expanded })
                 : expanded
-                ? collapseText
-                : ellipsis?.expandable
-                ? `${expandText}`
-                : '...',
+                  ? collapseText
+                  : ellipsis?.expandable
+                    ? `${expandText}`
+                    : '...',
             collapsible: ellipsis?.collapsible ?? false,
           };
   }
diff --git a/packages/components/upload/__tests__/request/index.js b/packages/components/upload/__tests__/request/index.js
index 5f1e87c016..d1ad7774fe 100644
--- a/packages/components/upload/__tests__/request/index.js
+++ b/packages/components/upload/__tests__/request/index.js
@@ -1,37 +1,48 @@
-import { setupServer } from 'msw/node';
 import { rest } from 'msw';
+import { setupServer } from 'msw/node';
 
 export function getUploadServer() {
-  return setupServer(...[
-    // mock file upload success
-    rest.post('https://tdesign.test.com/upload/file_success', (req, res, ctx) => {
-      return res(ctx.status(200), ctx.json({
-        ret: 0,
-        data: {
-          name: 'tdesign.min.js',
-          url: 'https://tdesign.gtimg.com/site/spline/script/tdesign.min.js'
-        }
-      }))
-    }),
-    // mock image upload success
-    rest.post('https://tdesign.test.com/upload/image_success', (req, res, ctx) => {
-      return res(ctx.status(200), ctx.json({
-        code: 200,
-        name: 'demo-image-1.png',
-        url: 'https://tdesign.gtimg.com/demo/demo-image-1.png'
-      }))
-    }),
-    // mock upload failed on status
-    rest.post('https://tdesign.test.com/upload/fail/status_error', (req, res, ctx) => {
-      return res(ctx.status(500), ctx.json({}))
-    }),
-    // mock upload failed in response
-    rest.post('https://tdesign.test.com/upload/fail/response_error', (req, res, ctx) => {
-      return res(ctx.status(200), ctx.json({
-        code: 1001,
-        name: 'file-name.txt',
-        error: 'upload failed'
-      }))
-    }),
-  ])
+  return setupServer(
+    ...[
+      // mock file upload success
+      rest.post('https://tdesign.test.com/upload/file_success', (req, res, ctx) => {
+        return res(
+          ctx.status(200),
+          ctx.json({
+            ret: 0,
+            data: {
+              name: 'tdesign.min.js',
+              url: 'https://tdesign.gtimg.com/site/spline/script/tdesign.min.js',
+            },
+          }),
+        );
+      }),
+      // mock image upload success
+      rest.post('https://tdesign.test.com/upload/image_success', (req, res, ctx) => {
+        return res(
+          ctx.status(200),
+          ctx.json({
+            code: 200,
+            name: 'demo-image-1.png',
+            url: 'https://tdesign.gtimg.com/demo/demo-image-1.png',
+          }),
+        );
+      }),
+      // mock upload failed on status
+      rest.post('https://tdesign.test.com/upload/fail/status_error', (req, res, ctx) => {
+        return res(ctx.status(500), ctx.json({}));
+      }),
+      // mock upload failed in response
+      rest.post('https://tdesign.test.com/upload/fail/response_error', (req, res, ctx) => {
+        return res(
+          ctx.status(200),
+          ctx.json({
+            code: 1001,
+            name: 'file-name.txt',
+            error: 'upload failed',
+          }),
+        );
+      }),
+    ],
+  );
 }
diff --git a/packages/components/upload/__tests__/vitest-upload.test.jsx b/packages/components/upload/__tests__/vitest-upload.test.jsx
index c1ab14f9cf..df37da3e8b 100644
--- a/packages/components/upload/__tests__/vitest-upload.test.jsx
+++ b/packages/components/upload/__tests__/vitest-upload.test.jsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 /**
  * 该文件由脚本自动生成，如需修改请联系 PMC
  * This file generated by scripts of tdesign-api. `npm run api:docs Upload React(PC) vitest,finalProject`
@@ -7,13 +6,14 @@
 import React from 'react';
 import {
   fireEvent,
-  vi,
-  render,
-  mockDelay,
-  simulateFileChange,
   getFakeFileList,
+  mockDelay,
+  render,
   simulateDragFileChange,
+  simulateFileChange,
+  vi,
 } from '@test/utils';
+
 import { Upload } from '..';
 import { getUploadServer } from './request';
 
diff --git a/packages/components/upload/_example/base.tsx b/packages/components/upload/_example/base.tsx
index e60a12a69e..3b60695244 100644
--- a/packages/components/upload/_example/base.tsx
+++ b/packages/components/upload/_example/base.tsx
@@ -93,7 +93,6 @@ export default function UploadExample() {
   };
 
   // 仅自定义文件列表所需
-  // eslint-disable-next-line
   const outsideRemove = (index: number) => {
     const tmpFiles = [...files3];
     tmpFiles.splice(index, 1);
@@ -127,7 +126,11 @@ export default function UploadExample() {
   };
 
   // 用于格式化接口响应值，error 会被用于上传失败的提示文字；url 表示文件/图片地址
-  const formatResponse: UploadProps['formatResponse'] = (res) => ({ ...res, error: '上传失败，请重试', url: res?.url });
+  const formatResponse: UploadProps['formatResponse'] = (res) => ({
+    ...res,
+    error: '上传失败，请重试',
+    url: res?.url,
+  });
 
   /** 单个文件校验方法，示例代码有效，勿删 */
   // const beforeUpload = (file) => {
diff --git a/packages/components/upload/_example/img-flow-list.tsx b/packages/components/upload/_example/img-flow-list.tsx
index 3f65e00c06..a6c9636092 100644
--- a/packages/components/upload/_example/img-flow-list.tsx
+++ b/packages/components/upload/_example/img-flow-list.tsx
@@ -19,8 +19,16 @@ export default function TUploadImageFlow() {
   const [showImageFileName, setShowImageFileName] = useState(true);
   const [showUploadButton, setShowUploadButton] = useState(true);
   const [files, setFiles] = useState([
-    { url: 'https://tdesign.gtimg.com/demo/demo-image-1.png', status: 'success', name: 'demo-image-1.png' },
-    { url: 'https://tdesign.gtimg.com/site/avatar.jpg', status: 'success', name: 'avatar.jpg' },
+    {
+      url: 'https://tdesign.gtimg.com/demo/demo-image-1.png',
+      status: 'success',
+      name: 'demo-image-1.png',
+    },
+    {
+      url: 'https://tdesign.gtimg.com/site/avatar.jpg',
+      status: 'success',
+      name: 'avatar.jpg',
+    },
   ]);
   // eslint-disable-next-line
   const [files2, setFiles2] = useState([]);
@@ -50,7 +58,6 @@ export default function TUploadImageFlow() {
   ];
 
   // 示例代码：自定义上传方法，一个请求上传一个文件
-  // eslint-disable-next-line
   const requestMethod1 = () => {
     return new Promise<RequestMethodReturn>((resolve) => {
       resolve(FILE_EXAMPLE);
@@ -61,8 +68,16 @@ export default function TUploadImageFlow() {
   // eslint-disable-next-line
   const requestMethod2 = () => {
     const files = [
-      { name: files2[0].name, status: 'success', url: 'https://tdesign.gtimg.com/site/avatar.jpg' },
-      { name: files2[1].name, status: 'success', url: 'https://avatars.githubusercontent.com/u/11605702?v=4' },
+      {
+        name: files2[0].name,
+        status: 'success',
+        url: 'https://tdesign.gtimg.com/site/avatar.jpg',
+      },
+      {
+        name: files2[1].name,
+        status: 'success',
+        url: 'https://avatars.githubusercontent.com/u/11605702?v=4',
+      },
     ];
     return new Promise((resolve) => {
       resolve({
diff --git a/packages/components/upload/hooks/useUpload.ts b/packages/components/upload/hooks/useUpload.ts
index d689d80454..bbdc17e56b 100644
--- a/packages/components/upload/hooks/useUpload.ts
+++ b/packages/components/upload/hooks/useUpload.ts
@@ -33,6 +33,8 @@ export default function useUpload(props: TdUploadProps) {
   const xhrReq = useRef<{ files: UploadFile[]; xhrReq: XMLHttpRequest }[]>([]);
   const [toUploadFiles, setToUploadFiles] = useState<UploadFile[]>([]);
   const [sizeOverLimitMessage, setSizeOverLimitMessage] = useState('');
+
+  // eslint-disable-next-line @eslint-react/use-state
   const [update, forceUpdate] = useState({});
 
   const locale = useMemo(() => merge({}, globalLocale, props.locale), [globalLocale, props.locale]);
@@ -163,7 +165,9 @@ export default function useUpload(props: TdUploadProps) {
   const onFileChange = (files: File[]) => {
     if (disabled) return;
     // @ts-ignore
-    props.onSelectChange?.([...files], { currentSelectedFiles: formatToUploadFile([...files], props.format) });
+    props.onSelectChange?.([...files], {
+      currentSelectedFiles: formatToUploadFile([...files], props.format),
+    });
     validateFile({
       uploadValue,
       // @ts-ignore
@@ -179,17 +183,26 @@ export default function useUpload(props: TdUploadProps) {
     }).then((args) => {
       // 自定义全文件校验不通过
       if (args.validateResult?.type === 'BEFORE_ALL_FILES_UPLOAD') {
-        props.onValidate?.({ type: 'BEFORE_ALL_FILES_UPLOAD', files: args.files });
+        props.onValidate?.({
+          type: 'BEFORE_ALL_FILES_UPLOAD',
+          files: args.files,
+        });
         return;
       }
       // 文件数量校验不通过
       if (args.lengthOverLimit) {
-        props.onValidate?.({ type: 'FILES_OVER_LENGTH_LIMIT', files: args.files });
+        props.onValidate?.({
+          type: 'FILES_OVER_LENGTH_LIMIT',
+          files: args.files,
+        });
         if (!args.files.length) return;
       }
       // 过滤相同的文件名
       if (args.hasSameNameFile) {
-        props.onValidate?.({ type: 'FILTER_FILE_SAME_NAME', files: args.files });
+        props.onValidate?.({
+          type: 'FILTER_FILE_SAME_NAME',
+          files: args.files,
+        });
       }
       // 文件大小校验结果处理（已过滤超出限制的文件）
       if (args.fileValidateList instanceof Array) {
@@ -198,16 +211,25 @@ export default function useUpload(props: TdUploadProps) {
           getSizeLimitError,
         );
         const tmpWaitingFiles = autoUpload ? toFiles : toUploadFiles.concat(toFiles);
-        props.onWaitingUploadFilesChange?.({ files: tmpWaitingFiles, trigger: 'validate' });
+        props.onWaitingUploadFilesChange?.({
+          files: tmpWaitingFiles,
+          trigger: 'validate',
+        });
         // 文件大小处理
         if (sizeLimitErrors[0]) {
           setSizeOverLimitMessage(sizeLimitErrors[0].file.response.error);
-          props.onValidate?.({ type: 'FILE_OVER_SIZE_LIMIT', files: sizeLimitErrors.map((t) => t.file) });
+          props.onValidate?.({
+            type: 'FILE_OVER_SIZE_LIMIT',
+            files: sizeLimitErrors.map((t) => t.file),
+          });
         } else {
           setSizeOverLimitMessage('');
           // 自定义方法 beforeUpload 拦截的文件
           if (beforeUploadErrorFiles.length) {
-            props.onValidate?.({ type: 'CUSTOM_BEFORE_UPLOAD', files: beforeUploadErrorFiles });
+            props.onValidate?.({
+              type: 'CUSTOM_BEFORE_UPLOAD',
+              files: beforeUploadErrorFiles,
+            });
           }
         }
         // 如果是自动上传
@@ -321,7 +343,10 @@ export default function useUpload(props: TdUploadProps) {
 
           if (autoUpload) {
             setToUploadFiles(failedFiles);
-            props.onWaitingUploadFilesChange?.({ files: failedFiles, trigger: 'uploaded' });
+            props.onWaitingUploadFilesChange?.({
+              files: failedFiles,
+              trigger: 'uploaded',
+            });
           }
         });
       })
@@ -356,7 +381,10 @@ export default function useUpload(props: TdUploadProps) {
       tmpFiles.splice(p.index - uploadValue.length, 1);
       // toUploadFiles.current = [...tmpFiles];
       setToUploadFiles([...tmpFiles]);
-      props.onWaitingUploadFilesChange?.({ files: [...tmpFiles], trigger: 'remove' });
+      props.onWaitingUploadFilesChange?.({
+        files: [...tmpFiles],
+        trigger: 'remove',
+      });
     }
     props.onRemove?.(p);
   }
@@ -403,7 +431,7 @@ export default function useUpload(props: TdUploadProps) {
       setToUploadFiles([]);
       props.onWaitingUploadFilesChange?.({ files: [], trigger: 'remove' });
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [uploadValue]);
 
   return {
diff --git a/packages/components/watermark/Watermark.tsx b/packages/components/watermark/Watermark.tsx
index 15834f5126..a67777fe12 100644
--- a/packages/components/watermark/Watermark.tsx
+++ b/packages/components/watermark/Watermark.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable no-nested-ternary */
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import injectStyle from '@tdesign/common-js/utils/injectStyle';
diff --git a/packages/pro-components/chat/_util/useDynamicStyle.ts b/packages/pro-components/chat/_util/useDynamicStyle.ts
index b76ecfc77e..6b4ca488ae 100644
--- a/packages/pro-components/chat/_util/useDynamicStyle.ts
+++ b/packages/pro-components/chat/_util/useDynamicStyle.ts
@@ -36,10 +36,10 @@ export const useDynamicStyle = (elementRef: MutableRefObject<HTMLElement | null>
     return () => {
       document.head.removeChild(styleElement);
       if (currentElement) {
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+        // eslint-disable-next-line @eslint-react/exhaustive-deps
         currentElement.classList.remove(styleId.current);
       }
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [cssVariables]);
 };
diff --git a/packages/pro-components/chat/chat-engine/_example/agui-basic.tsx b/packages/pro-components/chat/chat-engine/_example/agui-basic.tsx
index 0babb0964f..70c2a4f847 100644
--- a/packages/pro-components/chat/chat-engine/_example/agui-basic.tsx
+++ b/packages/pro-components/chat/chat-engine/_example/agui-basic.tsx
@@ -64,7 +64,7 @@ export default function AguiBasicExample() {
     };
 
     loadHistoryMessages();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, []);
 
   const handleSend = async (e: CustomEvent<TdChatSenderParams>) => {
diff --git a/packages/pro-components/chat/chat-engine/_example/agui-videoclip.tsx b/packages/pro-components/chat/chat-engine/_example/agui-videoclip.tsx
index 8da259acee..b024295bdf 100644
--- a/packages/pro-components/chat/chat-engine/_example/agui-videoclip.tsx
+++ b/packages/pro-components/chat/chat-engine/_example/agui-videoclip.tsx
@@ -43,10 +43,26 @@ const { StepItem } = Steps;
 
 // 状态映射
 const statusMap: Record<string, any> = {
-  pending: { theme: 'default', status: 'default', icon: <TimeFilledIcon className="status-icon pending" /> },
-  running: { theme: 'primary', status: 'process', icon: <LoadingIcon className="status-icon running" /> },
-  completed: { theme: 'success', status: 'finish', icon: <CheckCircleFilledIcon className="status-icon success" /> },
-  failed: { theme: 'danger', status: 'error', icon: <CloseCircleFilledIcon className="status-icon failed" /> },
+  pending: {
+    theme: 'default',
+    status: 'default',
+    icon: <TimeFilledIcon className="status-icon pending" />,
+  },
+  running: {
+    theme: 'primary',
+    status: 'process',
+    icon: <LoadingIcon className="status-icon running" />,
+  },
+  completed: {
+    theme: 'success',
+    status: 'finish',
+    icon: <CheckCircleFilledIcon className="status-icon success" />,
+  },
+  failed: {
+    theme: 'danger',
+    status: 'error',
+    icon: <CloseCircleFilledIcon className="status-icon failed" />,
+  },
 };
 
 // 自定义Hook：状态跟踪
@@ -254,7 +270,7 @@ export const VideoClipSteps: React.FC<VideoClipStepsProps> = ({ boundStateKey })
   const [isManualSelection, setIsManualSelection] = useState<boolean>(false);
 
   // 可点击的状态
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+  // eslint-disable-next-line @eslint-react/exhaustive-deps
   const canClickState = ['completed', 'running'];
 
   // 提取当前组件关心的状态数据
@@ -495,6 +511,7 @@ export default function VideoClipAgentChatWithSubscription() {
 
   const { chatEngine, messages, status } = useChat({
     defaultMessages: [],
+    // @ts-ignore
     chatServiceConfig: createChatServiceConfig(),
   });
 
@@ -540,6 +557,7 @@ export default function VideoClipAgentChatWithSubscription() {
   const handleToolCallRespond = async <T extends object = any>(toolcall: ToolCall, response: T) => {
     try {
       // 构造新的请求参数
+      // @ts-ignore
       const tools = chatEngine.getToolcallByName(toolcall.toolCallName) || {};
       const newRequestParams: ChatRequestParams = {
         prompt: inputValue,
@@ -570,6 +588,7 @@ export default function VideoClipAgentChatWithSubscription() {
       // 使用统一的 ToolCallRenderer 处理所有工具调用
       return (
         <div slot={`${type}-${index}`} key={`toolcall-${index}`} className="content-card">
+          {/* @ts-ignore */}
           <ToolCallRenderer toolCall={data} onRespond={handleToolCallRespond} />
         </div>
       );
@@ -595,7 +614,7 @@ export default function VideoClipAgentChatWithSubscription() {
         isLast &&
         message.status !== 'stop' && (
           <div slot="actionbar">
-            <ChatLoading animation="dot"></ChatLoading>
+            <ChatLoading animation="dots"></ChatLoading>
           </div>
         )
       )}
@@ -628,6 +647,7 @@ export default function VideoClipAgentChatWithSubscription() {
     <div className="videoclip-agent-container">
       <div className="chat-content">
         {/* 聊天区域 */}
+        {/* @ts-ignore */}
         <ChatList ref={listRef} style={{ width: '100%', height: '400px' }}>
           {messages.map((message, idx) => (
             <ChatMessage key={message.id} {...messageProps[message.role]} message={message as any}>
diff --git a/packages/pro-components/chat/chat-engine/hooks/useAgentToolcall.ts b/packages/pro-components/chat/chat-engine/hooks/useAgentToolcall.ts
index 790fb1a82d..1a7b09625e 100644
--- a/packages/pro-components/chat/chat-engine/hooks/useAgentToolcall.ts
+++ b/packages/pro-components/chat/chat-engine/hooks/useAgentToolcall.ts
@@ -92,7 +92,7 @@ export function useAgentToolcall<TArgs extends object = any, TResult = any, TRes
     return () => {
       configs.forEach((cfg) => {
         agentToolcallRegistry.unregister(cfg.name);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+        // eslint-disable-next-line @eslint-react/exhaustive-deps
         autoRegisteredNamesRef.current.delete(cfg.name);
       });
     };
@@ -118,5 +118,9 @@ export interface ToolConfigWithStateOptions<TArgs extends object = any, TResult
   description: string;
   parameters: Array<{ name: string; type: string }>;
   subscribeKey?: (props: ToolcallComponentProps<TArgs, TResult>) => string | undefined;
-  component: React.ComponentType<ToolcallComponentProps<TArgs, TResult> & { agentState?: Record<string, any> }>;
+  component: React.ComponentType<
+    ToolcallComponentProps<TArgs, TResult> & {
+      agentState?: Record<string, any>;
+    }
+  >;
 }
diff --git a/packages/pro-components/chat/chat-engine/hooks/useChat.ts b/packages/pro-components/chat/chat-engine/hooks/useChat.ts
index e8344bdc39..b02460ee83 100644
--- a/packages/pro-components/chat/chat-engine/hooks/useChat.ts
+++ b/packages/pro-components/chat/chat-engine/hooks/useChat.ts
@@ -43,7 +43,7 @@ export const useChat = ({ defaultMessages: initialMessages, chatServiceConfig }:
   useEffect(() => {
     initChat();
     return () => msgSubscribeRef.current?.();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, []);
 
   // 监听 defaultMessages 变化
diff --git a/packages/pro-components/chat/chatbot/_example/basic.tsx b/packages/pro-components/chat/chatbot/_example/basic.tsx
index 0d6fce85d4..214ae3a02c 100644
--- a/packages/pro-components/chat/chatbot/_example/basic.tsx
+++ b/packages/pro-components/chat/chatbot/_example/basic.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 import React, { useEffect, useRef, useState } from 'react';
 import { InternetIcon } from 'tdesign-icons-react';
 import { Button, Space } from 'tdesign-react';
@@ -43,12 +42,15 @@ const mockData: ChatMessagesData[] = [
   },
 ];
 
-export default function chatSample() {
+export default function ChatSample() {
   const chatRef = useRef<HTMLElement & TdChatbotApi>(null);
   const [activeR1, setR1Active] = useState(false);
   const [activeSearch, setSearchActive] = useState(false);
   const [ready, setReady] = useState(false);
-  const reqParamsRef = useRef<{ think: boolean; search: boolean }>({ think: false, search: false });
+  const reqParamsRef = useRef<{ think: boolean; search: boolean }>({
+    think: false,
+    search: false,
+  });
 
   // 消息属性配置
   const messageProps = (msg: ChatMessagesData): TdChatMessageConfigItem => {
diff --git a/packages/pro-components/chat/chatbot/_example/code.tsx b/packages/pro-components/chat/chatbot/_example/code.tsx
index 1484000dd6..eddcbdc20f 100644
--- a/packages/pro-components/chat/chatbot/_example/code.tsx
+++ b/packages/pro-components/chat/chatbot/_example/code.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 import React, { useRef } from 'react';
 import { Card, DialogPlugin, Space } from 'tdesign-react';
 import { ChatBot } from '@tdesign-react/chat';
@@ -91,7 +90,7 @@ const PreviewCard = ({ header, desc, loading, code }) => {
   );
 };
 
-export default function chatSample() {
+export default function ChatSample() {
   const chatRef = useRef<HTMLElement & TdChatbotApi>(null);
   const [mockMessage, setMockMessage] = React.useState<ChatMessagesData[]>(mockData);
 
@@ -119,6 +118,7 @@ export default function chatSample() {
             breaks: true,
             typographer: true,
           },
+          // @ts-ignore
           pluginConfig: [
             // 按需加载，开启插件
             {
diff --git a/packages/pro-components/chat/chatbot/_example/comprehensive.tsx b/packages/pro-components/chat/chatbot/_example/comprehensive.tsx
index 8deae48260..0a3193b765 100644
--- a/packages/pro-components/chat/chatbot/_example/comprehensive.tsx
+++ b/packages/pro-components/chat/chatbot/_example/comprehensive.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 import React, { useEffect, useRef, useState } from 'react';
 import { SystemSumIcon } from 'tdesign-icons-react';
 import { Button, Select, Space } from 'tdesign-react';
@@ -57,11 +56,14 @@ const selectOptions = [
   },
 ];
 
-export default function chatSample() {
+export default function ChatSample() {
   const chatRef = useRef<HTMLElement & TdChatbotApi>(null);
   const [activeSearch, setSearchActive] = useState(false);
   const [ready, setReady] = useState(false);
-  const reqParamsRef = useRef<{ think: boolean; search: boolean }>({ think: false, search: false });
+  const reqParamsRef = useRef<{ think: boolean; search: boolean }>({
+    think: false,
+    search: false,
+  });
 
   // 消息属性配置
   const messageProps = (msg: ChatMessagesData): TdChatMessageConfigItem => {
diff --git a/packages/pro-components/chat/chatbot/_example/docs.tsx b/packages/pro-components/chat/chatbot/_example/docs.tsx
index dfba531c1c..4c7bca18dd 100644
--- a/packages/pro-components/chat/chatbot/_example/docs.tsx
+++ b/packages/pro-components/chat/chatbot/_example/docs.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 import React, { useRef, useState } from 'react';
 import { ChatBot } from '@tdesign-react/chat';
 
@@ -28,7 +27,7 @@ const mockData: ChatMessagesData[] = [
   },
 ];
 
-export default function chatSample() {
+export default function ChatSample() {
   const chatRef = useRef<HTMLElement & TdChatbotApi>(null);
   const [files, setFiles] = useState<TdAttachmentItem[]>([]);
 
diff --git a/packages/pro-components/chat/chatbot/_example/image.tsx b/packages/pro-components/chat/chatbot/_example/image.tsx
index e50ec71f37..983af615f1 100644
--- a/packages/pro-components/chat/chatbot/_example/image.tsx
+++ b/packages/pro-components/chat/chatbot/_example/image.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 import React, { useEffect, useRef, useState } from 'react';
 import { BrowseIcon, Filter3Icon, ImageAddIcon, Transform1Icon } from 'tdesign-icons-react';
 import { Button, Dropdown, Image, ImageViewer, Skeleton, Space } from 'tdesign-react';
@@ -94,7 +93,7 @@ const BasicImageViewer = ({ images }) => {
                 alignItems: 'center',
                 justifyContent: 'center',
               }}
-              onClick={open}
+              onClick={() => open()}
             >
               <span>
                 <BrowseIcon size="16px" name={'browse'} /> 预览
@@ -127,11 +126,14 @@ const BasicImageViewer = ({ images }) => {
   );
 };
 
-export default function chatSample() {
+export default function ChatSample() {
   const chatRef = useRef<HTMLElement & TdChatbotApi>(null);
   const [ratio, setRatio] = useState(0);
   const [style, setStyle] = useState('');
-  const reqParamsRef = useRef<{ ratio: number; style: string; file?: string }>({ ratio: 0, style: '' });
+  const reqParamsRef = useRef<{ ratio: number; style: string; file?: string }>({
+    ratio: 0,
+    style: '',
+  });
   const [files, setFiles] = useState<TdAttachmentItem[]>([]);
   const [mockMessage, setMockMessage] = React.useState<ChatMessagesData[]>(mockData);
 
diff --git a/packages/pro-components/chat/chatbot/_example/nostream.tsx b/packages/pro-components/chat/chatbot/_example/nostream.tsx
index 8c1d42a6bf..df2da5231e 100644
--- a/packages/pro-components/chat/chatbot/_example/nostream.tsx
+++ b/packages/pro-components/chat/chatbot/_example/nostream.tsx
@@ -1,15 +1,17 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable react-hooks/rules-of-hooks */
 import React, { useEffect, useRef, useState } from 'react';
 import { ChatBot } from '@tdesign-react/chat';
 
 import type { ChatRequestParams, ChatServiceConfig, TdChatbotApi } from '@tdesign-react/chat';
 
-export default function chatSample() {
+export default function ChatSample() {
   const chatRef = useRef<HTMLElement & TdChatbotApi>(null);
   const [activeR1, setR1Active] = useState(false);
   const [activeSearch, setSearchActive] = useState(false);
-  const reqParamsRef = useRef<{ think: boolean; search: boolean }>({ think: false, search: false });
+  const reqParamsRef = useRef<{ think: boolean; search: boolean }>({
+    think: false,
+    search: false,
+  });
 
   // 聊天服务配置
   const chatServiceConfig: ChatServiceConfig = {
diff --git a/packages/tdesign-react-aigc/site/plugin-tdoc/index.js b/packages/tdesign-react-aigc/site/plugin-tdoc/index.js
index 23740e9eb8..38dd613750 100644
--- a/packages/tdesign-react-aigc/site/plugin-tdoc/index.js
+++ b/packages/tdesign-react-aigc/site/plugin-tdoc/index.js
@@ -1,25 +1,26 @@
 import vitePluginTdoc from 'vite-plugin-tdoc';
 
-import transforms from './transforms';
 import renderDemo from './demo';
+import transforms from './transforms';
 
-export default () => vitePluginTdoc({
-  transforms, // 解析 markdown 数据
-  markdown: {
-    anchor: {
-      tabIndex: false,
-      config: (anchor) => ({
-        permalink: anchor.permalink.linkInsideHeader({ symbol: '' }),
-      }),
-    },
-    toc: {
-      listClass: 'tdesign-toc_list',
-      itemClass: 'tdesign-toc_list_item',
-      linkClass: 'tdesign-toc_list_item_a',
-      containerClass: 'tdesign-toc_container',
-    },
-    container(md, container) {
-      renderDemo(md, container);
+export default () =>
+  vitePluginTdoc({
+    transforms, // 解析 markdown 数据
+    markdown: {
+      anchor: {
+        tabIndex: false,
+        config: (anchor) => ({
+          permalink: anchor.permalink.linkInsideHeader({ symbol: '' }),
+        }),
+      },
+      toc: {
+        listClass: 'tdesign-toc_list',
+        itemClass: 'tdesign-toc_list_item',
+        linkClass: 'tdesign-toc_list_item_a',
+        containerClass: 'tdesign-toc_container',
+      },
+      container(md, container) {
+        renderDemo(md, container);
+      },
     },
-  },
-});
+  });
diff --git a/packages/tdesign-react-aigc/site/public/sw.js b/packages/tdesign-react-aigc/site/public/sw.js
index 67150b319c..1ddee17055 100644
--- a/packages/tdesign-react-aigc/site/public/sw.js
+++ b/packages/tdesign-react-aigc/site/public/sw.js
@@ -1,8 +1,7 @@
-import { precacheAndRoute } from 'workbox-precaching'
+import { precacheAndRoute } from 'workbox-precaching';
 
-precacheAndRoute(self.__WB_MANIFEST)
+precacheAndRoute(self.__WB_MANIFEST);
 
 self.addEventListener('message', (event) => {
-  if (event.data && event.data.type === 'SKIP_WAITING')
-    self.skipWaiting()
+  if (event.data && event.data.type === 'SKIP_WAITING') self.skipWaiting();
 });
diff --git a/packages/tdesign-react-aigc/site/src/App.jsx b/packages/tdesign-react-aigc/site/src/App.jsx
index 8a8dae9f4f..7266d4a71c 100644
--- a/packages/tdesign-react-aigc/site/src/App.jsx
+++ b/packages/tdesign-react-aigc/site/src/App.jsx
@@ -1,5 +1,5 @@
-import React, { useEffect, useRef, lazy, Suspense } from 'react';
-import { BrowserRouter, Routes, Navigate, Route, useLocation, useNavigate, Outlet } from 'react-router-dom';
+import { lazy, Suspense, useEffect, useRef } from 'react';
+import { BrowserRouter, Navigate, Outlet, Route, Routes, useLocation, useNavigate } from 'react-router-dom';
 import Loading from '@tdesign/components/loading';
 
 import * as siteConfig from '../site.config';
@@ -60,7 +60,7 @@ function Components() {
 
     if (isDev) return;
 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, []);
 
   useEffect(() => {
diff --git a/packages/tdesign-react-aigc/site/src/components/BaseUsage.jsx b/packages/tdesign-react-aigc/site/src/components/BaseUsage.jsx
index 9c422ca7a9..68db601746 100644
--- a/packages/tdesign-react-aigc/site/src/components/BaseUsage.jsx
+++ b/packages/tdesign-react-aigc/site/src/components/BaseUsage.jsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState, useRef } from 'react';
+import { useEffect, useRef, useState } from 'react';
 
 export function useConfigChange(configList) {
   const defaultProps = configList.reduce((prev, curr) => {
diff --git a/packages/tdesign-react-aigc/site/src/components/Playground.jsx b/packages/tdesign-react-aigc/site/src/components/Playground.jsx
index 6c93d01816..7999123103 100644
--- a/packages/tdesign-react-aigc/site/src/components/Playground.jsx
+++ b/packages/tdesign-react-aigc/site/src/components/Playground.jsx
@@ -1,8 +1,9 @@
+import '@tdesign/components/style/index.js';
+
 import React from 'react';
-import { HashRouter, Routes, Navigate, Route, useLocation, Link } from 'react-router-dom';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
+import { HashRouter, Link, Navigate, Route, Routes, useLocation } from 'react-router-dom';
 import { Button } from '@tdesign/components';
-import '@tdesign/components/style/index.js';
 
 const demoFiles = import.meta.glob('../../../src/**/_example/*.jsx', { eager: true });
 const demoObject = {};
@@ -77,9 +78,8 @@ function App() {
   );
 }
 
-ReactDOM.render(
+createRoot(document.getElementById('app')).render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
-  document.getElementById('app'),
 );
diff --git a/packages/tdesign-react-aigc/site/src/components/stackblitz/index.jsx b/packages/tdesign-react-aigc/site/src/components/stackblitz/index.jsx
index 8cb9c331a4..e325220ae3 100644
--- a/packages/tdesign-react-aigc/site/src/components/stackblitz/index.jsx
+++ b/packages/tdesign-react-aigc/site/src/components/stackblitz/index.jsx
@@ -1,14 +1,14 @@
-import React, { useRef, useState } from 'react';
+import { useRef, useState } from 'react';
 import { Tooltip } from '@tdesign/components';
 
 import {
   htmlContent,
   mainJsContent,
+  packageJSONContent,
+  stackblitzRc,
   styleContent,
   tsconfigContent,
   viteConfigContent,
-  packageJSONContent,
-  stackblitzRc,
 } from './content';
 
 const TypeScriptType = 0;
diff --git a/packages/tdesign-react-aigc/site/src/main.jsx b/packages/tdesign-react-aigc/site/src/main.jsx
index 4091c5db1d..27d41ad7d1 100644
--- a/packages/tdesign-react-aigc/site/src/main.jsx
+++ b/packages/tdesign-react-aigc/site/src/main.jsx
@@ -1,17 +1,17 @@
+// import tdesign style;
+import '@tdesign/pro-components-chat/style/index.js';
+import '@tdesign/theme-generator';
+
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { registerLocaleChange } from '@tdesign/site-components';
-import App from './App';
 
-// import tdesign style;
-import '@tdesign/pro-components-chat/style/index.js';
-import '@tdesign/common-style/web/docs.less';
+import App from './App';
 
 import '@tdesign/site-components/lib/styles/style.css';
-import '@tdesign/site-components/lib/styles/prism-theme.less';
+import '@tdesign/common-style/web/docs.less';
 import '@tdesign/site-components/lib/styles/prism-theme-dark.less';
-
-import '@tdesign/theme-generator';
+import '@tdesign/site-components/lib/styles/prism-theme.less';
 
 const rootElement = document.getElementById('app');
 const root = createRoot(rootElement);
diff --git a/packages/tdesign-react-aigc/site/vite.config.js b/packages/tdesign-react-aigc/site/vite.config.js
index 2b593a03a0..95cb6e7ba9 100644
--- a/packages/tdesign-react-aigc/site/vite.config.js
+++ b/packages/tdesign-react-aigc/site/vite.config.js
@@ -1,12 +1,13 @@
 import path, { dirname } from 'path';
 import { fileURLToPath } from 'url';
+
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+
 import pkg from '../package.json';
 import tdocPlugin from './plugin-tdoc';
 import changelog2Json from './plugins/changelog-to-json';
 
-// eslint-disable-next-line no-underscore-dangle
 const __dirname = dirname(fileURLToPath(import.meta.url));
 
 const publicPathMap = {
diff --git a/packages/tdesign-react/site/plugins/plugin-tdoc/transforms.js b/packages/tdesign-react/site/plugins/plugin-tdoc/transforms.js
index 540e5bf51e..4a6974b953 100644
--- a/packages/tdesign-react/site/plugins/plugin-tdoc/transforms.js
+++ b/packages/tdesign-react/site/plugins/plugin-tdoc/transforms.js
@@ -1,11 +1,9 @@
-/* eslint-disable indent */
-/* eslint-disable no-param-reassign */
 import fs from 'fs';
 import path, { dirname } from 'path';
 import { fileURLToPath } from 'url';
+
 import mdToReact from './md-to-react';
 
-// eslint-disable-next-line no-underscore-dangle
 const __dirname = dirname(fileURLToPath(import.meta.url));
 
 let demoImports = {};
diff --git a/packages/tdesign-react/site/public/sw.js b/packages/tdesign-react/site/public/sw.js
index 67150b319c..1ddee17055 100644
--- a/packages/tdesign-react/site/public/sw.js
+++ b/packages/tdesign-react/site/public/sw.js
@@ -1,8 +1,7 @@
-import { precacheAndRoute } from 'workbox-precaching'
+import { precacheAndRoute } from 'workbox-precaching';
 
-precacheAndRoute(self.__WB_MANIFEST)
+precacheAndRoute(self.__WB_MANIFEST);
 
 self.addEventListener('message', (event) => {
-  if (event.data && event.data.type === 'SKIP_WAITING')
-    self.skipWaiting()
+  if (event.data && event.data.type === 'SKIP_WAITING') self.skipWaiting();
 });
diff --git a/packages/tdesign-react/site/src/App.jsx b/packages/tdesign-react/site/src/App.jsx
index 624416a349..2cd1c3f9a2 100644
--- a/packages/tdesign-react/site/src/App.jsx
+++ b/packages/tdesign-react/site/src/App.jsx
@@ -1,7 +1,6 @@
-import React, { lazy, Suspense, useEffect, useRef, useState } from 'react';
+import { lazy, Suspense, useEffect, useRef, useState } from 'react';
 import { BrowserRouter, Navigate, Outlet, Route, Routes, useLocation, useNavigate } from 'react-router-dom';
 import semver from 'semver';
-
 import ConfigProvider from '@tdesign/components/config-provider';
 import Loading from '@tdesign/components/loading';
 import enConfig from '@tdesign/components/locale/en_US';
@@ -10,9 +9,8 @@ import { getLang } from '@tdesign/site-components';
 
 import packageJson from '../../package.json';
 import * as siteConfig from '../site.config';
-import { filterVersions, getRoute } from './utils';
-
 import Demo from './components/Demo';
+import { filterVersions, getRoute } from './utils';
 
 const isDev = import.meta.env.DEV;
 const LazyDemo = isDev ? Demo : lazy(() => import('./components/Demo'));
@@ -128,7 +126,7 @@ function Components() {
     if (isDev) return;
 
     initHistoryVersions();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, []);
 
   useEffect(() => {
diff --git a/packages/tdesign-react/site/src/components/BaseUsage.jsx b/packages/tdesign-react/site/src/components/BaseUsage.jsx
index 9c422ca7a9..68db601746 100644
--- a/packages/tdesign-react/site/src/components/BaseUsage.jsx
+++ b/packages/tdesign-react/site/src/components/BaseUsage.jsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState, useRef } from 'react';
+import { useEffect, useRef, useState } from 'react';
 
 export function useConfigChange(configList) {
   const defaultProps = configList.reduce((prev, curr) => {
diff --git a/packages/tdesign-react/site/src/components/Demo.jsx b/packages/tdesign-react/site/src/components/Demo.jsx
index 59765b29f5..dcd2837a0e 100644
--- a/packages/tdesign-react/site/src/components/Demo.jsx
+++ b/packages/tdesign-react/site/src/components/Demo.jsx
@@ -1,7 +1,7 @@
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { Link, useLocation } from 'react-router-dom';
-
 import { Button } from '@tdesign/components';
+
 import DraggableButton from './DraggableButton';
 
 export const demoFiles = import.meta.glob('../../../../components/**/_example/*.tsx');
diff --git a/packages/tdesign-react/site/src/components/DraggableButton.jsx b/packages/tdesign-react/site/src/components/DraggableButton.jsx
index 330c31c71e..de696b5394 100644
--- a/packages/tdesign-react/site/src/components/DraggableButton.jsx
+++ b/packages/tdesign-react/site/src/components/DraggableButton.jsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { Button } from '@tdesign/components';
 
 const DraggableButton = ({ children, onClick }) => {
diff --git a/packages/tdesign-react/site/src/components/Playground.jsx b/packages/tdesign-react/site/src/components/Playground.jsx
index 6c93d01816..7999123103 100644
--- a/packages/tdesign-react/site/src/components/Playground.jsx
+++ b/packages/tdesign-react/site/src/components/Playground.jsx
@@ -1,8 +1,9 @@
+import '@tdesign/components/style/index.js';
+
 import React from 'react';
-import { HashRouter, Routes, Navigate, Route, useLocation, Link } from 'react-router-dom';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
+import { HashRouter, Link, Navigate, Route, Routes, useLocation } from 'react-router-dom';
 import { Button } from '@tdesign/components';
-import '@tdesign/components/style/index.js';
 
 const demoFiles = import.meta.glob('../../../src/**/_example/*.jsx', { eager: true });
 const demoObject = {};
@@ -77,9 +78,8 @@ function App() {
   );
 }
 
-ReactDOM.render(
+createRoot(document.getElementById('app')).render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
-  document.getElementById('app'),
 );
diff --git a/packages/tdesign-react/site/src/components/codesandbox/content.js b/packages/tdesign-react/site/src/components/codesandbox/content.js
index 64fc9cb042..e080985d7a 100644
--- a/packages/tdesign-react/site/src/components/codesandbox/content.js
+++ b/packages/tdesign-react/site/src/components/codesandbox/content.js
@@ -1,5 +1,5 @@
-import orgPkg from '../../../package.json';
 import tdesignReactPkg from '../../../../package.json';
+import orgPkg from '../../../package.json';
 
 export const htmlContent = '<div id="app" style="padding: 24px;"></div>';
 
diff --git a/packages/tdesign-react/site/src/components/codesandbox/index.jsx b/packages/tdesign-react/site/src/components/codesandbox/index.jsx
index 43938e80b6..3e6a464d43 100644
--- a/packages/tdesign-react/site/src/components/codesandbox/index.jsx
+++ b/packages/tdesign-react/site/src/components/codesandbox/index.jsx
@@ -1,7 +1,8 @@
-import React, { useState } from 'react';
-import { Tooltip, Loading } from '@tdesign/components';
+import { useState } from 'react';
+import { Loading, Tooltip } from '@tdesign/components';
+
+import { htmlContent, mainJsContent, pkgContent, styleContent, tsconfigContent } from './content';
 
-import { mainJsContent, htmlContent, pkgContent, styleContent, tsconfigContent } from './content';
 import '../../styles/Codesandbox.less';
 
 const TypeScriptType = 0;
diff --git a/packages/tdesign-react/site/src/components/newwindow/index.jsx b/packages/tdesign-react/site/src/components/newwindow/index.jsx
index aa9220a987..4c29f9bf17 100644
--- a/packages/tdesign-react/site/src/components/newwindow/index.jsx
+++ b/packages/tdesign-react/site/src/components/newwindow/index.jsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { Tooltip } from '@tdesign/components';
 
 const SPECIAL_PATH_MAP = {
diff --git a/packages/tdesign-react/site/src/components/stackblitz/content.js b/packages/tdesign-react/site/src/components/stackblitz/content.js
index 40689e12c5..895483d9a4 100644
--- a/packages/tdesign-react/site/src/components/stackblitz/content.js
+++ b/packages/tdesign-react/site/src/components/stackblitz/content.js
@@ -1,5 +1,5 @@
-import orgPkg from '../../../package.json';
 import tdesignReactPkg from '../../../../package.json';
+import orgPkg from '../../../package.json';
 
 export const htmlContent = `
   <!DOCTYPE html>
diff --git a/packages/tdesign-react/site/src/components/stackblitz/index.jsx b/packages/tdesign-react/site/src/components/stackblitz/index.jsx
index 356f56a5d2..9987831860 100644
--- a/packages/tdesign-react/site/src/components/stackblitz/index.jsx
+++ b/packages/tdesign-react/site/src/components/stackblitz/index.jsx
@@ -1,14 +1,14 @@
-import React, { useRef, useState } from 'react';
+import { useRef, useState } from 'react';
 import { Tooltip } from '@tdesign/components';
 
 import {
   htmlContent,
   mainJsContent,
+  packageJSONContent,
+  stackblitzRc,
   styleContent,
   tsconfigContent,
   viteConfigContent,
-  packageJSONContent,
-  stackblitzRc,
 } from './content';
 
 const TypeScriptType = 0;
diff --git a/packages/tdesign-react/site/src/pwa.js b/packages/tdesign-react/site/src/pwa.js
index 3c1442b732..9abf896189 100644
--- a/packages/tdesign-react/site/src/pwa.js
+++ b/packages/tdesign-react/site/src/pwa.js
@@ -1,6 +1,6 @@
 import { registerSW } from 'virtual:pwa-register';
 
-const updateSW = registerSW({
+registerSW({
   onNeedRefresh() {
     console.log('onNeedRefresh');
   },
diff --git a/packages/tdesign-react/site/vite.config.js b/packages/tdesign-react/site/vite.config.js
index 950fdb2c6a..5e26d77620 100644
--- a/packages/tdesign-react/site/vite.config.js
+++ b/packages/tdesign-react/site/vite.config.js
@@ -1,16 +1,15 @@
-import react from '@vitejs/plugin-react';
 import path, { dirname } from 'path';
 import { fileURLToPath } from 'url';
+
 import { defineConfig } from 'vite';
 import { VitePWA } from 'vite-plugin-pwa';
-import pkg from '../package.json';
-
-import pwaConfig from './pwaConfig';
+import react from '@vitejs/plugin-react';
 
+import pkg from '../package.json';
 import changelog2Json from './plugins/changelog-to-json';
 import tdocPlugin from './plugins/plugin-tdoc';
+import pwaConfig from './pwaConfig';
 
-// eslint-disable-next-line no-underscore-dangle
 const __dirname = dirname(fileURLToPath(import.meta.url));
 
 const publicPathMap = {
diff --git a/script/generate-usage/config.js b/script/generate-usage/config.js
index 7d3497798f..38206721fc 100644
--- a/script/generate-usage/config.js
+++ b/script/generate-usage/config.js
@@ -723,7 +723,7 @@ module.exports = {
             onConfigChange({ detail: { name: 'fullscreen', value: false } });
         }, 2000);
       }
-      // eslint-disable-next-line react-hooks/exhaustive-deps
+      // eslint-disable-next-line @eslint-react/exhaustive-deps
       }, [fullscreen]);
       
       useEffect(() => {
diff --git a/test/snap/ssr.test.jsx b/test/snap/ssr.test.jsx
index 9fb4f47782..a523647896 100644
--- a/test/snap/ssr.test.jsx
+++ b/test/snap/ssr.test.jsx
@@ -1,8 +1,7 @@
+import { renderToString } from 'react-dom/server';
 import glob from 'glob';
 import MockDate from 'mockdate';
 import { vi } from 'vitest';
-import React from 'react';
-import { renderToString } from 'react-dom/server';
 
 // 固定时间，当使用 new Date() 时，返回固定时间，防止“当前时间”的副作用影响，导致 snapshot 变更，mockdate 插件见 https://github.com/boblauer/MockDate
 MockDate.set('2020-12-28 00:00:00');
diff --git a/test/utils/events.js b/test/utils/events.js
index 1dd436fdf6..885f39132b 100644
--- a/test/utils/events.js
+++ b/test/utils/events.js
@@ -1,21 +1,21 @@
 export const EVENTS_MAP = {
-  'mousedown': 'mouseDown',
-  'mouseenter': 'mouseEnter',
-  'mouseleave': 'mouseLeave',
-  'mousemove': 'mouseMove',
-  'mouseout': 'mouseOut',
-  'mouseover': 'mouseOver',
-  'mouseup': 'mouseUp',
-  'keydown': 'keyDown',
-  'keypress': 'keyPress',
-  'keyup': 'keyUp',
-  'dragend': 'dragEnd',
-  'dragenter': 'dragEnter',
-  'dragexit': 'dragExit',
-  'dragleave': 'dragLeave',
-  'dragover': 'dragOver',
-  'dragstart': 'dragStart',
-  'compositionend': 'compositionEnd',
-  'compositionstart': 'compositionStart',
-  'compositionupdate': 'compositionUpdate',
+  mousedown: 'mouseDown',
+  mouseenter: 'mouseEnter',
+  mouseleave: 'mouseLeave',
+  mousemove: 'mouseMove',
+  mouseout: 'mouseOut',
+  mouseover: 'mouseOver',
+  mouseup: 'mouseUp',
+  keydown: 'keyDown',
+  keypress: 'keyPress',
+  keyup: 'keyUp',
+  dragend: 'dragEnd',
+  dragenter: 'dragEnter',
+  dragexit: 'dragExit',
+  dragleave: 'dragLeave',
+  dragover: 'dragOver',
+  dragstart: 'dragStart',
+  compositionend: 'compositionEnd',
+  compositionstart: 'compositionStart',
+  compositionupdate: 'compositionUpdate',
 };