chore: ts lint (#2857)

* chore: ts lint

* chore: ci workflows

Author: meet-student

.github/workflows/test.yml

@@ -3,6 +3,13 @@ name: Test CI
 on: [push, pull_request]
 
 jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+      - run: pnpm install
+      - run: pnpm run tsc
   test:
     runs-on: ubuntu-latest
 

package.json

@@ -30,7 +30,8 @@
     "pub:beta": "pnpm run build && pnpm -r --filter=./packages/* publish --tag beta",
     "preinstall": "npx only-allow pnpm",
     "prepare": "husky install",
-    "commit": "git add -A && czg"
+    "commit": "git add -A && czg",
+    "tsc": "pnpm --filter=./packages/* tsc"
   },
   "devDependencies": {
     "@alifd/next": "^1.27.32",

packages/hooks/package.json

@@ -24,7 +24,8 @@
   "scripts": {
     "build": "gulp && webpack-cli",
     "test": "vitest run --color",
-    "test:cov": "vitest run --color --coverage"
+    "test:cov": "vitest run --color --coverage",
+    "tsc": "tsc --noEmit"
   },
   "files": [
     "dist",

packages/hooks/src/index.spec.ts

@@ -3,8 +3,8 @@ import * as ahooks from '.';
 
 describe('ahooks', () => {
   test('exports modules should be defined', () => {
-    Object.keys(ahooks).forEach((module) => {
-      expect(ahooks[module]).toBeDefined();
+    Object.entries(ahooks).forEach(([key, value]) => {
+      expect(value).toBeDefined();
     });
   });
 });

packages/hooks/src/useAntdTable/__tests__/index.spec.ts

@@ -50,10 +50,10 @@ describe('useAntdTable', () => {
     resetFields() {
       this.fieldsValue = { ...this.initialValue };
     },
-    validateFields(fields) {
-      const targetFields = {};
-      fields.forEach((field) => {
-        targetFields[field] = this.fieldsValue[field];
+    validateFields(fields: any[]) {
+      const targetFields: Record<string | number, any> = {};
+      fields.forEach((field: string | number) => {
+        targetFields[field] = (this.fieldsValue as any)[field];
       });
       return Promise.resolve(targetFields);
     },
@@ -185,10 +185,10 @@ describe('useAntdTable', () => {
     const v3Form = {
       ...form,
       getInternalHooks: undefined,
-      validateFields: function (fields, callback) {
-        const targetFields = {};
-        fields.forEach((field) => {
-          targetFields[field] = this.fieldsValue[field];
+      validateFields: function (fields: any[], callback: (arg0: undefined, arg1: {}) => void) {
+        const targetFields: Record<string | number, any> = {};
+        fields.forEach((field: string | number) => {
+          targetFields[field] = (this.fieldsValue as any)[field];
         });
         callback(undefined, targetFields);
       },

packages/hooks/src/useAntdTable/demo/cache.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { Button, Col, Form, Input, Row, Table, Select } from 'antd';
 import { useAntdTable, clearCache } from 'ahooks';
 import ReactJson from 'react-json-view';
@@ -20,8 +20,20 @@ interface Result {
 }
 
 const getTableData = (
-  { current, pageSize, sorter, filters, extra },
-  formData: Object,
+  {
+    current,
+    pageSize,
+    sorter,
+    filters,
+    extra,
+  }: {
+    current: number;
+    pageSize: number;
+    sorter: any;
+    filters: any;
+    extra: any;
+  },
+  formData: Record<string, any>,
 ): Promise<Result> => {
   console.log(sorter, filters, extra);
   let query = `page=${current}&size=${pageSize}`;

packages/hooks/src/useAntdTable/demo/form.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Button, Col, Form, Input, Row, Table, Select } from 'antd';
 import { useAntdTable } from 'ahooks';
 import ReactJson from 'react-json-view';
@@ -19,7 +18,16 @@ interface Result {
   list: Item[];
 }
 
-const getTableData = ({ current, pageSize }, formData: Object): Promise<Result> => {
+const getTableData = (
+  {
+    current,
+    pageSize,
+  }: {
+    current: number;
+    pageSize: number;
+  },
+  formData: Object,
+): Promise<Result> => {
   let query = `page=${current}&size=${pageSize}`;
   Object.entries(formData).forEach(([key, value]) => {
     if (value) {

packages/hooks/src/useAntdTable/demo/init.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Button, Col, Form, Input, Row, Table, Select } from 'antd';
 import { useAntdTable } from 'ahooks';
 import ReactJson from 'react-json-view';
@@ -19,7 +18,16 @@ interface Result {
   list: Item[];
 }
 
-const getTableData = ({ current, pageSize }, formData: Object): Promise<Result> => {
+const getTableData = (
+  {
+    current,
+    pageSize,
+  }: {
+    current: number;
+    pageSize: number;
+  },
+  formData: Object,
+): Promise<Result> => {
   let query = `page=${current}&size=${pageSize}`;
   Object.entries(formData).forEach(([key, value]) => {
     if (value) {
@@ -38,7 +46,7 @@ const getTableData = ({ current, pageSize }, formData: Object): Promise<Result>
 export default () => {
   const [form] = Form.useForm();
 
-  const { loading, tableProps, search, params } = useAntdTable(getTableData, {
+  const { tableProps, search, params } = useAntdTable(getTableData, {
     form,
     defaultParams: [
       { current: 2, pageSize: 5 },

packages/hooks/src/useAntdTable/demo/ready.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { Button, Col, Form, Input, Row, Table, Select } from 'antd';
 import { useAntdTable } from 'ahooks';
 import ReactJson from 'react-json-view';
@@ -19,7 +19,16 @@ interface Result {
   list: Item[];
 }
 
-const getTableData = ({ current, pageSize }, formData: Object): Promise<Result> => {
+const getTableData = (
+  {
+    current,
+    pageSize,
+  }: {
+    current: number;
+    pageSize: number;
+  },
+  formData: Object,
+): Promise<Result> => {
   let query = `page=${current}&size=${pageSize}`;
   Object.entries(formData).forEach(([key, value]) => {
     if (value) {

packages/hooks/src/useAntdTable/demo/table.tsx

@@ -1,5 +1,4 @@
 import { Table } from 'antd';
-import React from 'react';
 import { useAntdTable } from 'ahooks';
 
 interface Item {
@@ -16,7 +15,13 @@ interface Result {
   list: Item[];
 }
 
-const getTableData = ({ current, pageSize }): Promise<Result> => {
+const getTableData = ({
+  current,
+  pageSize,
+}: {
+  current: number;
+  pageSize: number;
+}): Promise<Result> => {
   const query = `page=${current}&size=${pageSize}`;
 
   return fetch(`https://randomuser.me/api?results=55&${query}`)