fix: fix style & add eslint (#180)

.eslintrc.js

@@ -20,6 +20,7 @@ module.exports = {
         'sourceType': 'module'
     },
     plugins: [
+        "unused-imports",
         'eslint-plugin-react',
         'eslint-plugin-import',
         'eslint-plugin-jsdoc',
@@ -33,6 +34,12 @@ module.exports = {
         }
     },
     rules: {
+        "no-unused-vars": "off",
+		"unused-imports/no-unused-imports": "error",
+		"unused-imports/no-unused-vars": [
+			"warn",
+			{ "vars": "all", "varsIgnorePattern": "^_", "args": "after-used", "argsIgnorePattern": "^_" }
+		],
         'arrow-spacing': [
             'error',
             {

app/components/Avatar/index.tsx

@@ -1,4 +1,3 @@
-import _ from 'lodash';
 import React, { useEffect, useState } from 'react';
 import { Avatar as AntAvatar } from 'antd';
 

app/pages/Console/FavoriteBtn.tsx

@@ -74,7 +74,7 @@ const FavoriteBtn = (props: IProps) => {
           dataSource={data}
           renderItem={(item: string) => (
             <List.Item
-              style={{ cursor: 'pointer' }}
+              style={{ cursor: 'pointer', wordBreak: 'break-all' }}
               onClick={() => handleSelect(item)}
             >
               {renderStr(item)}

app/pages/Console/HistoryBtn.tsx

@@ -77,7 +77,7 @@ const HistoryBtn = (props: IProps) => {
             dataSource={data}
             renderItem={(item: string) => (
               <List.Item
-                style={{ cursor: 'pointer' }}
+                style={{ cursor: 'pointer', wordBreak: 'break-all' }}
                 onClick={() => handleSelect(item)}
               >
                 {renderStr(item)}

app/pages/Console/OutputBox/index.module.less

@@ -34,6 +34,7 @@
 			display: -webkit-box;
 			-webkit-line-clamp: 3;
 			-webkit-box-orient: vertical;
+			word-break: break-all;
 		}
 		.errorInfo {
 			background-color: #fff2f0;

app/pages/Import/FileUpload/index.tsx

@@ -1,5 +1,4 @@
 import { Button, Checkbox, Popconfirm, Table, Upload } from 'antd';
-import _ from 'lodash';
 import React, { useEffect, useState } from 'react';
 import intl from 'react-intl-universal';
 import Icon from '@app/components/Icon';

app/pages/Import/TaskCreate/PasswordInputModal/index.tsx

@@ -1,5 +1,4 @@
 import { Button, Input, Modal } from 'antd';
-import _ from 'lodash';
 import React, { useState } from 'react';
 import intl from 'react-intl-universal';
 

app/pages/Import/TaskCreate/SchemaConfig/EdgeConfig/index.tsx

@@ -1,5 +1,4 @@
 import { Select, Table } from 'antd';
-import _ from 'lodash';
 import React from 'react';
 import intl from 'react-intl-universal';
 import { CloseOutlined } from '@ant-design/icons';

app/pages/Import/TaskCreate/SchemaConfig/TagConfig/index.tsx

@@ -1,5 +1,4 @@
 import { Select, Table } from 'antd';
-import _ from 'lodash';
 import React from 'react';
 import intl from 'react-intl-universal';
 import { CloseOutlined } from '@ant-design/icons';

app/pages/Import/TaskCreate/SchemaConfig/index.tsx

@@ -1,5 +1,4 @@
 import { Button, Collapse } from 'antd';
-import _ from 'lodash';
 import React from 'react';
 import { CloseOutlined } from '@ant-design/icons';
 import { observer } from 'mobx-react-lite';

app/pages/Import/TaskCreate/index.tsx

@@ -1,5 +1,4 @@
 import { Button, Col, Form, Input, Row, Select, message } from 'antd';
-import _ from 'lodash';
 import React, { useEffect, useState } from 'react';
 import Breadcrumb from '@app/components/Breadcrumb';
 import { observer } from 'mobx-react-lite';

app/pages/Import/TaskList/TaskItem/LogModal/index.tsx

@@ -1,5 +1,4 @@
 import { Button, Modal, Tabs } from 'antd';
-import _ from 'lodash';
 import React, { useEffect, useRef, useState } from 'react';
 import intl from 'react-intl-universal';
 import Icon from '@app/components/Icon';

app/pages/Import/TaskList/TemplateModal/index.tsx

@@ -1,5 +1,4 @@
 import { Button, Form, Input, Modal, Spin, Upload, message } from 'antd';
-import _ from 'lodash';
 import React, { useEffect, useState } from 'react';
 import intl from 'react-intl-universal';
 import Icon from '@app/components/Icon';

app/pages/Import/TaskList/index.tsx

@@ -1,5 +1,4 @@
 import { Button, message } from 'antd';
-import _ from 'lodash';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { useHistory } from 'react-router-dom';
 import intl from 'react-intl-universal';

app/pages/Schema/SchemaConfig/Create/CommonCreate/index.module.less

@@ -31,6 +31,10 @@
       :global(.ant-col > .ant-form-item) {
         margin-bottom: 0;
       }
+      :global(.ant-col) {
+        word-break: break-all;
+        padding-right: 8px;
+      }
     }
     .itemStringLength {
       position: absolute;

app/pages/Schema/SchemaConfig/Edit/CommonEdit/index.module.less

@@ -37,6 +37,10 @@
       :global(.ant-col > .ant-form-item) {
         margin-bottom: 0;
       }
+      :global(.ant-col) {
+        word-break: break-all;
+        padding-right: 8px;
+      }
     }
     .itemStringLength {
       position: absolute;

app/pages/Schema/SpaceCreate/index.tsx

@@ -1,5 +1,4 @@
 import { Button, Col, Form, Input, Row, Select, message } from 'antd';
-import _ from 'lodash';
 import React, { useEffect, useMemo, useState } from 'react';
 import Breadcrumb from '@app/components/Breadcrumb';
 import { observer } from 'mobx-react-lite';

package.json

@@ -99,6 +99,7 @@
     "eslint-plugin-prefer-arrow": "^1.2.2",
     "eslint-plugin-prettier": "^3.3.0",
     "eslint-plugin-react": "^7.22.0",
+    "eslint-plugin-unused-imports": "^2.0.0",
     "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.5.0",
     "husky": "^7.0.0",