chore: remove file head lint rule which already set global (#1706)

* chore: remove file head lint rule which already set global

* chore: remove file head lint rule which already set global

* chore: remove file head lint rule which already set global

* chore: only keep necessary disable lint rule on tsx file

* chore: fix image preview ratioType type error

* chore: remove useless eslint disable

* chore: remove useless eslint disable

* chore: export RatioType from interface.ts of image

---------

Co-authored-by: zhangyumei.0319 <[email protected]>

.eslintrc.js

@@ -22,11 +22,12 @@ module.exports = {
                 indent: ['error', 4, {'SwitchCase': 1}],
                 'comma-spacing': ["error", {"before": false, "after": true}],
                 'no-multi-spaces': ["error", {ignoreEOLComments: true}],
+                'no-unused-vars': 'off', // We need to consider many scenarios of deconstruction and rest, this rule is not reasonable in component library scenarios, so turn it off globally
                 'react/display-name': 'off',
                 'key-spacing': ["error", {"beforeColon": false}],
                 'react/jsx-indent': ['error', 4],
                 'react/jsx-indent-props': ['error', 4],
-                'react/no-find-dom-node': ['warn'],
+                'react/no-find-dom-node': 'off',
                 'react/prop-types': 'off',
                 'react/prefer-stateless-function': 'off',
                 'jsx-a11y/alt-text': ["warn"],
@@ -42,6 +43,7 @@ module.exports = {
                 'jsx-a11y/mouse-events-have-key-events': ['warn'],
                 'object-curly-spacing': ['error', 'always'],
                 'space-before-blocks': ['error', 'always'],
+                'max-len': 'off'
             },
             globals: {
                 "sinon": "readonly",
@@ -61,37 +63,57 @@ module.exports = {
                 indent: 'off',
                 'comma-spacing': ["error", {"before": false, "after": true}],
                 'no-multi-spaces': ["error", {ignoreEOLComments: true}],
+                'no-unused-vars': 'off', // We need to consider many scenarios of deconstruction and rest, this rule is not reasonable in component library scenarios, so turn it off globally
                 'key-spacing': ["error", {"beforeColon": false, "afterColon": true}],
                 '@typescript-eslint/indent': ['error', 4],
                 'react/display-name': 'off',
                 'react/jsx-indent': ['error', 4],
                 'react/jsx-indent-props': ['error', 4],
-                'react/no-find-dom-node': ['warn'],
+                'react/no-find-dom-node': 'off',
                 'react/prop-types': 'off',
-                "react/no-unknown-property": ['error', { ignore: ['x-semi-prop', 'x-placement', 'x-type', 'x-label-pos', 'x-prompt-pos', 'x-field-id', 'x-extra-pos']}],
+                "react/no-unknown-property": ['error', { 
+                    ignore: [
+                        'x-semi-prop',
+                        'x-placement',
+                        'x-type',
+                        'x-label-pos',
+                        'x-prompt-pos',
+                        'x-field-id',
+                        'x-extra-pos',
+                        'x-open-type',
+                        'x-panel-yearandmonth-open-type',
+                        'x-insetinput',
+                        'x-preset-position',
+                        'x-form-id'
+                    ]}],
                 'react-hooks/rules-of-hooks': 'error',
                 'react-hooks/exhaustive-deps': 'warn',
                 'react/prefer-stateless-function': 'off',
                 '@typescript-eslint/explicit-module-boundary-types': 'off',
                 '@typescript-eslint/explicit-function-return-type': 'off',
+                '@typescript-eslint/no-empty-interface': 'off',
                 '@typescript-eslint/no-explicit-any': 'off',
                 '@typescript-eslint/naming-convention': 'off',
                 '@typescript-eslint/ban-ts-comment': 'off',
                 '@typescript-eslint/no-var-requires': 'warn',
                 '@typescript-eslint/no-inferrable-types': 'off',
                 '@typescript-eslint/no-this-alias': 'off',
+                '@typescript-eslint/no-empty-function': 'off',
                 // In scenarios where specific rest props need to be passed, some keys may be taken out first, so set 'no-unused-vars' to off
                 '@typescript-eslint/no-unused-vars': 'off',
                 'import/no-unresolved': 'off',
+                'max-len': 'off',
                 'semi': ['error', 'always'],
                 'keyword-spacing': ["error", {"before": true, "after": true}],
                 'jsx-a11y/click-events-have-key-events': ['warn'],
                 'jsx-a11y/no-noninteractive-element-interactions': ['warn'],
                 'jsx-a11y/no-autofocus': ['warn'],
+                'jsx-a11y/no-static-element-interactions': ['warn'],
                 'jsx-a11y/alt-text': ["warn"],
                 'jsx-a11y/mouse-events-have-key-events': ["warn"],
                 'jsx-a11y/html-has-lang': ['warn'],
                 'object-curly-spacing': ['error', 'always'],
+                'prefer-const': 'off',
                 'semi-design/no-import': 'error',
                 'space-before-blocks': ['error', 'always'],
                 "@typescript-eslint/type-annotation-spacing": ['error', {"after": true}],

packages/semi-animation-react/_story/auto/index.jsx

@@ -1,4 +1,3 @@
-/* eslint-disable react/button-has-type */
 import React from 'react';
 import { Animation } from '@douyinfe/semi-animation-react';
 import './style.scss';

packages/semi-animation-react/src/Animation.tsx

@@ -1,5 +1,4 @@
 /* eslint-disable @typescript-eslint/ban-types */
-/* eslint-disable react/destructuring-assignment */
 import React, { PureComponent, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import { Animation as SemiAnimation, events } from '@douyinfe/semi-animation';
@@ -129,9 +128,7 @@ export default class Animation extends PureComponent<AnimationProps> {
     }
 
     initAnimation = (props?: AnimationProps) => {
-        // eslint-disable-next-line eqeqeq
         props = props == null ? this.props : props;
-        // eslint-disable-next-line prefer-const
         let { from, to, config, reverse } = props;
 
         if (reverse) {

packages/semi-animation-react/src/KeyFrames.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react/destructuring-assignment */
 import React, { Component, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import noop from './utils/noop';

packages/semi-animation-react/src/StyledAnimation.tsx

@@ -1,8 +1,3 @@
-/* eslint-disable react/destructuring-assignment */
-/* eslint-disable prefer-const */
-/* eslint-disable eqeqeq */
-/* eslint-disable import/no-duplicates */
-/* eslint-disable no-duplicate-imports */
 import React, { PureComponent, isValidElement, cloneElement, Children } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';

packages/semi-animation-react/src/StyledTransition.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable eqeqeq */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import StyledAnimation, { StyledAnimationProps, StyledAnimateStyleType } from './StyledAnimation';

packages/semi-animation-react/src/Transition.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable eqeqeq */
 import Animation, { AnimationProps } from './Animation';
 import PropTypes from 'prop-types';
 import React, { Component, isValidElement } from 'react';
@@ -124,7 +123,6 @@ export default class Transition extends Component<TransitionProps, TransitionSta
 
         let children;
 
-        // eslint-disable-next-line prefer-const
         let { currentChildren, lastChildren, state } = this.state;
 
         let from = {};

packages/semi-animation-react/src/utils/noop.ts

@@ -1,2 +1 @@
-// eslint-disable-next-line @typescript-eslint/no-empty-function
 export default function noop() { }

packages/semi-animation-react/src/utils/string.ts

@@ -1,8 +1,6 @@
-/* eslint-disable eqeqeq */
 export function upperCase(str: string, pos: number) {
     if (typeof str === 'string') {
         return str
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             .split()
             .reduce(
@@ -16,7 +14,6 @@ export function upperCase(str: string, pos: number) {
 export function lowerCase(str: string, pos: number) {
     if (typeof str === 'string') {
         return str
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             .split()
             .reduce(

packages/semi-animation/src/Animation.ts

@@ -1,6 +1,3 @@
-/* eslint-disable max-depth */
-/* eslint-disable eqeqeq */
-/* eslint-disable max-lines-per-function */
 import Event from './utils/Event';
 import shouldStopAnimation from './shouldStopAnimation';
 import shouldUseBezier from './shouldUseBezier';

packages/semi-animation/src/getEasing.ts

@@ -104,7 +104,6 @@ export default function getEasing(easing: string) {
     if (name === 'cubic-bezier' || name === 'cubicBezier') {
         return bezier(...(args.length ? args : easingMap.linear) as BezierArgs);
     } else {
-        // eslint-disable-next-line eqeqeq
         if (!name || typeof name !== 'string' || (typeof name === 'string' && easingMap[name] == null)) {
             name = 'linear';
         }

packages/semi-animation/src/interpolate.ts

@@ -12,7 +12,6 @@ export type FromTo = string | number | (string | number)[];
 export type Parser = (value: FromTo) => any;
 export type Formatter = (value: any[]) => any;
 
-// eslint-disable-next-line max-len
 export default function interpolate(from: FromTo, to: FromTo, ratio = 0, parser: Parser = null, formatter: Formatter = null) {
     if (typeof parser === 'function') {
         from = parser(from);

packages/semi-animation/src/shouldStopAnimation.ts

@@ -12,7 +12,6 @@ import shouldUseBezier from './shouldUseBezier';
  *
  * @returns {boolean}
  */
-// eslint-disable-next-line max-len
 export default function shouldStopAnimation(currentStyle: Record<string, any>, style: Record<string, any>, currentVelocity: Record<string, any>, startTime: number, nowTime: number) {
     for (const key of Object.keys(style)) {
         const styleValue = style[key];

packages/semi-animation/src/stepper.ts

@@ -20,7 +20,6 @@ const reusedTuple = [0, 0];
  * @param {number} b
  * @param {number} precision
  */
-// eslint-disable-next-line max-len
 export default function stepper(secondPerFrame: number, x: number, v: number, destX: number, k: number, b: number, precision: number) {
     // Spring stiffness, in kg / s^2
 

packages/semi-animation/src/stripStyle.ts

@@ -1,4 +1,3 @@
-/* eslint-disable no-restricted-syntax */
 export default function stripStyle(style: Record<string, any>) {
     const ret = {};
     for (const key in style) {

packages/semi-animation/src/utils/Event.ts

@@ -27,12 +27,10 @@ export default class Event {
                 const callbacks = this._eventMap.get(event);
                 if (Array.isArray(callbacks) && callbacks.length) {
                     let index = -1;
-                    // eslint-disable-next-line max-depth
                     while ((index = callbacks.findIndex(cb => cb === callback)) > -1) {
                         callbacks.splice(index, 1);
                     }
                 }
-            // eslint-disable-next-line eqeqeq
             } else if (callback == null) {
                 this._eventMap.delete(event);
             }

packages/semi-animation/src/utils/noop.ts

@@ -1,2 +1 @@
-// eslint-disable-next-line @typescript-eslint/no-empty-function
 export default function noop() { }

packages/semi-animation/src/utils/shallowEqual.ts

@@ -1,4 +1,3 @@
-/* eslint-disable no-restricted-syntax */
 export default function shallowEqual(a: any, b: any) {
     if (typeof a !== typeof b) {
         return false;

packages/semi-foundation/anchor/foundation.ts

@@ -30,10 +30,8 @@ export default class AnchorFoundation<P = Record<string, any>, S = Record<string
         super({ ...AnchorFoundation.defaultAdapter, ...adapter });
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     init = () => {};
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     destroy = () => {};
 
     addLink = (link: string) => {

packages/semi-foundation/anchor/linkFoundation.ts

@@ -16,7 +16,6 @@ export default class LinkFoundation extends BaseFoundation<LinkAdapter> {
         // this.setInitValue();
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     destroy() {}
 
     handleAddLink() {

packages/semi-foundation/autoComplete/foundation.ts

@@ -1,4 +1,3 @@
-/* eslint-disable prefer-const, max-len */
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import { isString, isNumber, isUndefined, isObject } from 'lodash';
 import warning from '../utils/warning';

packages/semi-foundation/autoComplete/optionFoundation.ts

@@ -22,10 +22,8 @@ export default class OptionFoundation extends BaseFoundation<OptionDefaultAdapte
         super({ ...adapter });
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     init() {}
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     destroy() {}
 
     onOptionClick(option: BasicOptionProps) {

packages/semi-foundation/avatar/constants.ts

@@ -7,9 +7,26 @@ const cssClasses = {
 const strings = {
     SHAPE: ['circle', 'square'],
     SIZE: ['extra-extra-small', 'extra-small', 'small', 'default', 'medium', 'large', 'extra-large'],
-    // eslint-disable-next-line max-len
-    COLOR: ['grey', 'red', 'pink', 'purple', 'violet', 'indigo', 'blue', 'light-blue', 'cyan', 'teal', 'green', 'light-green', 'lime', 'yellow', 'amber', 'orange', 'white'],
-    OVERLAP_FROM: ['start', 'end']
+    COLOR: [
+        'grey',
+        'red',
+        'pink',
+        'purple',
+        'violet',
+        'indigo',
+        'blue',
+        'light-blue',
+        'cyan',
+        'teal',
+        'green',
+        'light-green',
+        'lime',
+        'yellow',
+        'amber',
+        'orange',
+        'white',
+    ],
+    OVERLAP_FROM: ['start', 'end'],
 };
 
-export { cssClasses, strings };
+export { cssClasses, strings };

packages/semi-foundation/avatar/foundation.ts

@@ -14,9 +14,9 @@ export default class AvatarFoundation<P = Record<string, any>, S = Record<string
         super({ ...adapter });
     }
 
-    init() { } // eslint-disable-line
+    init() { }
 
-    destroy() { } // eslint-disable-line
+    destroy() { }
 
     handleImgLoadError() {
         const { onError } = this.getProps();
@@ -40,7 +40,7 @@ export default class AvatarFoundation<P = Record<string, any>, S = Record<string
             if (target.matches(':focus-visible')) {
                 this._adapter.setFocusVisible(true);
             }
-        } catch (error){
+        } catch (error) {
             warning(true, 'Warning: [Semi Avatar] The current browser does not support the focus-visible');
         }
     }

packages/semi-foundation/base/foundation.ts

@@ -8,7 +8,6 @@ import log from '../utils/log';
 import { noop } from 'lodash';
 
 export type noopFunction = (...args: any) => any;
-// eslint-disable-next-line
 export interface DefaultAdapter<P = Record<string, any>, S = Record<string, any>> {
     getContext(key: string): any;
     getContexts(): any;

packages/semi-foundation/breadcrumb/foundation.ts

@@ -1,4 +1,3 @@
-/* eslint-disable prefer-const */
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import isEnterPress from '../utils/isEnterPress';
 import { BreadcrumbItemInfo, Route } from './itemFoundation';

packages/semi-foundation/calendar/eventUtil.ts

@@ -251,7 +251,6 @@ export const filterEvents = (events: Map<string, EventObject[]>, start: Date, en
  * @returns {arr}
  * filter out event that is not in the week range
  */
-// eslint-disable-next-line max-len
 export const filterWeeklyEvents = (events: Map<string, EventObject[]>, weekStart: Date, weekStartsOn: weekStartsOnEnum ) => filterEvents(events, weekStart, addDays(endOfWeek(weekStart, { weekStartsOn }), 1));
 
 /**
@@ -331,7 +330,6 @@ export const collectDailyEvents = (events: ParsedRangeEvent[][]) => {
 };
 
 export const renderDailyEvent = (event: EventObject) => {
-    // eslint-disable-next-line prefer-const
     let { start, end, allDay, children } = event;
     let startPos,
         endPos;

packages/semi-foundation/calendar/foundation.ts

@@ -114,7 +114,6 @@ export default class CalendarFoundation<P = Record<string, any>, S = Record<stri
         super({ ...adapter });
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     init() {
 
     }

packages/semi-foundation/cascader/foundation.ts

@@ -226,7 +226,6 @@ export interface CascaderAdapter extends DefaultAdapter<BasicCascaderProps, Basi
     updateFocusState: (focus: boolean) => void
 }
 
-// eslint-disable-next-line max-len
 export default class CascaderFoundation extends BaseFoundation<CascaderAdapter, BasicCascaderProps, BasicCascaderInnerData> {
 
     constructor(adapter: CascaderAdapter) {
@@ -259,7 +258,6 @@ export default class CascaderFoundation extends BaseFoundation<CascaderAdapter,
         const valueProp: string | any[] = onChangeWithObject ? [] : 'value';
         if (multiple) {
             const valuePath: BasicValue = [];
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             item.forEach((checkedKey: string) => {
                 const valuePathItem = this.getItemPropPath(checkedKey, valueProp);
@@ -337,9 +335,7 @@ export default class CascaderFoundation extends BaseFoundation<CascaderAdapter,
         if (isEmpty(keyEntities[selectedKey])) {
             if (includes(selectedKey, 'not-exist-')) {
                 /* Get the value behind not-exist- */
-                // eslint-disable-next-line prefer-destructuring
                 const targetValue = selectedKey.match(/not-exist-(\S*)/)[1];
-                // eslint-disable-next-line max-depth
                 if (isEmpty(keyEntities[targetValue])) {
                     cacheValue = targetValue;
                 } else {
@@ -974,7 +970,6 @@ export default class CascaderFoundation extends BaseFoundation<CascaderAdapter,
         }
         return (Object.values(keyEntities) as BasicEntity[])
             .filter(item => item.parentKey === null && !item._notExist)
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             .sort((a, b) => parseInt(a.ind, 10) - parseInt(b.ind, 10));
     }

packages/semi-foundation/checkbox/checkboxFoundation.ts

@@ -117,7 +117,7 @@ class CheckboxFoundation<P = Record<string, any>, S = Record<string, any>> exten
             if (target.matches(':focus-visible')) {
                 this._adapter.setFocusVisible(true);
             }
-        } catch (error){
+        } catch (error) {
             warning(true, 'Warning: [Semi Checkbox] The current browser does not support the focus-visible');
         }
     }
@@ -127,7 +127,6 @@ class CheckboxFoundation<P = Record<string, any>, S = Record<string, any>> exten
         this._adapter.setFocusVisible(false);
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     destroy() {}
 }
 

packages/semi-foundation/checkbox/checkboxGroupFoundation.ts

@@ -74,7 +74,6 @@ class CheckboxGroupFoundation extends BaseFoundation<CheckboxGroupAdapter> {
         }
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     destroy() {}
 }
 

packages/semi-foundation/datePicker/foundation.ts

@@ -1,5 +1,3 @@
-/* eslint-disable no-nested-ternary */
-/* eslint-disable max-len, max-depth,  */
 import { format, isValid, isSameSecond, isEqual as isDateEqual, isDate } from 'date-fns';
 import { get, isObject, isString, isEqual, isFunction } from 'lodash';
 
@@ -568,7 +566,6 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
      * @param {String} input
      * @param {Event} e
      */
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     handleInputBlur(input = '', e?: any) {
     }
 
@@ -624,7 +621,7 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
         this._adapter.setRangeInputFocus(false);
         this._adapter.notifyClear(e);
     }
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    
     handleRangeInputBlur(value: any, e: any) {
     }
 

packages/semi-foundation/datePicker/inputFoundation.ts

@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import { cloneDeep, isObject, set, get } from 'lodash';
 import { format as formatFn } from 'date-fns';
 
@@ -111,10 +110,8 @@ export default class InputFoundation extends BaseFoundation<DateInputAdapter> {
         super({ ...adapter });
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     init() {}
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     destroy() {}
 
     handleClick(e: any) {

packages/semi-foundation/datePicker/monthFoundation.ts

@@ -114,7 +114,6 @@ export default class CalendarMonthFoundation extends BaseFoundation<MonthAdapter
         this._adapter.setWeekDays(weekdays);
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     destroy() {}
 
     handleClick(day: MonthDayInfo) {

packages/semi-foundation/datePicker/monthsGridFoundation.ts

@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import { strings } from './constants';
 import {
@@ -305,7 +304,6 @@ export default class MonthsGridFoundation extends BaseFoundation<MonthsGridAdapt
         this._initDateRangePickerFromValue(values, true);
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     destroy() { }
 
     /**

packages/semi-foundation/datePicker/yearAndMonthFoundation.ts

@@ -65,10 +65,8 @@ export default class YearAndMonthFoundation extends BaseFoundation<YearAndMonthA
         super({ ...adapter });
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     init() {}
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     destroy() {}
 
     selectYear(item: YearScrollItem, panelType?: PanelType) {

packages/semi-foundation/form/foundation.ts

@@ -1,4 +1,3 @@
-/* eslint-disable prefer-const, max-len */
 import BaseFoundation from '../base/foundation';
 import * as ObjectUtil from '../utils/object';
 import isPromise from '../utils/isPromise';

packages/semi-foundation/form/interface.ts

@@ -1,5 +1,4 @@
 /* eslint-disable @typescript-eslint/ban-types */
-/* eslint-disable max-len */
 import { DefaultAdapter } from '../base/foundation';
 import { Options as scrollIntoViewOptions } from 'scroll-into-view-if-needed';
 

packages/semi-foundation/form/utils.ts

@@ -1,6 +1,3 @@
-/* eslint-disable prefer-destructuring */
-/* eslint-disable prefer-const */
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import AsyncValidator from 'async-validator';
 import { cloneDeep, toPath } from 'lodash';
 import { FieldValidateTriggerType, BasicTriggerType, ComponentProps, WithFieldOption } from './interface';

packages/semi-foundation/image/previewImageFoundation.ts

@@ -148,7 +148,7 @@ export default class PreviewImageFoundation<P = Record<string, any>, S = Record<
     onWheel = throttle((e: any): void => {
         const { onZoom, zoomStep, maxZoom, minZoom } = this.getProps();
         const { currZoom } = this.getStates();
-        let _zoom:number;
+        let _zoom: number;
         if (e.deltaY < 0) {
             /* zoom in */
             if (currZoom + zoomStep <= maxZoom) {

packages/semi-foundation/image/previewInnerFoundation.ts

@@ -2,13 +2,14 @@ import BaseFoundation, { DefaultAdapter } from "../base/foundation";
 import KeyCode from "../utils/keyCode";
 import { getPreloadImagArr, downloadImage, isTargetEmit } from "./utils";
 
+export type RatioType = "adaptation" | "realSize";
 export interface PreviewInnerAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     getIsInGroup: () => boolean;
     notifyChange: (index: number, direction: string) => void;
     notifyZoom: (zoom: number, increase: boolean) => void;
     notifyClose: () => void;
     notifyVisibleChange: (visible: boolean) => void;
-    notifyRatioChange: (type: string) => void;
+    notifyRatioChange: (type: RatioType) => void;
     notifyRotateChange: (angle: number) => void;
     notifyDownload: (src: string, index: number) => void;
     registerKeyDownListener: () => void;
@@ -23,6 +24,7 @@ export interface PreviewInnerAdapter<P = Record<string, any>, S = Record<string,
     enabledBodyScroll: () => void
 }
 
+
 const NOT_CLOSE_TARGETS = ["icon", "footer"];
 const STOP_CLOSE_TARGET = ["icon", "footer", "header"];
 
@@ -138,7 +140,7 @@ export default class PreviewInnerFoundation<P = Record<string, any>, S = Record<
         this._adapter.notifyClose();
     }
 
-    handleAdjustRatio = (type: string) => {
+    handleAdjustRatio = (type: RatioType) => {
         this.setState({
             ratio: type,
         } as any);
@@ -174,14 +176,14 @@ export default class PreviewInnerFoundation<P = Record<string, any>, S = Record<
         const { preLoad, preLoadGap, infinite, currentIndex } = this.getProps();
 
         const { imgSrc }= this.getStates();
-        if (!preLoad || typeof preLoadGap !== "number" || preLoadGap < 1){
+        if (!preLoad || typeof preLoadGap !== "number" || preLoadGap < 1) {
             return;
         }
 
         const preloadImages = getPreloadImagArr(imgSrc, currentIndex, preLoadGap, infinite);
         const Img = new Image();
         let index = 0;
-        function callback(e: any){
+        function callback(e: any) {
             index++;
             if (index < preloadImages.length) {
                 Img.src = preloadImages[index];
@@ -208,7 +210,7 @@ export default class PreviewInnerFoundation<P = Record<string, any>, S = Record<
     preloadSingleImage = () => {
         const { preLoad, preLoadGap, infinite } = this.getProps();
         const { imgSrc, currentIndex, direction, imgLoadStatus } = this.getStates();
-        if (!preLoad || typeof preLoadGap !== "number" || preLoadGap < 1){
+        if (!preLoad || typeof preLoadGap !== "number" || preLoadGap < 1) {
             return;
         }
         // 根据方向决定preload那个index

packages/semi-foundation/input/foundation.ts

@@ -51,7 +51,6 @@ class InputFoundation extends BaseFoundation<InputAdapter> {
         }
     }
 
-    // eslint-disable-next-line
     setDisable() {}
 
     _setInitValue() {
@@ -120,7 +119,6 @@ class InputFoundation extends BaseFoundation<InputAdapter> {
         if (isNumber(maxLength) && maxLength >= 0 && isFunction(getValueLength) && isString(value)) {
             const valueLength = getValueLength(value);
             if (valueLength > maxLength) {
-                // eslint-disable-next-line max-len
                 console.warn('[Semi Input] The input character is truncated because the input length exceeds the maximum length limit');
                 const truncatedValue = this.handleTruncateValue(value, maxLength);
                 return truncatedValue;

packages/semi-foundation/input/textareaFoundation.ts

@@ -52,7 +52,6 @@ export default class TextAreaFoundation extends BaseFoundation<TextAreaAdapter>
         this.setInitValue();
     }
 
-    // eslint-disable-next-line
     destroy() { }
 
     setInitValue() {
@@ -117,7 +116,6 @@ export default class TextAreaFoundation extends BaseFoundation<TextAreaAdapter>
         if (isNumber(maxLength) && maxLength >= 0 && isFunction(getValueLength) && isString(value)) {
             const valueLength = getValueLength(value);
             if (valueLength > maxLength) {
-                // eslint-disable-next-line max-len
                 console.warn('[Semi TextArea] The input character is truncated because the input length exceeds the maximum length limit');
                 const truncatedValue = this.handleTruncateValue(value, maxLength);
                 return truncatedValue;

packages/semi-foundation/inputNumber/foundation.ts

@@ -1,6 +1,3 @@
-/* eslint-disable max-len */
-/* eslint-disable no-param-reassign */
-/* eslint-disable eqeqeq */
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import keyCode from '../utils/keyCode';
 import { numbers } from './constants';
@@ -177,7 +174,6 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
                     const dotBeginStr = dotIndex > -1 ? valueAfterParser.slice(dotIndex) : '';
                     formattedNum += dotBeginStr;
                 } else if (precLength < lengthAfterDot) {
-                    // eslint-disable-next-line max-depth
                     for (let i = 0; i < lengthAfterDot - precLength; i++) {
                         formattedNum += '0';
                     }
@@ -261,7 +257,6 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
                 }
 
                 if (willSetNum != null) {
-                    // eslint-disable-next-line max-depth
                     if (!this._isControlledComponent('value')) {
                         this._adapter.setNumber(willSetNum);
                     }

packages/semi-foundation/modal/modalFoundation.ts

@@ -60,8 +60,8 @@ export interface ModalProps {
 export interface ModalState {
     displayNone: boolean;
     isFullScreen: boolean;
-    onOKReturnPromiseStatus?:"pending"|"fulfilled"|"rejected";
-    onCancelReturnPromiseStatus?:"pending"|"fulfilled"|"rejected"
+    onOKReturnPromiseStatus?: "pending"|"fulfilled"|"rejected";
+    onCancelReturnPromiseStatus?: "pending"|"fulfilled"|"rejected"
 }
 
 export default class ModalFoundation extends BaseFoundation<ModalAdapter> {
@@ -91,7 +91,7 @@ export default class ModalFoundation extends BaseFoundation<ModalAdapter> {
 
     handleOk(e: any) {
         const result = this._adapter.notifyOk(e);
-        if (isPromise(result)){
+        if (isPromise(result)) {
             this._adapter.setState({ onOKReturnPromiseStatus: "pending" });
             (result as Promise<any>)?.then(()=>{
                 this._adapter.setState({ onOKReturnPromiseStatus: "fulfilled" });
@@ -121,7 +121,6 @@ export default class ModalFoundation extends BaseFoundation<ModalAdapter> {
     };
 
 
-    // // eslint-disable-next-line max-len
     // mergeMotionProp = (motion: Motion, prop: string, cb: () => void) => {
     //     const mergedMotion = typeof (motion) === 'undefined' || motion ? {
     //         ...(motion as { [key: string]: (() => void) | boolean }),

packages/semi-foundation/navigation/NavItem.ts

@@ -9,9 +9,7 @@ export default class NavItem {
     items: any[];
     toggleIcon: any;
     constructor(options: any = {}) {
-        // eslint-disable-next-line eqeqeq
         if (options == null || typeof options !== 'object') {
-            // eslint-disable-next-line no-param-reassign
             options = {
                 text: options,
                 itemKey: options,

packages/semi-foundation/navigation/foundation.ts

@@ -1,5 +1,3 @@
-/* eslint-disable max-depth */
-/* eslint-disable max-len */
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import NavItem from './NavItem';
 import { ItemProps } from './itemFoundation';
@@ -199,7 +197,7 @@ export default class NavigationFoundation<P = Record<string, any>, S = Record<st
         return [...willOpenKeySet];
     }
 
-    destroy() {} // eslint-disable-line
+    destroy() {}
 
     selectLevelZeroParentKeys(itemKeysMap: ItemKey2ParentKeysMap, ...itemKeys: (string | number)[]) {
         const _itemKeysMap = isNullOrUndefined(itemKeysMap) ? this.getState('itemKeysMap') : itemKeysMap;

packages/semi-foundation/navigation/itemFoundation.ts

@@ -60,7 +60,6 @@ export default class ItemFoundation<P = Record<string, any>, S = Record<string,
     }
 
     isValidKey(itemKey: string) {
-        // eslint-disable-next-line eqeqeq
         return itemKey != null && (typeof itemKey === 'string' || typeof itemKey === 'number');
     }
 

packages/semi-foundation/navigation/subNavFoundation.ts

@@ -52,7 +52,7 @@ export default class SubNavFoundation<P = Record<string, any>, S = Record<string
         this._timer = null;
     }
 
-    destroy() {} // eslint-disable-line
+    destroy() {}
 
     clearDelayTimer() {
         if (this._timer) {
@@ -62,7 +62,6 @@ export default class SubNavFoundation<P = Record<string, any>, S = Record<string
     }
 
     isValidKey(itemKey: string | number) {
-        // eslint-disable-next-line eqeqeq
         return itemKey != null && (typeof itemKey === 'number' || typeof itemKey === 'string');
     }
 

packages/semi-foundation/notification/notificationListFoundation.ts

@@ -1,10 +1,8 @@
-/* eslint-disable no-useless-constructor */
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import { NoticeInstance, NoticePosition, NoticeProps } from '../notification/notificationFoundation';
 import { strings } from './constants';
 
 
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface NotificationListProps {
 
 }

packages/semi-foundation/pagination/foundation.ts

@@ -1,5 +1,3 @@
-/* eslint-disable max-len */
-/* eslint-disable no-param-reassign */
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import { numbers } from './constants';
 
@@ -203,7 +201,6 @@ class PaginationFoundation<P = Record<string, any>, S = Record<string, any>> ext
     }
 
     // TODO handle tab/enter events
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     handleKeyDown() {
     }
 

packages/semi-foundation/popconfirm/popconfirmFoundation.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
 
 import { get } from 'lodash';
 

packages/semi-foundation/radio/radioGroupFoundation.ts

@@ -69,6 +69,5 @@ export default class RadioGroupFoundation extends BaseFoundation<RadioGroupAdapt
         this._adapter.setValue(value);
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     destroy() {}
 }

packages/semi-foundation/radio/radioInnerFoundation.ts

@@ -60,6 +60,5 @@ export default class RadioInnerFoundation extends BaseFoundation<RadioInnerAdapt
         }
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     destroy() {}
 }

packages/semi-foundation/rating/foundation.ts

@@ -1,4 +1,3 @@
-/* eslint-disable no-param-reassign */
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import warning from '../utils/warning';
 

packages/semi-foundation/select/foundation.ts

@@ -1,5 +1,3 @@
-/* argus-disable unPkgSensitiveInfo */
-/* eslint-disable max-len */
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import { isNumber, isString, isEqual, omit } from 'lodash';
 import KeyCode, { ENTER_KEY } from '../utils/keyCode';
@@ -66,7 +64,6 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
     }
 
     // keyboard event listner
-    // eslint-disable-next-line @typescript-eslint/member-ordering
     _keydownHandler: (...arg: any[]) => void | null = null;
 
     init() {
@@ -896,7 +893,6 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
                     index = index - 1;
                     targetLabel = keys[index];
                     targetItem = selections.get(targetLabel);
-                    // eslint-disable-next-line
                     if (index == 0 && targetItem.disabled) {
                         isAllDisabled = true;
                     }
@@ -938,7 +934,6 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
     }
 
     _removeInternalKey(option: BasicOptionProps) {
-        // eslint-disable-next-line
         let newOption = { ...option };
         delete newOption._parentGroup;
         delete newOption._show;

packages/semi-foundation/select/optionFoundation.ts

@@ -22,10 +22,8 @@ export default class OptionFoundation extends BaseFoundation<OptionDefaultAdapte
         super({ ...adapter });
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     init() {}
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     destroy() {}
 
     onOptionClick(option: BasicOptionProps) {

packages/semi-foundation/slider/foundation.ts

@@ -1,6 +1,3 @@
-/* eslint-disable no-param-reassign */
-/* eslint-disable max-len */
-/* eslint-disable no-nested-ternary */
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import touchEventPolyfill from '../utils/touchPolyfill';
 import warning from '../utils/warning';
@@ -269,7 +266,6 @@ export default class SliderFoundation extends BaseFoundation<SliderAdapter> {
             startPos = vertical ? sliderY : sliderX;
         }
         //  startPos = chooseMovePos === 'max' && isDrag ? currentPos[0] : startPos;
-        // eslint-disable-next-line one-var
         let endPos;
         if (vertical && verticalReverse) {
             endPos = sliderY;
@@ -314,8 +310,6 @@ export default class SliderFoundation extends BaseFoundation<SliderAdapter> {
         } else {
             stepValue = ((pos - startPos) / len) * (max - min) + min;
         }
-        // debugger
-        // eslint-disable-next-line one-var
         let compareValue;
         if (range) {
             compareValue = isMin ? currentValue[0] : currentValue[1];
@@ -680,7 +674,6 @@ export default class SliderFoundation extends BaseFoundation<SliderAdapter> {
         }
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     onFocus = (e: any, handler: 'min'| 'max') => {
         handlePrevent(e);
         const { target } = e;

packages/semi-foundation/switch/foundation.ts

@@ -53,6 +53,5 @@ export default class SwitchFoundation<P = Record<string, any>, S = Record<string
         this._adapter.setFocusVisible(false);
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     destroy(): void {}
 }

packages/semi-foundation/table/bodyFoundation.ts

@@ -32,7 +32,6 @@ export default class TableBodyFoundation<P = Record<string, any>, S = Record<str
 
         if (!isObject(newExpandRelatedProps) && !newExpandRelatedProps) {
             const expandRelatedProps = strings.EXPAND_RELATED_PROPS;
-            // eslint-disable-next-line no-param-reassign
             newExpandRelatedProps = expandRelatedProps.map(key => get(props, key, undefined));
         }
         this._adapter.setCachedExpandRelatedProps(newExpandRelatedProps);

packages/semi-foundation/table/constants.ts

@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import { BASE_CLASS_PREFIX } from '../base/constants';
 
 const cssClasses = {

packages/semi-foundation/table/foundation.ts

@@ -1,10 +1,3 @@
-/* eslint-disable prefer-destructuring */
-/* eslint-disable max-depth */
-/* eslint-disable max-nested-callbacks */
-/* eslint-disable max-len */
-/* eslint-disable no-param-reassign */
-/* eslint-disable eqeqeq */
-/* eslint-disable @typescript-eslint/no-empty-function */
 import {
     get,
     merge,
@@ -1040,7 +1033,6 @@ class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<RecordType
         let filterObj: BaseColumnProps<RecordType> = this.getQuery(dataIndex);
         const filterDropdownVisible = visible;
 
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         filterObj = { ...filterObj, filterDropdownVisible };
 
         if (!this._filterShowIsControlled()) {

packages/semi-foundation/table/tableRowFoundation.ts

@@ -8,7 +8,6 @@ export interface TableRowAdapter<P = Record<string, any>, S = Record<string, any
     notifyMouseLeave: (record: Record<string, any>, e: any) => void
 }
 
-// eslint-disable-next-line max-len
 export default class TableRowFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<TableRowAdapter<P, S>, P, S> {
     handleClick(e: any) {
         const { expanded, rowKey } = this.getProps();

packages/semi-foundation/table/utils.ts

@@ -1,6 +1,3 @@
-/* eslint-disable max-len */
-/* eslint-disable no-param-reassign */
-/* eslint-disable eqeqeq */
 import {
     isEqualWith,
     get,

packages/semi-foundation/tag/constants.ts

@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import { BASE_CLASS_PREFIX } from '../base/constants';
 
 const cssClasses = {
@@ -7,7 +6,25 @@ const cssClasses = {
 
 const strings = {
     TAG_SIZE: ['default', 'small', 'large'],
-    TAG_COLOR: ['grey', 'red', 'pink', 'purple', 'violet', 'indigo', 'blue', 'light-blue', 'cyan', 'teal', 'green', 'light-green', 'lime', 'yellow', 'amber', 'orange', 'white'],
+    TAG_COLOR: [
+        'grey',
+        'red',
+        'pink',
+        'purple',
+        'violet',
+        'indigo',
+        'blue',
+        'light-blue',
+        'cyan',
+        'teal',
+        'green',
+        'light-green',
+        'lime',
+        'yellow',
+        'amber',
+        'orange',
+        'white',
+    ],
     TAG_TYPE: ['light', 'solid', 'ghost'],
     AVATAR_SHAPE: ['square', 'circle'],
 };

packages/semi-foundation/tagInput/foundation.ts

@@ -117,10 +117,8 @@ class TagInputFoundation extends BaseFoundation<TagInputAdapter> {
             const maxLen = Math.max(valueArr.length, inputArr.length);
             for (let i = 0; i < maxLen; i++) {
                 // When the input length is increasing
-                // eslint-disable-next-line max-len
                 if (!isUndefined(valueArr[i]) && (isUndefined(inputArr[i]) || valueArr[i].length > inputArr[i].length)) {
                     // When the input length exceeds maxLength
-                    // eslint-disable-next-line max-depth
                     if (valueArr[i].length > maxLength) {
                         allowChange = false;
                         isFunction(onInputExceed) && onInputExceed(value);

packages/semi-foundation/timePicker/foundation.ts

@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import { strings } from './constants';
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import {

packages/semi-foundation/timePicker/inputFoundation.ts

@@ -13,10 +13,8 @@ class TimePickerFoundation extends BaseFoundation<TimeInputAdapter> {
         super({ ...adapter });
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     init() {}
 
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     destroy() {}
 
     handleFocus(e: any) {

packages/semi-foundation/timePicker/utils/index.ts

@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import { format, parse } from 'date-fns';
 import { toNumber } from 'lodash';
 import { strings } from '../constants';

packages/semi-foundation/toast/toastFoundation.ts

@@ -35,10 +35,7 @@ export interface ToastInstance extends ToastProps{
     motion?: boolean
 }
 
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface ToastState{
-
-}
+export interface ToastState{}
 
 
 export interface ToastAdapter extends DefaultAdapter<ToastProps, ToastState>{

packages/semi-foundation/toast/toastListFoundation.ts

@@ -1,7 +1,6 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import { ToastInstance, ToastProps } from '../toast/toastFoundation';
 
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface ToastListProps{
 
 }

packages/semi-foundation/tooltip/foundation.ts

@@ -1,6 +1,3 @@
-/* eslint-disable no-param-reassign */
-/* eslint-disable prefer-destructuring, max-lines-per-function, one-var, max-len, @typescript-eslint/restrict-plus-operands */
-/* argus-disable unPkgSensitiveInfo */
 import { get, isEmpty } from 'lodash';
 import { DOMRectLikeType } from '../utils/dom';
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
@@ -325,7 +322,6 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
         this._adapter.insertPortal(content, { left: -9999, top: -9999 }); // offscreen rendering
 
         if (trigger === 'custom') {
-            // eslint-disable-next-line
             this._adapter.registerClickOutsideHandler(() => {});
         }
 
@@ -367,7 +363,6 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
     }
 
     calcTransformOrigin(position: Position, triggerRect: DOMRect, translateX: number, translateY: number) {
-        // eslint-disable-next-line
         if (position && triggerRect && translateX != null && translateY != null) {
             if (this.getProp('transformFromCenter')) {
                 if (['topLeft', 'bottomLeft'].includes(position)) {
@@ -402,9 +397,7 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
             ...defaultRect,
         };
         const wrapperRect = (isEmpty(props.wrapperRect) ? props.wrapperRect : this._adapter.getWrapperBounding()) || { ...defaultRect as any };
-        // eslint-disable-next-line
         const position = props.position != null ? props.position : this.getProp('position');
-        // eslint-disable-next-line
         const SPACING = spacing != null ? spacing : this.getProp('spacing');
         const { arrowPointAtCenter, showArrow, arrowBounding } = this.getProps();
         const pointAtCenter = showArrow && arrowPointAtCenter;
@@ -600,7 +593,6 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
 
         let transform = '';
 
-        // eslint-disable-next-line
         if (translateX != null) {
             transform += `translateX(${translateX * 100}%) `;
             Object.defineProperty(style, 'translateX', {
@@ -608,7 +600,6 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
                 value: translateX,
             });
         }
-        // eslint-disable-next-line
         if (translateY != null) {
             transform += `translateY(${translateY * 100}%) `;
             Object.defineProperty(style, 'translateY', {
@@ -616,7 +607,6 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
                 value: translateY,
             });
         }
-        // eslint-disable-next-line
         if (transformOrigin != null) {
             style.transformOrigin = transformOrigin;
         }

packages/semi-foundation/transfer/foundation.ts

@@ -42,7 +42,6 @@ export interface TransferAdapter<P = Record<string, any>, S = Record<string, any
     searchTree: (keyword: string) => void
 }
 
-// eslint-disable-next-line max-len
 export default class TransferFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<TransferAdapter<P, S>> {
     constructor(adapter: TransferAdapter<P, S>) {
         super({ ...adapter });

packages/semi-foundation/tree/foundation.ts

@@ -674,7 +674,6 @@ export default class TreeFoundation extends BaseFoundation<TreeAdapter, BasicTre
         });
     }
 
-    // eslint-disable-next-line max-len
     handleNodeLoad(loadedKeys: Set<string>, loadingKeys: Set<string>, data: BasicTreeNodeData, resolve: (value?: any) => void) {
         const { loadData, onLoad } = this.getProps();
         const { key } = data;

packages/semi-foundation/tree/treeUtil.ts

@@ -37,7 +37,6 @@ function isValid(val: any) {
  * @param filteredShownKeys
  * need expanded keys, provides `true` means all expanded
  */
-// eslint-disable-next-line max-len
 export function flattenTreeData(treeNodeList: any[], expandedKeys: Set<string>, filteredShownKeys: boolean | Set<any> = false) {
     const flattenList: any[] = [];
     const filterSearch = Boolean(filteredShownKeys);
@@ -61,7 +60,6 @@ export function flattenTreeData(treeNodeList: any[], expandedKeys: Set<string>,
             }
 
             // Loop treeNode children
-            // eslint-disable-next-line max-len
             if (expandedKeys.has(mergedKey) && (!filterSearch || (!isBooleanFilteredShownKeys && filteredShownKeys.has(mergedKey)))) {
                 flattenNode.children = flatten(treeNode.children || [], flattenNode);
             } else {
@@ -317,7 +315,7 @@ export function calcCheckedKeys(values: any, keyEntities: KeyEntities) {
     let halfCheckedKeys = new Set([]);
     let visited: any[] = [];
 
-    const levelMap:{[key: number]: string[]} = getSortedKeyList(keyList, keyEntities);
+    const levelMap: {[key: number]: string[]} = getSortedKeyList(keyList, keyEntities);
 
     const calcCurrLevel = (node: any) => {
         const { key, parent, level } = node;
@@ -369,7 +367,6 @@ export function calcExpandedKeys(keyList: any[] = [], keyEntities: KeyEntities,
 }
 
 /* Calculate the expanded node by value */
-// eslint-disable-next-line max-len
 export function calcExpandedKeysForValues(value: any, keyEntities: KeyEntities, isMultiple: boolean, valueEntities: any) {
     const keys = findKeysForValues(value, valueEntities, isMultiple);
     return new Set(findAncestorKeys(keys, keyEntities, false));
@@ -481,7 +478,6 @@ export function getMotionKeys(eventKey: string, expandedKeys: Set<string>, keyEn
     return res;
 }
 
-// eslint-disable-next-line max-len
 export function calcCheckedKeysForChecked(key: string, keyEntities: KeyEntities, checkedKeys: Set<string>, halfCheckedKeys: Set<string>) {
     const descendantKeys = findDescendantKeys([key], keyEntities, true);
     const nodeItem = keyEntities[key];
@@ -490,10 +486,8 @@ export function calcCheckedKeysForChecked(key: string, keyEntities: KeyEntities,
         if (!node.parent) {
             return;
         }
-        // eslint-disable-next-line @typescript-eslint/no-shadow
         const { key } = node;
         const siblingKeys = findSiblingKeys([key], keyEntities);
-        // eslint-disable-next-line @typescript-eslint/no-shadow
         const allChecked = siblingKeys.every(key => checkedKeys.has(key));
         if (!allChecked) {
             const ancestorKeys = findAncestorKeys([key], keyEntities, false);
@@ -511,7 +505,6 @@ export function calcCheckedKeysForChecked(key: string, keyEntities: KeyEntities,
     };
 }
 
-// eslint-disable-next-line max-len
 export function calcCheckedKeysForUnchecked(key: string, keyEntities: KeyEntities, checkedKeys: Set<string>, halfCheckedKeys: Set<string>) {
     const descendantKeys = findDescendantKeys([key], keyEntities, true);
     const nodeItem = keyEntities[key];
@@ -534,10 +527,8 @@ export function calcCheckedKeysForUnchecked(key: string, keyEntities: KeyEntitie
             return;
         }
         // Has a parent node, and the parent node is checked or halfChecked
-        // eslint-disable-next-line @typescript-eslint/no-shadow
         const { key } = node;
         const siblingKeys = findSiblingKeys([key], keyEntities);
-        // eslint-disable-next-line @typescript-eslint/no-shadow
         const anyChecked = siblingKeys.some(key => checkedKeys.has(key) || halfCheckedKeys.has(key));
         const ancestorKeys = findAncestorKeys([key], keyEntities, false);
         // If there is checked or halfChecked in the sibling node, you need to change the parent node to halfChecked

packages/semi-foundation/treeSelect/foundation.ts

@@ -200,7 +200,6 @@ export interface TreeSelectAdapter<P = Record<string, any>, S = Record<string, a
     updateIsFocus: (bool: boolean) => void
 }
 
-// eslint-disable-next-line max-len
 export default class TreeSelectFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<TreeSelectAdapter<P, S>, P, S> {
 
     constructor(adapter: TreeSelectAdapter<P, S>) {

packages/semi-foundation/utils/Event.ts

@@ -29,7 +29,6 @@ export default class Event {
                 const callbacks = this._eventMap.get(event);
                 if (Array.isArray(callbacks) && callbacks.length) {
                     let index = -1;
-                    // eslint-disable-next-line max-depth
                     while ((index = callbacks.findIndex(cb => cb === callback)) > -1) {
                         callbacks.splice(index, 1);
                     }

packages/semi-foundation/utils/date-fns-extra.ts

@@ -1,5 +1,3 @@
-/* eslint-disable max-len */
-/* eslint-disable eqeqeq */
 import {
     toDate,
     format as dateFnsFormat,

packages/semi-foundation/utils/function.ts

@@ -1,5 +1,4 @@
 /**
  * no operation
  */
-// eslint-disable-next-line @typescript-eslint/no-empty-function
 export function noop() {}

packages/semi-foundation/utils/object.ts

@@ -1,5 +1,3 @@
-/* eslint-disable max-len */
-/* argus-disable unPkgSensitiveInfo */
 import {
     get as lodashGet,
     set as lodashSet,
@@ -68,7 +66,6 @@ function cleanup(obj: ObjectType, path: string[], pull = true) {
     // }
 
     // Delete object if its empty
-    // eslint-disable-next-line
     if (Array.isArray(target) && target.every(e => e == null)) {
         lodashUnset(obj, path);
     } else if (isEmptyObject(target)) {

packages/semi-ui/_utils/index.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable max-len */
-/* argus-disable unPkgSensitiveInfo */
 import React from 'react';
 import { cloneDeepWith, set, get } from 'lodash';
 import warning from '@douyinfe/semi-foundation/utils/warning';

packages/semi-ui/autoComplete/index.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/ban-types, max-len */
 import React, { ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';

packages/semi-ui/autoComplete/option.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';

packages/semi-ui/avatar/avatarGroup.tsx

@@ -70,7 +70,6 @@ export default class AvatarGroup extends PureComponent<AvatarGroupProps> {
     }
 
     render() {
-        // eslint-disable-next-line no-unused-vars
         const { children, maxCount, overlapFrom, size, shape, renderMore, ...rest } = this.props;
         let inner;
         const groupCls = cls({

packages/semi-ui/avatar/index.tsx

@@ -201,7 +201,6 @@ export default class Avatar extends BaseComponent<AvatarProps, AvatarState> {
     }
 
     render() {
-        // eslint-disable-next-line max-len, no-unused-vars
         const { shape, children, size, color, className, hoverMask, onClick, imgAttr, src, srcSet, style, alt, ...others } = this.props;
         const { isImgExist, hoverContent, focusVisible } = this.state;
         const isImg = src && isImgExist;

packages/semi-ui/backtop/index.tsx

@@ -93,7 +93,6 @@ export default class BackTop extends BaseComponent<BackTopProps, BackTopState> {
     }
 
     render() {
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         const { children, className, style, onClick, visibilityHeight, target, ...others } = this.props;
         const { visible } = this.state;
         const preCls = cls(

packages/semi-ui/badge/index.tsx

@@ -60,7 +60,6 @@ export default class Badge extends PureComponent<BadgeProps> {
         const { direction } = this.context;
         // DefaultPosition here, static can't get this
         const defaultPosition = direction === 'rtl' ? 'leftTop' : 'rightTop';
-        // eslint-disable-next-line max-len
         const { count, dot, type, theme, position = defaultPosition, overflowCount, style, children, className, ...rest } = this.props;
         const custom = count && !(isNumber(count) || isString(count));
         const showBadge = count !== null && typeof count !== 'undefined';

packages/semi-ui/banner/index.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -53,7 +52,6 @@ export default class Banner extends BaseComponent<BannerProps, BannerState> {
     };
 
     static defaultProps = {
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
         onClose: () => { },
         type: 'info',
         fullMode: true,

packages/semi-ui/breadcrumb/index.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import React from 'react';
 import cls from 'classnames';
 import propTypes from 'prop-types';
@@ -202,7 +201,6 @@ class Breadcrumb extends BaseComponent<BreadcrumbProps, BreadcrumbState> {
                         key={key}
                         active={idx === items.length - 1}
                         route={route._origin}
-                        // eslint-disable-next-line max-len
                         shouldRenderSeparator={!(shouldCollapse && (hasRenderMore || moreTypeIsPopover) && inCollapseArea)}
                     >
                         {renderItem ? renderItem(route._origin) : route.name}

packages/semi-ui/button/Button.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react/destructuring-assignment */
 import React, { PureComponent, ReactNode } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -121,9 +120,7 @@ export default class Button extends PureComponent<ButtonProps> {
         }
 
         return (
-            // eslint-disable-next-line react/button-has-type
             <button {...baseProps} onClick={this.props.onClick} onMouseDown={this.props.onMouseDown} style={style}>
-                {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
                 <span className={`${prefixCls}-content`} onClick={e => disabled && e.stopPropagation()} {...xSemiProps}>
                     {children}
                 </span>

packages/semi-ui/button/index.tsx

@@ -11,7 +11,6 @@ export type { ButtonGroupProps } from './buttonGroup';
 
 export type { SplitButtonGroupProps } from './splitButtonGroup';
 
-// eslint-disable-next-line 
 export interface ButtonProps extends IconButtonProps {} // TODO check
 class Button extends React.PureComponent<ButtonProps> {
     static propTypes = {

packages/semi-ui/button/splitButtonGroup.tsx

@@ -7,7 +7,6 @@ import BaseComponent, { BaseProps } from '../_base/baseComponent';
 
 const prefixCls = cssClasses.PREFIX;
 
-// eslint-disable-next-line
 export interface SplitButtonGroupProps extends BaseProps {
     'aria-label'?: React.AriaAttributes['aria-label']
 }

packages/semi-ui/calendar/dayCalendar.tsx

@@ -116,7 +116,6 @@ export default class DayCalendar extends BaseComponent<DayCalendarProps, DayCale
         const list = events.map((event, ind) => {
             const { children, key } = event;
             return (
-                // eslint-disable-next-line max-len
                 <li className={`${cssClasses.PREFIX}-event-item ${cssClasses.PREFIX}-event-allday`} key={key || `allDay-${ind}`}>
                     {children}
                 </li>
@@ -155,7 +154,6 @@ export default class DayCalendar extends BaseComponent<DayCalendarProps, DayCale
     };
 
     render() {
-        // eslint-disable-next-line max-len
         const { dateGridRender, displayValue, showCurrTime, renderTimeDisplay, markWeekend, className, height, width, style, header } = this.props;
         const dayCls = cls(prefixCls, className);
         const dayStyle = {

packages/semi-ui/calendar/dayCol.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+/* eslint-disable jsx-a11y/no-noninteractive-element-to-interactive-role */
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';

packages/semi-ui/calendar/monthCalendar.tsx

@@ -5,7 +5,6 @@ import cls from 'classnames';
 import { isEqual } from 'lodash';
 import PropTypes from 'prop-types';
 import { IconClose } from '@douyinfe/semi-icons';
-// eslint-disable-next-line max-len
 import CalendarFoundation, { CalendarAdapter, EventObject, MonthData, MonthlyEvent, ParsedEventsType, ParsedEventsWithArray, ParsedRangeEvent } from '@douyinfe/semi-foundation/calendar/foundation';
 import { cssClasses } from '@douyinfe/semi-foundation/calendar/constants';
 import { DateObj } from '@douyinfe/semi-foundation/calendar/eventUtil';
@@ -87,7 +86,6 @@ export default class monthCalendar extends BaseComponent<MonthCalendarProps, Mon
             registerClickOutsideHandler: (key: string, cb: () => void) => {
                 const clickOutsideHandler = (e: MouseEvent) => {
                     const cardInstance = this.cardRef && this.cardRef.get(key);
-                    // eslint-disable-next-line react/no-find-dom-node
                     const cardDom = ReactDOM.findDOMNode(cardInstance);
                     if (cardDom && !cardDom.contains(e.target as any)) {
                         cb();
@@ -317,7 +315,6 @@ export default class monthCalendar extends BaseComponent<MonthCalendarProps, Mon
             );
         }
         return (
-            // eslint-disable-next-line max-len
             <span className={`${prefixCls}-date`}><span className={`${cssClasses.PREFIX}-today-date`}>{date}</span></span>
         );
     };

packages/semi-ui/calendar/rangeCalendar.tsx

@@ -1,7 +1,6 @@
 import React, { Fragment } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
-// eslint-disable-next-line max-len
 import CalendarFoundation, { ParsedEvents, CalendarAdapter, RangeData, ParsedRangeEvent, ParsedEventsType, EventObject } from '@douyinfe/semi-foundation/calendar/foundation';
 import LocaleConsumer from '../locale/localeConsumer';
 import localeContext from '../locale/context';

packages/semi-ui/carousel/CarouselIndicator.tsx

@@ -27,14 +27,14 @@ class CarouselIndicator extends React.PureComponent<CarouselIndicatorProps> {
 
     handleIndicatorClick = (activeIndex: number): void => {
         const { trigger } = this.props;
-        if (trigger === 'click'){
+        if (trigger === 'click') {
             this.onIndicatorChange(activeIndex);
         }
     }
 
     handleIndicatorHover = (activeIndex: number): void => {
         const { trigger } = this.props;
-        if (trigger === 'hover'){
+        if (trigger === 'hover') {
             this.onIndicatorChange(activeIndex);
         }
     }

packages/semi-ui/carousel/index.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable jsx-a11y/no-static-element-interactions */
 import React, { ReactNode, Children, ReactChild, ReactFragment, ReactPortal, isValidElement } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';

packages/semi-ui/checkbox/checkbox.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';

packages/semi-ui/checkbox/checkboxGroup.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -61,7 +60,6 @@ class CheckboxGroup extends BaseComponent<CheckboxGroupProps, CheckboxGroupState
 
     static defaultProps: Partial<CheckboxGroupProps> = {
         disabled: false,
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
         onChange: () => {},
         type: strings.TYPE_DEFAULT,
         defaultValue: [] as any,