chore: eslint && auto fix

Author: oasis-cloud

.eslintignore

@@ -1 +1,7 @@
-/src/packages/**/*.md
+src/sites
+scripts
+node_modules
+dist
+.idea
+.husky
+iconfont.js

.eslintrc.js

@@ -4,7 +4,14 @@ module.exports = {
     node: true,
     es2021: true,
   },
-  extends: ['plugin:react/recommended', 'prettier'],
+  extends: [
+    'airbnb',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:markdown/recommended',
+    'plugin:prettier/recommended',
+  ],
   parser: '@typescript-eslint/parser',
   parserOptions: {
     ecmaFeatures: {
@@ -13,15 +20,49 @@ module.exports = {
     ecmaVersion: 12,
     sourceType: 'module',
   },
-  plugins: ['react', '@typescript-eslint'],
+  plugins: ['react', 'react-hooks', '@typescript-eslint', 'unused-imports', 'prettier', 'markdown'],
+  overrides: [
+    {
+      files: ['src/packages/**/*.md'],
+      processor: 'markdown/markdown',
+    },
+    {
+      files: [
+        'src/packages/**/*.md/*.ts',
+        'src/packages/**/*.md/*.tsx',
+        'src/packages/**/*.md/*.js',
+        'src/packages/**/*.md/*.jsx',
+      ],
+      rules: {
+        'unused-imports/no-unused-imports': 0,
+      },
+    },
+  ],
   rules: {
+    'unused-imports/no-unused-imports': 2,
+
     'import/prefer-default-export': 0,
+    'import/no-extraneous-dependencies': 0,
     'import/extensions': 0,
     'import/no-unresolved': 0,
     'no-unused-vars': 0,
     'no-use-before-define': 0,
     'no-undef': 0,
+    'no-shadow': 0,
+    'no-console': 0,
+    'no-plusplus': 0,
+    'no-script-url': 0,
+    'no-unused-expressions': 0,
+    'jsx-a11y/click-events-have-key-events': 0,
+    '@typescript-eslint/no-empty-function': 0,
+    '@typescript-eslint/no-unused-vars': 0,
+    '@typescript-eslint/no-var-requires': 0,
     'react/prop-types': 0,
+    'react/no-array-index-key': 0,
+    'react/static-property-placement': 0,
+    'react/destructuring-assignment': 0,
     'react/jsx-filename-extension': 0,
+    'react/jsx-props-no-spreading': 0,
+    'jsx-a11y/no-static-element-interactions': 0,
   },
 }

commitlint.config.js

@@ -1 +1 @@
-module.exports = { extends: ['@commitlint/config-conventional'] };
+module.exports = { extends: ['@commitlint/config-conventional'] }

package.json

@@ -51,6 +51,8 @@
     "build:es": "npx rollup -c rollup.config.es.js",
     "build": "npm run checked && vite build --config vite.config.build.ts && npm run build:es && npm run build:css && npm run build:loader-style && npm run build:types ",
     "build:site": "npm run checked && vite build --config vite.config.build.site.ts",
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix .",
     "publish:beta": "npm publish --tag beta",
     "prepare": "husky install"
   },
@@ -101,8 +103,11 @@
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "^2.23.2",
     "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-markdown": "^2.2.1",
+    "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.23.2",
     "eslint-plugin-react-hooks": "^4.2.0",
+    "eslint-plugin-unused-imports": "^2.0.0",
     "fs-extra": "^10.0.0",
     "glob": "^7.2.0",
     "husky": "^6.0.0",

rollup.config.es.js

@@ -4,12 +4,13 @@ import { getBabelOutputPlugin } from '@rollup/plugin-babel'
 
 const path = require('path')
 const config = require('./src/config.json')
