fix/globalConfig/eslint (merge request !180)

Squash merge branch 'fix/globalConfig/eslint' into 'develop'

* feat: snap update
* feat: fix demo style and test update
* Merge branch 'develop' into fix/globalConfig/eslint
* feat: edit explicit-function-return-type in ts file
* feat: update eslint config

Author: PengYYYYY

.eslintignore

@@ -1,30 +1,12 @@
 snapshot*
-dist
-lib
-es
 node_modules
 src/_common
-static
-cypress
 script/test/cypress
-_site
 temp*
-static/
 
-site/*
-!site/v3.js
-src/addon
-src/calendar
-src/locale
-src/upload
-src/dropdown
-src/transfer
-src/time-picker
-src/utils
-src/textarea
-typings
-dist
+_site
+esm
 es
 lib
-types
-esm
+dist
+cjs

.eslintrc

@@ -2,22 +2,23 @@
   "extends": [
     "plugin:@typescript-eslint/recommended",
     "eslint-config-airbnb-base",
-    "plugin:vue/vue3-recommended"
+    "plugin:vue/vue3-recommended",
+    "plugin:prettier/recommended"
   ],
   "env": {
     "browser": true,
     "node": true,
     "jest": true,
     "es6": true
   },
-  "globals": {
-    "cy": "readonly",
-    "PKG_VERSION": true
-  },
   "plugins": [
     "vue",
     "@typescript-eslint"
   ],
+  "globals": {
+    "cy": "readonly",
+    "PKG_VERSION": true
+  },
   "parserOptions": {
     "parser": "@typescript-eslint/parser",
     "sourceType": "module",
@@ -35,92 +36,49 @@
     ]
   },
   "rules": {
-    "camelcase": 0,
-    "no-new": 1,
-    "new-cap": 0,
-    "no-underscore-dangle": 0,
-    "no-confusing-arrow": 0,
-    "func-style": 0,
+    // code style config
+    "no-continue": "off",
+    "no-console": "off",
+    "no-restricted-syntax": "off",
+    "no-plusplus": "off",
+    "no-param-reassign":  "off",
+    "no-shadow":  "off",
+    "no-underscore-dangle": "off",
     "no-unused-vars": "off",
-    "no-console": [
-      "error",
-      { "allow": 
-        ["warn", "error"]
-      }
-    ],
-    "@typescript-eslint/no-explicit-any": 0,
+    "no-unused-expressions": "off",
+    "no-return-assign": "off",
+    "no-use-before-define": "off",
+    "func-names": "off",
+    "guard-for-in": "off",
+    "consistent-return": "off",
+    "no-restricted-globals": "off",
+    "default-param-last": "off",
+    "default-case": "off",
+    "prefer-spread": "off",
+
+    // import config
+    "import/extensions": "off",
+    "import/no-unresolved": "off",
+    "import/no-extraneous-dependencies": "off",
+    "import/prefer-default-export": "off",
+    "import/no-relative-packages": "off",
+    
+    // typescript config
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/explicit-module-boundary-types": "off",
     "@typescript-eslint/no-require-imports": 0,
     "@typescript-eslint/no-var-requires": 0,
     "@typescript-eslint/prefer-for-of": 0,
-    "prefer-default-export": 0,
-    "max-len": 0,
-    "@typescript-eslint/ban-ts-ignore": 0,
-    "no-useless-constructor": "off",
-    "no-plusplus": [
-      "error",
-      {
-        "allowForLoopAfterthoughts": true
-      }
-    ],
-    "import/no-unresolved": 0,
-    "import/no-named-as-default": 0,
-    "treatUndefinedAsUnspecified": 0,
-    "no-use-before-define": [
-      0,
-      {
-        "functions": false,
-        "classes": false
-      }
-    ],
-    "no-shadow": 0,
-    "no-unused-expressions": 0,
     "@typescript-eslint/ban-types": 0,
-    "no-proto": 0,
-    "consistent-return": 0,
-    "@typescript-eslint/explicit-function-return-type": 0,
-    "@typescript-eslint/explicit-module-boundary-types": 0,
-    "import/export": 0,
-    "no-restricted-globals": 0,
     "@typescript-eslint/no-unused-vars": 0,
-    "import/no-cycle": 0,
-    "default-case": 0,
-    "import/extensions": 0,
-    "no-throw-literal": 0,
-    "no-return-assign": 0,
-    "no-continue": 0,
-    "func-names": 0,
-    "prefer-spread": 0,
     "@typescript-eslint/no-empty-function": 0,
     "@typescript-eslint/ban-ts-comment": 0,
-    "import/no-extraneous-dependencies": [
-      "error",
-      {
-        "devDependencies": true
-      }
-    ],
-    "import/no-dynamic-require": 0,
-    "global-require": 0,
-    "no-constant-condition": [
-      "error",
-      {
-        "checkLoops": false
-      }
-    ],
-    "vue/require-default-prop": 0,
-    "vue/max-attributes-per-line": ["error", {
-      "singleline": {
-        "max": 4
-      }
-    }]
+    "vue/require-default-prop": 0
   },
   "overrides": [
     {
       "files": ["*.vue"],
       "rules": {
-        "indent": 2,
-        "vue/html-indent": [2, 2],
-        "vue/return-in-computed-property": 1,
-        "vue/order-in-components": 2,
         "vue/component-name-in-template-casing": [2, "kebab-case"],
         "vue/require-default-prop": 0
       }
@@ -142,14 +100,22 @@
       }
     },
     {
-      // enable the rule specifically for TypeScript files
       "files": [
         "*.ts",
         "*.tsx"
       ],
       "rules": {
         "@typescript-eslint/explicit-function-return-type": 0
       }
+    },
+    {
+      "files": [
+        "*.test.js"
+      ],
+      "rules": {
+        "import/no-dynamic-require": "off",
+        "global-require": "off"
+      }
     }
   ]
 }

.prettierrc.js

@@ -17,8 +17,6 @@ module.exports = {
   trailingComma: 'all',
   // 大括号内的首尾需要空格
   bracketSpacing: true,
-  // jsx 标签的反尖括号需要换行
-  jsxBracketSameLine: false,
   // 箭头函数，只有一个参数的时候，也需要括号
   arrowParens: 'always',
   // 每个文件格式化的范围是文件的全部内容

babel.config.js

@@ -42,10 +42,7 @@ module.exports = {
           },
         ],
       ],
-      plugins: [
-        '@vue/babel-plugin-jsx',
-        '@babel/plugin-transform-runtime',
-      ],
+      plugins: ['@vue/babel-plugin-jsx', '@babel/plugin-transform-runtime'],
     },
   },
 };

examples/affix/demos/base.vue

@@ -1,10 +1,6 @@
 <template>
   <div class="affix-base">
-    <t-affix
-      ref="affix"
-      :offset-top="40"
-      :offset-bottom="20"
-    >
+    <t-affix ref="affix" :offset-top="40" :offset-bottom="20">
       <t-button>Base</t-button>
     </t-affix>
   </div>

examples/affix/demos/container.vue

@@ -1,16 +1,8 @@
 <template>
   <div class="affix-container">
-    <div
-      ref="affixContainerRef"
-      class="affix-container-demo1"
-    >
+    <div ref="affixContainerRef" class="affix-container-demo1">
       <div class="background">
-        <t-affix
-          :offset-top="50"
-          :offset-bottom="50"
-          :container="getContainer"
-          @fixedChange="handleFixedChange"
-        >
+        <t-affix :offset-top="50" :offset-bottom="50" :container="getContainer" @fixedChange="handleFixedChange">
           <t-button>FixedTop top:{{ fixedTop }}</t-button>
         </t-affix>
       </div>

examples/alert/demos/base.vue

@@ -1,21 +1,11 @@
 <template>
   <div class="tdesign-demo-block">
-    <t-alert
-      theme="success"
-      message="这是一条成功的消息提示"
-    />
-    <t-alert
-      theme="info"
-      :message="infoMessage"
-    />
+    <t-alert theme="success" message="这是一条成功的消息提示" />
+    <t-alert theme="info" :message="infoMessage" />
     <t-alert theme="warning">
-      <template #message>
-        这是一条警示信息
-      </template>
-    </t-alert>
-    <t-alert theme="error">
-      高危操作/出错信息提示
+      <template #message> 这是一条警示信息 </template>
     </t-alert>
+    <t-alert theme="error"> 高危操作/出错信息提示 </t-alert>
   </div>
 </template>
 <script lang="jsx">
@@ -24,9 +14,7 @@ import { defineComponent } from 'vue';
 export default defineComponent({
   setup() {
     return {
-      infoMessage: () => (
-        <div>这是一条普通的消息提示</div>
-      ),
+      infoMessage: () => <div>这是一条普通的消息提示</div>,
     };
   },
 });

examples/alert/demos/close.vue

@@ -1,30 +1,16 @@
 <template>
   <div class="tdesign-demo-block">
-    <t-alert
-      theme="success"
-      message="这是一条成功的消息提示"
-      close
-    />
-    <t-alert
-      theme="info"
-      message="这是一条普通的消息提示"
-      close="知道了"
-      @close="beforeClose"
-    />
+    <t-alert theme="success" message="这是一条成功的消息提示" close />
+    <t-alert theme="info" message="这是一条普通的消息提示" close="知道了" @close="beforeClose" />
     <t-alert
       theme="warning"
       message="这是一条警示信息"
       :close="warningClose"
       @close="beforeClose"
       @closed="handleClosed"
     />
-    <t-alert
-      theme="error"
-      message="高危操作/出错信息提示"
-    >
-      <template #close>
-        Slot Close
-      </template>
+    <t-alert theme="error" message="高危操作/出错信息提示">
+      <template #close> Slot Close </template>
     </t-alert>
   </div>
 </template>

examples/alert/demos/collapse.vue

@@ -1,22 +1,14 @@
 <template>
   <div class="tdesign-demo-block">
-    <t-alert
-      theme="success"
-      close
-      :max-line="2"
-    >
+    <t-alert theme="success" close :max-line="2">
       <span>这是折叠的第一条消息</span>
       <span>这是折叠的第二条消息</span>
       <span>这是折叠的第三条消息</span>
       <span>这是折叠的第四条消息</span>
       <span>这是折叠的第五条消息</span>
       <span>这是折叠的第六条消息</span>
     </t-alert>
-    <t-alert
-      theme="info"
-      close
-      :max-line="2"
-    >
+    <t-alert theme="info" close :max-line="2">
       <span>这是折叠的第一条消息</span>
       <span>这是折叠的第二条消息</span>
       <span>这是折叠的第三条消息</span>

examples/alert/demos/icon.vue

@@ -1,30 +1,11 @@
 <template>
   <div class="tdesign-demo-block">
-    <t-alert
-      theme="success"
-      message="这是一条成功的消息提示"
-    />
-    <t-alert
-      theme="info"
-      message="这是一条普通的消息提示"
-    />
-    <t-alert
-      theme="warning"
-      message="这是一条警示消息提示"
-    />
-    <t-alert
-      theme="error"
-      message="高危操作/出错信息提示"
-    />
-    <t-alert
-      theme="warning"
-      :icon="warningIcon"
-      message="这是一条警示信息(以function形式自定义icon)"
-    />
-    <t-alert
-      theme="error"
-      message="高危操作/出错信息提示(以slot形式自定义icon)"
-    >
+    <t-alert theme="success" message="这是一条成功的消息提示" />
+    <t-alert theme="info" message="这是一条普通的消息提示" />
+    <t-alert theme="warning" message="这是一条警示消息提示" />
+    <t-alert theme="error" message="高危操作/出错信息提示" />
+    <t-alert theme="warning" :icon="warningIcon" message="这是一条警示信息(以function形式自定义icon)" />
+    <t-alert theme="error" message="高危操作/出错信息提示(以slot形式自定义icon)">
       <template #icon>
         <t-icon name="error-circle-filled" />
       </template>