chore: fix lint

.eslintrc.js

@@ -1,9 +1,6 @@
-const base = require('@umijs/fabric/dist/eslint');
-
 module.exports = {
-  ...base,
+  extends: [require.resolve('@umijs/fabric/dist/eslint')],
   rules: {
-    ...base.rules,
     'default-case': 0,
     'react/sort-comp': 0,
     'react/no-array-index-key': 0,

examples/extra.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable jsx-a11y/label-has-for, jsx-a11y/label-has-associated-control */
 import React from 'react';
 import Tabs, { TabPane } from '../src';
 import '../assets/index.less';

examples/mix.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable jsx-a11y/label-has-for, jsx-a11y/label-has-associated-control */
 import React from 'react';
 import Tabs, { TabPane } from '../src';
 import '../assets/index.less';

examples/overflow.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable jsx-a11y/label-has-for, jsx-a11y/label-has-associated-control */
 import React from 'react';
 import Tabs, { TabPane } from '../src';
 import '../assets/index.less';

examples/position.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable jsx-a11y/label-has-for, jsx-a11y/label-has-associated-control */
 import React from 'react';
 import Tabs, { TabPane } from '../src';
 import '../assets/index.less';

package.json

@@ -45,7 +45,7 @@
     "@types/jest": "^25.2.3",
     "@types/react": "^16.9.35",
     "@types/react-dom": "^16.9.8",
-    "@umijs/fabric": "^2.0.4",
+    "@umijs/fabric": "^2.3.1",
     "coveralls": "^3.0.6",
     "cross-env": "^7.0.2",
     "enzyme": "^3.7.0",
@@ -68,7 +68,7 @@
     "react-sticky": "^6.0.3",
     "react-test-renderer": "^16.0.0",
     "sortablejs": "^1.7.0",
-    "typescript": "^3.9.2"
+    "typescript": "^4.0.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.11.2",

src/TabNavList/OperationNode.tsx

@@ -150,7 +150,7 @@ function OperationNode(
 
   const overlayClassName = classNames({
     [`${dropdownPrefix}-rtl`]: rtl
-  })
+  });
 
   const moreNode: React.ReactElement = mobile ? null : (
     <Dropdown

src/TabNavList/index.tsx

@@ -421,7 +421,6 @@ function TabNavList(props: TabNavListProps, ref: React.Ref<HTMLDivElement>) {
     pingBottom = -transformTop + wrapperHeight < wrapperScrollHeight;
   }
 
-  /* eslint-disable jsx-a11y/interactive-supports-focus */
   return (
     <div
       ref={ref}

tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "moduleResolution": "node",
+    "baseUrl": "./",
+    "jsx": "preserve",
+    "declaration": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "paths": {
+      "@/*": ["src/*"],
+      "@@/*": ["src/.umi/*"],
+      "rc-tabs": ["src/index.tsx"]
+    }
+  }
+}