+
 const entries = { 'nutui-react.es': path.join(__dirname, `./src/packages/nutui.react.build.ts`) }
 const outputEntries = {}
 
 config.nav.map((item) => {
   item.packages.forEach((element) => {
-    let { name, show, type, exportEmpty } = element
+    const { name, show, type, exportEmpty } = element
     if (show || exportEmpty) {
       outputEntries[`./${name.toLowerCase()}`] = `./${name}`
       entries[name] = path.join(__dirname, `./src/packages/${name.toLowerCase()}/index.ts`)
@@ -32,7 +33,7 @@ export default {
     dir: './dist/esm',
     name: '[entryName].js',
     paths: (id) => {
-      return /@\/packages/.test(id) ? outputEntries[id.replace('@/packages/', './')] + '.js' : id
+      return /@\/packages/.test(id) ? `${outputEntries[id.replace('@/packages/', './')]}.js` : id
     },
   },
   plugins: [

src/packages/actionsheet/actionsheet.tsx

@@ -1,4 +1,4 @@
-import React, { FunctionComponent, useState, useEffect } from 'react'
+import React, { FunctionComponent } from 'react'
 import Popup from '@/packages/popup'
 import bem from '@/utils/bem'
 

src/packages/actionsheet/demo.tsx

@@ -1,6 +1,7 @@
 import React, { useState } from 'react'
 import { ActionSheet, ItemType } from './actionsheet'
 import Cell from '@/packages/cell'
+
 interface Item {
   name: string
   subname?: string
@@ -67,27 +68,27 @@ const ActionSheetDemo = () => {
     <>
       <div className="demo">
         <h2>基本用法</h2>
-        <Cell isLink={true} onClick={() => setIsVisible1(!isVisible1)}>
+        <Cell isLink onClick={() => setIsVisible1(!isVisible1)}>
           <span>
             <label>基础用法</label>
           </span>
           <div className="selected-option">{val1}</div>
         </Cell>
-        <Cell isLink={true} onClick={() => setIsVisible2(!isVisible2)}>
+        <Cell isLink onClick={() => setIsVisible2(!isVisible2)}>
           <span>
             <label>展示取消按钮</label>
           </span>
           <div className="selected-option">{val2}</div>
         </Cell>
-        <Cell isLink={true} onClick={() => setIsVisible3(!isVisible3)}>
+        <Cell isLink onClick={() => setIsVisible3(!isVisible3)}>
           <span>
             <label>展示描述信息</label>
           </span>
           <div className="selected-option">{val3}</div>
         </Cell>
         <h2>选项状态</h2>
 
-        <Cell isLink={true} onClick={() => setIsVisible4(!isVisible4)}>
+        <Cell isLink onClick={() => setIsVisible4(!isVisible4)}>
           <span>
             <label>选项状态</label>
           </span>
@@ -99,15 +100,15 @@ const ActionSheetDemo = () => {
           menuItems={menuItemsOne}
           choose={chooseItem}
           cancel={() => setIsVisible1(false)}
-        ></ActionSheet>
+        />
         {/* demo(带取消按钮） */}
         <ActionSheet
           visible={isVisible2}
           cancelTxt="取消"
           menuItems={menuItemsOne}
           choose={chooseItemTwo}
           cancel={() => setIsVisible2(false)}
-        ></ActionSheet>
+        />
         {/* 展示描述信息 */}
         <ActionSheet
           visible={isVisible3}
@@ -116,7 +117,7 @@ const ActionSheetDemo = () => {
           choose={chooseItemThree}
           cancelTxt="取消"
           cancel={() => setIsVisible3(false)}
-        ></ActionSheet>
+        />
         {/* demo 选项状态 */}
         <ActionSheet
           visible={isVisible4}
@@ -127,7 +128,7 @@ const ActionSheetDemo = () => {
           choose={() => {
             setIsVisible4(false)
           }}
-        ></ActionSheet>
+        />
       </div>
     </>
   )

src/packages/actionsheet/doc.md

@@ -19,6 +19,7 @@ import { ActionSheet } from '@nutui/nutui-react';
 ```tsx
 import  React, { useState } from "react";
 import { ActionSheet,Cell } from '@nutui/nutui-react';
+
 interface Item {
   name: string
   subname?: string
@@ -46,7 +47,7 @@ const App = () => {
 
   return ( 
     <>   
-    <Cell isLink={true} onClick={() => setIsVisible1(!isVisible1)}>
+    <Cell isLink onClick={() => setIsVisible1(!isVisible1)}>
       <span>
         <label>基础用法</label>
       </span>
@@ -58,7 +59,7 @@ const App = () => {
       menuItems={menuItemsOne}
       choose={chooseItem}
       cancel={() => setIsVisible1(false)}
-    ></ActionSheet>
+     />
     </>
   );
 };  
@@ -93,7 +94,7 @@ const App = () => {
   }
   return ( 
     <>   
-    <Cell isLink={true} onClick={() => setIsVisible2(!isVisible2)}>
+    <Cell isLink onClick={() => setIsVisible2(!isVisible2)}>
       <span>
         <label>展示取消按钮</label>
       </span>
@@ -106,7 +107,7 @@ const App = () => {
       menuItems={menuItemsOne}
       choose={chooseItemTwo}
       cancel={() => setIsVisible2(false)}
-    ></ActionSheet>
+     />
     </>
   );
 };  
@@ -142,7 +143,7 @@ const App = () => {
   }
   return ( 
     <>   
-    <Cell isLink={true} onClick={() => setIsVisible3(!isVisible3)}>
+    <Cell isLink onClick={() => setIsVisible3(!isVisible3)}>
       <span>
         <label>展示描述信息</label>
       </span>
@@ -155,7 +156,7 @@ const App = () => {
       choose={chooseItemThree}
       cancelTxt="取消"
       cancel={() => setIsVisible3(false)}
-    ></ActionSheet>
+     />
     </>
   );
 };  
@@ -183,7 +184,7 @@ const App = () => {
   ]
   return ( 
     <>   
-    <Cell isLink={true} onClick={() => setIsVisible4(!isVisible4)}>
+    <Cell isLink onClick={() => setIsVisible4(!isVisible4)}>
       <span>
         <label>选项状态</label>
       </span>
@@ -197,7 +198,7 @@ const App = () => {
       choose={() => {
         setIsVisible4(false)
       }}
-    ></ActionSheet>
+     />
     </>
   );
 };  

src/packages/actionsheet/index.ts

@@ -1,2 +1,3 @@
 import { ActionSheet } from './actionsheet'
+
 export default ActionSheet

src/packages/address/address.tsx

@@ -42,7 +42,7 @@ export interface AddressProps {
   city: RegionData[]
   country: RegionData[]
   town: RegionData[]
-  isShowCustomAddress: Boolean
+  isShowCustomAddress: boolean
   existAddress: AddressList[]
   existAddressTitle: string
   customAndExistTitle: string
@@ -117,9 +117,9 @@ export const Address: FunctionComponent<
     city: { name: '' },
     country: { name: '' },
     town: { name: '' },
-  }) //已选择的 省、市、县、镇
+  }) // 已选择的 省、市、县、镇
 
-  let [selectedExistAddress, setSelectedExistAddress] = useState({}) // 当前选择的地址
+  const [selectedExistAddress, setSelectedExistAddress] = useState({}) // 当前选择的地址
 
   const [closeWay, setCloseWay] = useState('self')
 
@@ -177,13 +177,11 @@ export const Address: FunctionComponent<
   }
   // 关闭
   const closeFun = () => {
-    const resCopy = Object.assign(
-      {
-        addressIdStr: '',
-        addressStr: '',
-      },
-      selectedRegion
-    )
+    const resCopy = {
+      addressIdStr: '',
+      addressStr: '',
+      ...selectedRegion,
+    }
     const res: CloseRes = {
       data: {},
       type: privateType,
@@ -226,17 +224,15 @@ export const Address: FunctionComponent<
     return (
       <div className={b('header')}>
         <div className="arrow-back" onClick={onSwitchModule}>
-          {privateType === 'custom' && backBtnIcon && (
-            <Icon name={backBtnIcon} color="#cccccc"></Icon>
-          )}
+          {privateType === 'custom' && backBtnIcon && <Icon name={backBtnIcon} color="#cccccc" />}
         </div>
 
         <div className={b('header__title')}>
           {privateType === 'custom' ? customAddressTitle : existAddressTitle}
         </div>
 
         <div onClick={() => handClose('cross')}>
-          {closeBtnIcon && <Icon name={closeBtnIcon} color="#cccccc" size="18px"></Icon>}
+          {closeBtnIcon && <Icon name={closeBtnIcon} color="#cccccc" size="18px" />}
         </div>
       </div>
     )
@@ -266,7 +262,7 @@ export const Address: FunctionComponent<
             closeFun()
           }}
         >
-          <div className={`${b()} ${className ? className : ''}`} style={{ ...style }} {...rest}>
+          <div className={`${b()} ${className || ''}`} style={{ ...style }} {...rest}>
             {headerRender()}
             {(privateType === 'custom' || privateType === 'custom2') && (
               <CustomRender
@@ -280,7 +276,7 @@ export const Address: FunctionComponent<
                   nextAreaList && nextAreaList(cal)
                 }}
                 onClose={handClose}
-              ></CustomRender>
+              />
             )}
             {privateType === 'exist' && (
               <ExistRender
@@ -292,7 +288,7 @@ export const Address: FunctionComponent<
                 customAndExistTitle={customAndExistTitle}
                 onSelected={selectedExist}
                 onSwitchModule={onSwitchModule}
-              ></ExistRender>
+              />
             )}
           </div>
         </Popup>