chore: udpate lint, close #6896

Author: tangjinzhou

.eslintignore

@@ -7,4 +7,6 @@ es/
 lib/
 _site/
 dist/
+site/dist/
 components/version/version.tsx
+site/src/router/demoRoutes.js

.eslintrc.js

@@ -15,9 +15,20 @@ module.exports = {
     'plugin:vue/vue3-recommended',
     'plugin:import/recommended',
     'plugin:import/typescript',
-    'prettier',
+    '@vue/typescript/recommended',
+    '@vue/prettier',
+    // 'prettier',
   ],
+  // extends: [
+  //   'eslint:recommended',
+  //   'plugin:vue/vue3-recommended',
+  //   '@vue/typescript/recommended',
+  //   '@vue/prettier',
+  // ],
   plugins: ['markdown', 'jest', '@typescript-eslint', 'import'],
+  globals: {
+    defineProps: 'readonly',
+  },
   overrides: [
     {
       files: ['*.md'],
@@ -28,12 +39,11 @@ module.exports = {
     },
     {
       files: ['*.ts', '*.tsx'],
-      extends: ['@vue/typescript/recommended', '@vue/prettier', '@vue/prettier/@typescript-eslint'],
+      // extends: ['@vue/typescript/recommended', '@vue/prettier'],
       parserOptions: {
         project: './tsconfig.json',
       },
       rules: {
-        '@typescript-eslint/no-explicit-any': 0,
         '@typescript-eslint/ban-types': 0,
         '@typescript-eslint/consistent-type-imports': 'error',
         '@typescript-eslint/explicit-module-boundary-types': 0,
@@ -51,17 +61,21 @@ module.exports = {
       parser: 'vue-eslint-parser',
       parserOptions: {
         parser: '@typescript-eslint/parser',
+        ecmaVersion: 2021,
       },
       rules: {
         'no-console': 'off',
-        '@typescript-eslint/no-unused-vars': [
-          'error',
-          { vars: 'all', args: 'after-used', ignoreRestSiblings: true },
-        ],
+        'vue/no-reserved-component-names': 'off',
       },
     },
   ],
   rules: {
+    '@typescript-eslint/no-explicit-any': 0,
+    '@typescript-eslint/no-empty-function': 0,
+    '@typescript-eslint/no-unused-vars': [
+      'error',
+      { vars: 'all', args: 'after-used', ignoreRestSiblings: true, argsIgnorePattern: '^_' },
+    ],
     'import/no-named-as-default': 'off',
     'import/namespace': [2, { allowComputed: true }],
     'import/no-named-as-default-member': 'off',

components/_util/BaseMixin.js renamed to components/_util/BaseMixin.ts

@@ -3,7 +3,7 @@ import { getOptionProps } from './props-util';
 
 export default {
   methods: {
-    setState(state = {}, callback) {
+    setState(state = {}, callback: () => any) {
       let newState = typeof state === 'function' ? state(this.$data, this.$props) : state;
       if (this.getDerivedStateFromProps) {
         const s = this.getDerivedStateFromProps(getOptionProps(this), {
@@ -26,6 +26,7 @@ export default {
     },
     __emit() {
       // 直接调用事件，底层组件不需要vueTool记录events
+      // eslint-disable-next-line prefer-rest-params
       const args = [].slice.call(arguments, 0);
       let eventName = args[0];
       eventName = `on${eventName[0].toUpperCase()}${eventName.substring(1)}`;

components/_util/antInputDirective.js renamed to components/_util/antInputDirective.ts

@@ -1,8 +1,10 @@
-function onCompositionStart(e) {
+import type { Directive } from 'vue';
+
+function onCompositionStart(e: any) {
   e.target.composing = true;
 }
 
-function onCompositionEnd(e) {
+function onCompositionEnd(e: any) {
   // prevent triggering an input event for no reason
   if (!e.target.composing) return;
   e.target.composing = false;
@@ -15,10 +17,15 @@ function trigger(el, type) {
   el.dispatchEvent(e);
 }
 
-export function addEventListener(el, event, handler, options) {
+export function addEventListener(
+  el: HTMLElement,
+  event: string,
+  handler: EventListenerOrEventListenerObject,
+  options?: boolean | AddEventListenerOptions,
+) {
   el.addEventListener(event, handler, options);
 }
-const antInput = {
+const antInput: Directive = {
   created(el, binding) {
     if (!binding.modifiers || !binding.modifiers.lazy) {
       addEventListener(el, 'compositionstart', onCompositionStart);

components/_util/json2mq.js renamed to components/_util/json2mq.ts

@@ -3,20 +3,20 @@
  * https://github.com/akiran/json2mq.git
  */
 
-const camel2hyphen = function (str) {
+const camel2hyphen = function (str: string) {
   return str
     .replace(/[A-Z]/g, function (match) {
       return '-' + match.toLowerCase();
     })
     .toLowerCase();
 };
 
-const isDimension = function (feature) {
+const isDimension = function (feature: string) {
   const re = /[height|width]$/;
   return re.test(feature);
 };
 
-const obj2mq = function (obj) {
+const obj2mq = function (obj: { [x: string]: any }) {
   let mq = '';
   const features = Object.keys(obj);
   features.forEach(function (feature, index) {
@@ -40,7 +40,7 @@ const obj2mq = function (obj) {
   return mq;
 };
 
-export default function (query) {
+export default function (query: any[]) {
   let mq = '';
   if (typeof query === 'string') {
     return query;