import globals from 'globals';
import pluginJs from '@eslint/js';
import tseslint from 'typescript-eslint';
import pluginVue from 'eslint-plugin-vue';
import vueParser from 'vue-eslint-parser';
import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';

/** @type {import('eslint').Linter.Config[]} */
export default [
  {
    // ignores: ['**/node_modules', '**/dist', '*/*/types', '.gitignore', '.npmrc', '.DS_Store']
    ignores: ['**/*']
  },
  // {languageOptions: { globals: {...globals.browser, ...globals.node} }},
  /** js推荐配置 */
  pluginJs.configs.recommended,
  /** ts推荐配置 */
  ...tseslint.configs.recommended,
  /** vue推荐配置 */
  ...pluginVue.configs['flat/essential'],
  /** prettier 配置 */
  eslintPluginPrettierRecommended,

  /** javascript 规则 */
  {
    files: ['**/*.{js,mjs,cjs,ts,vue,jsx,tsx}'],
    rules: {
      // 对象结尾逗号
      'comma-dangle': 'off',
      // 关闭未定义变量
      'no-undef': 'off',
      // 确保 Prettier 的行为不会被 ESLint 覆盖
      quotes: ['error', 'single', { allowTemplateLiterals: true }],
      // 关闭对未定义变量的警告
      'no-undefined': 'off',
      //不使用的变量不报错
      'no-unused-vars': 'off',
      // 禁止使用不规范的空格
      'no-irregular-whitespace': 'off',
      // 函数括号前的空格
      'space-before-function-paren': 0,
      // 箭头函数的空格
      'arrow-spacing': [
        2,
        {
          before: true,
          after: true
        }
      ],
      // 代码块的空格
      'block-spacing': [2, 'always'],
      // 大括号风格
      'brace-style': [
        2,
        '1tbs',
        {
          allowSingleLine: true
        }
      ],
      // 对象属性换行
      'object-property-newline': 'off',
      // JSX 引号风格 <'prefer-double', 'prefer-single'>
      'jsx-quotes': [2, 'prefer-double'],
      // 对象键值对之间的空格
      'key-spacing': [
        2,
        {
          beforeColon: false,
          afterColon: true
        }
      ],
      // 关键字之间的空格
      'keyword-spacing': [
        2,
        {
          before: true,
          after: true
        }
      ],
      // 构造函数首字母大写
      'new-cap': [
        2,
        {
          newIsCap: true,
          capIsNew: false
        }
      ],
      // new 操作符使用时需要括号
      'new-parens': 2,
      // 禁止使用 Array 构造函数
      'no-array-constructor': 2,
      // 禁止调用 caller 和 callee
      'no-caller': 2,
      // 禁止重新分配类名
      'no-class-assign': 2,
      // 禁止条件中的赋值操作
      'no-cond-assign': 2,
      // 禁止 const 重新分配
      'no-const-assign': 2,
      // 正则表达式中的控制字符
      'no-control-regex': 0,
      // 禁止删除变量
      'no-delete-var': 2,
      // 禁止在函数参数中使用重复名称
      'no-dupe-args': 2,
      // 禁止在类中使用重复名称的成员
      'no-dupe-class-members': 2,
      // 禁止在对象字面量中使用重复的键
      'no-dupe-keys': 2,
      // 禁止重复的 case 标签
      'no-duplicate-case': 2,
      // 禁止空的字符类
      'no-empty-character-class': 2,
      // 禁止空的解构模式
      'no-empty-pattern': 2,
      // 禁止使用 eval
      'no-eval': 2,
      // 不允许出现空的代码块
      'no-empty': 2,
      // 禁止不必要的布尔转换
      'no-extra-boolean-cast': 2,
      // 禁止不必要的括号
      'no-extra-parens': [2, 'functions'],
      // 禁止 case 语句落空
      'no-fallthrough': 2,
      // 禁止在数字后面添加小数点
      'no-floating-decimal': 2,
      // 禁止对函数声明重新赋值
      'no-func-assign': 2,
      // 禁止出现歧义多行表达式
      'no-unexpected-multiline': 2,
      // 禁止不需要的转义
      'no-useless-escape': 0,
      // 数组的括号前后的间距
      'array-bracket-spacing': [2, 'never']
    }
  },
  /** vue 规则 */
  {
    files: ['**/*.vue'],
    languageOptions: {
      parser: vueParser,
      globals: { ...globals.browser, ...globals.node },
      parserOptions: {
        /** typescript项目需要用到这个 */
        parser: tseslint.parser,
        ecmaVersion: 'latest',
        /** 允许在.vue 文件中使用 JSX */
        ecmaFeatures: {
          jsx: true
        }
      }
    },
    rules: {
      'vue/component-definition-name-casing': 'off',
      'vue/singleline-html-element-content-newline': ['off'],
      'vue/no-mutating-props': [
        'error',
        {
          shallowOnly: true
        }
      ],
      // 要求组件名称始终为 “-” 链接的单词
      'vue/multi-word-component-names': 'off',
      // 关闭 index.html 文件报 clear 错误
      'vue/comment-directive': 'off',
      // 关闭对 defineProps 的有效性检查
      'vue/valid-define-props': 'off',
      // 允许在一个文件中定义多个组件
      'vue/one-component-per-file': 'off',
      // 关闭 Prop 类型要求的警告
      'vue/require-prop-types': 'off',
      // 关闭属性顺序要求
      'vue/attributes-order': 'off',
      // 关闭对默认 Prop 的要求
      'vue/require-default-prop': 'off',
      // 关闭连字符命名检验
      'vue/attribute-hyphenation': 'off',
      // 关闭自闭合标签的要求
      'vue/html-self-closing': 'off',
      // 禁止在关闭的括号前有换行
      'vue/html-closing-bracket-newline': 'off',
      // 允许使用 v-html 指令
      'vue/no-v-html': 'off'
    }
  },

  {
    /**
     * "off" 或 0    ==>  关闭规则
     * "warn" 或 1   ==>  打开的规则作为警告（不影响代码执行）
     * "error" 或 2  ==>  规则作为一个错误（代码不能执行，界面报错）
     */
    rules: {
      // eslint (http://eslint.cn/docs/rules)
      // 'no-var': 'error', // 要求使用 let 或 const 而不是 var
      // 'no-multiple-empty-lines': ['error', { max: 1 }], // 不允许多个空行
      // 'prefer-const': 'off', // 使用 let 关键字声明但在初始分配后从未重新分配的变量，要求使用 const
      // 'no-use-before-define': 'off', // 禁止在 函数/类/变量 定义之前使用它们

      // typeScript (https://typescript-eslint.io/rules)
      // '@typescript-eslint/no-unused-vars': 'error', // 禁止定义未使用的变量
      // '@typescript-eslint/prefer-ts-expect-error': 'error', // 禁止使用 @ts-ignore
      // '@typescript-eslint/ban-ts-comment': 'error', // 禁止 @ts-<directive> 使用注释或要求在指令后进行描述
      // '@typescript-eslint/no-inferrable-types': 'off', // 可以轻松推断的显式类型可能会增加不必要的冗长
      // '@typescript-eslint/no-namespace': 'off', // 禁止使用自定义 TypeScript 模块和命名空间
      '@typescript-eslint/no-explicit-any': 'off' // 禁止使用 any 类型
      // '@typescript-eslint/ban-types': 'off', // 禁止使用特定类型
      // '@typescript-eslint/no-var-requires': 'off', // 允许使用 require() 函数导入模块
      // '@typescript-eslint/no-empty-function': 'off', // 禁止空函数
      // '@typescript-eslint/no-non-null-assertion': 'off', // 不允许使用后缀运算符的非空断言(!)

      // vue (https://eslint.vuejs.org/rules)
      // 'vue/script-setup-uses-vars': 'error', // 防止<script setup>使用的变量<template>被标记为未使用，此规则仅在启用该no-unused-vars规则时有效
      // 'vue/v-slot-style': 'error', // 强制执行 v-slot 指令样式
      // 'vue/no-mutating-props': 'error', // 不允许改变组件 prop
      // 'vue/custom-event-name-casing': 'error', // 为自定义事件名称强制使用特定大小写
      // 'vue/html-closing-bracket-newline': 'error', // 在标签的右括号之前要求或禁止换行
      // 'vue/attribute-hyphenation': 'error', // 对模板中的自定义组件强制执行属性命名样式：my-prop="prop"
      // 'vue/attributes-order': 'off', // vue api使用顺序，强制执行属性顺序
      // 'vue/no-v-html': 'off', // 禁止使用 v-html
      // 'vue/require-default-prop': 'off', // 此规则要求为每个 prop 为必填时，必须提供默认值
      // 'vue/multi-word-component-names': 'off' // 要求组件名称始终为 “-” 链接的单词
      // 'vue/no-setup-props-destructure': 'off' // 禁止解构 props 传递给 setup
    }
  }
];