@douyinfe/semi-ui 2.39.0 → 2.39.1

package/lib/es/checkbox/checkbox.js

@@ -1,7 +1,6 @@
 import _noop from "lodash/noop";
 import _isBoolean from "lodash/isBoolean";
 import _isUndefined from "lodash/isUndefined";
-/* eslint-disable max-len */
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';

package/lib/es/checkbox/checkboxGroup.js

@@ -1,5 +1,4 @@
 import _isEqual from "lodash/isEqual";
-/* eslint-disable max-len */
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -140,7 +139,6 @@ CheckboxGroup.propTypes = {
 };
 CheckboxGroup.defaultProps = {
   disabled: false,
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   onChange: () => {},
   type: strings.TYPE_DEFAULT,
   defaultValue: [],

package/lib/es/checkbox/checkboxInner.js

@@ -1,5 +1,4 @@
 import _noop from "lodash/noop";
-/* eslint-disable no-nested-ternary */
 import React, { PureComponent } from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';

package/lib/es/collapse/index.js

@@ -55,7 +55,6 @@ class Collapse extends BaseComponent {
     this.foundation.destroy();
   }
   render() {
-    // eslint-disable-next-line max-len
     const _a = this.props,
       {
         defaultActiveKey,

package/lib/es/datePicker/dateInput.js

@@ -9,8 +9,6 @@ var __rest = this && this.__rest || function (s, e) {
 };
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable max-lines-per-function */
-/* eslint-disable no-unused-vars */
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -104,7 +102,6 @@ export default class DateInput extends BaseComponent {
     this.foundation.destroy();
   }
   formatText(value) {
-    // eslint-disable-next-line max-len
     return value && value.length ? this.foundation.formatShowText(value) : '';
   }
   renderRangePrefix() {

package/lib/es/datePicker/datePicker.js

@@ -14,9 +14,6 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 /* eslint-disable jsx-a11y/click-events-have-key-events,jsx-a11y/interactive-supports-focus */
-/* eslint-disable max-len */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-/* eslint-disable jsx-a11y/no-static-element-interactions */
 import React from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';

package/lib/es/datePicker/month.js

@@ -2,7 +2,6 @@ import _isFunction from "lodash/isFunction";
 import _stubFalse from "lodash/stubFalse";
 import _noop from "lodash/noop";
 /* eslint-disable jsx-a11y/click-events-have-key-events,jsx-a11y/no-noninteractive-element-interactions */
-/* eslint-disable max-len */
 import React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -112,7 +111,6 @@ export default class Month extends BaseComponent {
     // The range selects the hover date, and the normal hover is .semi-datepicker-main: hover
     const _isHoverDay = isSameDay(hoverDay, fullDate);
     // When one is selected
-    // eslint-disable-next-line one-var
     let _isHoverAfterStart, _isHoverBeforeEnd, isSelectedStart, isSelectedEnd, isHoverDayAroundOneSelected;
     if (rangeStart) {
       isSelectedStart = isSameDay(fullDate, rangeStart);
@@ -135,13 +133,11 @@ export default class Month extends BaseComponent {
     if (!_isDateRangeSelected && _isDateRangeAnySelected) {
       isHoverDayAroundOneSelected = _isHoverDay;
     }
-    // eslint-disable-next-line one-var
     let isHover;
     if (!_isOffsetDateRangeAnyExist) {
       isHover = _isHoverAfterStart || _isHoverBeforeEnd || _isHoverDay;
     }
     // Select all
-    // eslint-disable-next-line one-var
     let isInRange, isSelectedStartAfterHover, isSelectedEndBeforeHover, isHoverDayInStartSelection, isHoverDayInEndSelection, isHoverDayInRange;
     if (_isDateRangeSelected) {
       isInRange = isBetween(fullDate, {

package/lib/es/datePicker/monthsGrid.js

@@ -1,10 +1,6 @@
 import _stubFalse from "lodash/stubFalse";
 import _noop from "lodash/noop";
-/* eslint-disable jsx-a11y/interactive-supports-focus,jsx-a11y/click-events-have-key-events */
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable react/no-did-update-set-state */
-/* eslint-disable max-len */
-/* eslint-disable no-nested-ternary */
+/* eslint-disable jsx-a11y/interactive-supports-focus */
 import React from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';

package/lib/es/datePicker/yearAndMonth.js

@@ -1,7 +1,6 @@
 import _isEqual from "lodash/isEqual";
 import _stubFalse from "lodash/stubFalse";
 import _noop from "lodash/noop";
-/* eslint-disable max-len */
 import React from 'react';
 import PropTypes from 'prop-types';
 import YearAndMonthFoundation from '@douyinfe/semi-foundation/lib/es/datePicker/yearAndMonthFoundation';

package/lib/es/form/arrayField.js

@@ -1,6 +1,5 @@
 import _isUndefined from "lodash/isUndefined";
 import _cloneDeep from "lodash/cloneDeep";
-/* eslint-disable react/destructuring-assignment */
 import React, { Component } from 'react';
 import { getUuidv4 } from '@douyinfe/semi-foundation/lib/es/utils/uuid';
 import { FormUpdaterContext, ArrayFieldContext } from './context';

package/lib/es/form/baseForm.js

@@ -7,7 +7,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable prefer-template, max-len, @typescript-eslint/no-unused-vars */
 import React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';

package/lib/es/form/context.js

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
 import React from 'react';
 const FormStateContext = /*#__PURE__*/React.createContext({});
 FormStateContext.displayName = 'FormState';

package/lib/es/form/errorMessage.js

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

package/lib/es/form/field.js

@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import withField from './hoc/withField';
 // Basic component
 import Input from '../input/index';

package/lib/es/form/group.js

@@ -7,7 +7,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable react/destructuring-assignment */
 import React, { Component } from 'react';
 import classNames from 'classnames';
 import { isValid } from '@douyinfe/semi-foundation/lib/es/form/utils';

package/lib/es/form/hoc/withField.js

@@ -1,4 +1,4 @@
-/* eslint-disable max-lines-per-function, react-hooks/rules-of-hooks, prefer-const, max-len */
+/* eslint-disable react-hooks/rules-of-hooks */
 import React, { useState, useLayoutEffect, useEffect, useMemo, useRef, forwardRef } from 'react';
 import classNames from 'classnames';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/form/constants';
@@ -151,9 +151,7 @@ function withField(Component, opts) {
       const rootPromise = new Promise((resolve, reject) => {
         validator.validate(model, {
           first: stopValidateWithError
-        },
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        (errors, fields) => {}).then(res => {
+        }, (errors, fields) => {}).then(res => {
           if (validatePromise.current !== rootPromise) {
             return;
           }
@@ -172,7 +170,6 @@ function withField(Component, opts) {
           if (errors && fields) {
             let messages = errors.map(e => e.message);
             if (messages.length === 1) {
-              // eslint-disable-next-line prefer-destructuring
               messages = messages[0];
             }
             updateError(messages, callOpts);
@@ -349,7 +346,6 @@ function withField(Component, opts) {
     useIsomorphicEffect(() => {
       // register
       if (typeof field === 'undefined') {
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
         return () => {};
       }
       // log('register: ' + field);

package/lib/es/form/interface.js

@@ -1,5 +1,3 @@
-/* eslint-disable one-var */
-/* eslint-disable react/prefer-stateless-function, max-len */
 import * as React from 'react';
 export class FormSelect extends React.Component {}
 export class Field extends React.Component {}

package/lib/es/form/section.js

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

package/lib/es/form/slot.js

@@ -9,7 +9,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable max-lines-per-function, prefer-destructuring, prefer-const, @typescript-eslint/no-unused-vars */
 import React, { useContext } from 'react';
 import classNames from 'classnames';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/form/constants';
@@ -30,7 +29,6 @@ const FormSlot = props => {
     labelAlign = formProps.labelAlign;
     labelPosition = formProps.labelPosition ? formProps.labelPosition : labelPosition;
   } catch (error) {}
-  // eslint-disable-next-line react/destructuring-assignment
   props.labelPosition ? labelPosition = props.labelPosition : null;
   let {
       children,

package/lib/es/iconButton/index.js

@@ -7,7 +7,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable eqeqeq */
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';

package/lib/es/image/image.js

@@ -9,8 +9,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-/* eslint-disable jsx-a11y/no-static-element-interactions */
 import React from "react";
 import BaseComponent from "../_base/baseComponent";
 import PropTypes from "prop-types";
@@ -174,36 +172,31 @@ export default class Image extends BaseComponent {
     const showPreviewCursor = preview && loadStatus === "success";
     const previewSrc = _isObject(preview) ? (_a = preview.src) !== null && _a !== void 0 ? _a : src : src;
     const previewProps = _isObject(preview) ? preview : {};
-    return (
-      /*#__PURE__*/
-      // eslint-disable jsx-a11y/no-static-element-interactions
-      // eslint-disable jsx-a11y/click-events-have-key-events
-      React.createElement("div", {
-        style: outerStyle,
-        className: outerCls,
-        onClick: this.handleClick
-      }, /*#__PURE__*/React.createElement("img", Object.assign({
-        ref: this.imgRef
-      }, restProps, {
-        src: this.isInGroup() && this.isLazyLoad() ? undefined : src,
-        "data-src": src,
-        alt: alt,
-        className: cls(`${prefixCls}-img`, {
-          [`${prefixCls}-img-preview`]: showPreviewCursor,
-          [`${prefixCls}-img-error`]: loadStatus === "error"
-        }),
-        width: width,
-        height: height,
-        crossOrigin: crossOrigin,
-        onError: this.handleError,
-        onLoad: this.handleLoaded
-      })), loadStatus !== "success" && this.renderExtra(), canPreview && /*#__PURE__*/React.createElement(PreviewInner, Object.assign({}, previewProps, {
-        src: previewSrc,
-        visible: previewVisible,
-        onVisibleChange: this.handlePreviewVisibleChange,
-        crossOrigin: !_isUndefined(crossOrigin) ? crossOrigin : previewProps === null || previewProps === void 0 ? void 0 : previewProps.crossOrigin
-      })))
-    );
+    return /*#__PURE__*/React.createElement("div", {
+      style: outerStyle,
+      className: outerCls,
+      onClick: this.handleClick
+    }, /*#__PURE__*/React.createElement("img", Object.assign({
+      ref: this.imgRef
+    }, restProps, {
+      src: this.isInGroup() && this.isLazyLoad() ? undefined : src,
+      "data-src": src,
+      alt: alt,
+      className: cls(`${prefixCls}-img`, {
+        [`${prefixCls}-img-preview`]: showPreviewCursor,
+        [`${prefixCls}-img-error`]: loadStatus === "error"
+      }),
+      width: width,
+      height: height,
+      crossOrigin: crossOrigin,
+      onError: this.handleError,
+      onLoad: this.handleLoaded
+    })), loadStatus !== "success" && this.renderExtra(), canPreview && /*#__PURE__*/React.createElement(PreviewInner, Object.assign({}, previewProps, {
+      src: previewSrc,
+      visible: previewVisible,
+      onVisibleChange: this.handlePreviewVisibleChange,
+      crossOrigin: !_isUndefined(crossOrigin) ? crossOrigin : previewProps === null || previewProps === void 0 ? void 0 : previewProps.crossOrigin
+    })));
   }
 }
 Image.isSemiImage = true;

package/lib/es/image/interface.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode } from "react";
 import { BaseProps } from "_base/baseComponent";
+import { RatioType } from '@douyinfe/semi-foundation/lib/es/image/previewInnerFoundation';
 import React from "react";
+export type { RatioType };
 export interface ImageStates {
     src: string;
     loadStatus: "loading" | "success" | "error";
@@ -84,7 +86,6 @@ export interface MenuProps {
     onRotateLeft?: () => void;
     onRotateRight?: () => void;
 }
-export type RatioType = "adaptation" | "realSize";
 export interface PreviewInnerStates {
     imgSrc?: string[];
     imgLoadStatus?: Map<string, boolean>;

package/lib/es/image/previewInner.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import BaseComponent from "../_base/baseComponent";
 import { PreviewProps as PreviewInnerProps, PreviewInnerStates } from "./interface";
 import PropTypes from "prop-types";
-import PreviewInnerFoundation, { PreviewInnerAdapter } from '@douyinfe/semi-foundation/lib/es/image/previewInnerFoundation';
+import PreviewInnerFoundation, { PreviewInnerAdapter, RatioType } from '@douyinfe/semi-foundation/lib/es/image/previewInnerFoundation';
 import { PreviewContextProps } from "./previewContext";
 export default class PreviewInner extends BaseComponent<PreviewInnerProps, PreviewInnerStates> {
     static contextType: React.Context<PreviewContextProps>;
@@ -77,7 +77,7 @@ export default class PreviewInner extends BaseComponent<PreviewInnerProps, Previ
     handleSwitchImage: (direction: string) => void;
     handleDownload: () => void;
     handlePreviewClose: () => void;
-    handleAdjustRatio: (type: string) => void;
+    handleAdjustRatio: (type: RatioType) => void;
     handleRotateImage: (direction: any) => void;
     handleZoomImage: (newZoom: number) => void;
     handleMouseUp: (e: any) => void;

package/lib/es/image/previewInner.js

@@ -1,6 +1,5 @@
 import _isFunction from "lodash/isFunction";
 import _isEqual from "lodash/isEqual";
-/* eslint-disable jsx-a11y/no-static-element-interactions */
 import React from "react";
 import BaseComponent from "../_base/baseComponent";
 import PropTypes from "prop-types";

package/lib/es/input/index.js

@@ -10,7 +10,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable no-unused-vars, max-len, @typescript-eslint/no-unused-vars */
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';

package/lib/es/input/inputGroup.js

@@ -8,7 +8,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable max-len */
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -20,7 +19,6 @@ const prefixCls = cssClasses.PREFIX;
 const sizeSet = strings.SIZE;
 export default class inputGroup extends BaseComponent {
   renderGroupWithLabel(inner) {
-    // eslint-disable-next-line no-unused-vars
     const _a = this.props,
       {
         size,

package/lib/es/input/textarea.js

@@ -9,7 +9,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable no-unused-vars */
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';

package/lib/es/inputNumber/index.js

@@ -10,11 +10,6 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable no-unused-vars */
-/* eslint-disable max-depth */
-/* eslint-disable react/no-did-update-set-state */
-/* eslint-disable max-len */
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';

package/lib/es/modal/ConfirmModal.js

@@ -6,8 +6,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable react/destructuring-assignment */
-/* eslint-disable eqeqeq */
 import React, { useState, useCallback } from 'react';
 import cls from 'classnames';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/modal/constants';

package/lib/es/modal/Modal.js

@@ -7,7 +7,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable react/destructuring-assignment, prefer-const, @typescript-eslint/no-unused-vars */
 import React from 'react';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/modal/constants';
 import Button from '../button';

package/lib/es/modal/ModalContent.js

@@ -9,7 +9,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable eqeqeq */
 import React from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
@@ -18,7 +17,6 @@ import ConfigContext from '../configProvider/context';
 import Button from '../iconButton';
 import Typography from '../typography';
 import BaseComponent from '../_base/baseComponent';
-// eslint-disable-next-line max-len
 import ModalContentFoundation from '@douyinfe/semi-foundation/lib/es/modal/modalContentFoundation';
 import { IconClose } from '@douyinfe/semi-icons';
 import FocusTrapHandle from '@douyinfe/semi-foundation/lib/es/utils/FocusHandle';
@@ -308,7 +306,6 @@ export default class ModalContent extends BaseComponent {
       onClick: maskClosable ? this.onMaskClick : null,
       onMouseUp: maskClosable ? this.onMaskMouseUp : null
     }, this.props.contentExtraProps), this.getDialogElement()));
-    // eslint-disable-next-line max-len
     return containerContext && containerContext.Provider ? /*#__PURE__*/React.createElement(containerContext.Provider, {
       value: containerContext.value
     }, elem) : elem;

package/lib/es/modal/confirm.js

@@ -17,7 +17,6 @@ export default function confirm(props) {
     }
     for (let i = 0; i < destroyFns.length; i++) {
       const fn = destroyFns[i];
-      // eslint-disable-next-line @typescript-eslint/no-use-before-define
       if (fn === close) {
         destroyFns.splice(i, 1);
         break;

package/lib/es/modal/useModal/HookModal.js

@@ -8,7 +8,6 @@ var __rest = this && this.__rest || function (s, e) {
 };
 import React from 'react';
 import ConfirmModal from '../ConfirmModal';
-// eslint-disable-next-line max-len
 const HookModal = (_a, ref) => {
   var {
       afterClose,

package/lib/es/modal/useModal/index.js

@@ -14,12 +14,10 @@ function usePatchElement() {
 }
 export default function useModal() {
   const [elements, patchElement] = usePatchElement();
-  // eslint-disable-next-line max-len
   function getConfirmFunc(withFunc) {
     return function hookConfirm(config) {
       uuid += 1;
       const modalRef = /*#__PURE__*/React.createRef();
-      // eslint-disable-next-line prefer-const
       let closeFunc;
       const modal = /*#__PURE__*/React.createElement(HookModal, {
         key: `semi-modal-${uuid}`,

package/lib/es/navigation/Item.js

@@ -1,7 +1,5 @@
 import _times from "lodash/times";
 import _noop from "lodash/noop";
-/* eslint-disable max-len */
-/* eslint-disable no-nested-ternary */
 import BaseComponent from '../_base/baseComponent';
 import React from 'react';
 import PropTypes from 'prop-types';

package/lib/es/navigation/SubNav.js

@@ -1,7 +1,5 @@
 import _get from "lodash/get";
 import _times from "lodash/times";
-/* eslint-disable max-len */
-/* eslint-disable no-nested-ternary */
 import BaseComponent from '../_base/baseComponent';
 import React from 'react';
 import PropTypes from 'prop-types';

package/lib/es/navigation/index.js

@@ -9,7 +9,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable max-lines-per-function */
 import BaseComponent from '../_base/baseComponent';
 import React, { Children } from 'react';
 import PropTypes from 'prop-types';

package/lib/es/notification/notice.js

@@ -7,7 +7,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable no-unreachable */
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -128,39 +127,35 @@ class Notice extends BaseComponent {
       [`${prefixCls}-rtl`]: direction === 'rtl'
     });
     const titleID = getUuidShort({});
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-      React.createElement("div", {
-        className: wrapper,
-        style: style,
-        onMouseEnter: this.clearCloseTimer,
-        onMouseLeave: this.startCloseTimer,
-        onClick: this.notifyClick,
-        "aria-labelledby": titleID,
-        role: 'alert',
-        onAnimationEnd: this.props.onAnimationEnd,
-        onAnimationStart: this.props.onAnimationStart
-      }, /*#__PURE__*/React.createElement("div", null, this.renderTypeIcon()), /*#__PURE__*/React.createElement("div", {
-        className: `${prefixCls}-inner`
-      }, /*#__PURE__*/React.createElement("div", {
-        className: `${prefixCls}-content-wrapper`
-      }, title ? /*#__PURE__*/React.createElement("div", {
-        id: titleID,
-        className: `${prefixCls}-title`,
-        "x-semi-prop": "title"
-      }, title) : '', content ? /*#__PURE__*/React.createElement("div", {
-        className: `${prefixCls}-content`,
-        "x-semi-prop": "content"
-      }, content) : ''), showClose && /*#__PURE__*/React.createElement(Button, {
-        className: `${prefixCls}-icon-close`,
-        type: "tertiary",
-        icon: /*#__PURE__*/React.createElement(IconClose, null),
-        theme: "borderless",
-        size: "small",
-        onClick: this.close
-      })))
-    );
+    return /*#__PURE__*/React.createElement("div", {
+      className: wrapper,
+      style: style,
+      onMouseEnter: this.clearCloseTimer,
+      onMouseLeave: this.startCloseTimer,
+      onClick: this.notifyClick,
+      "aria-labelledby": titleID,
+      role: 'alert',
+      onAnimationEnd: this.props.onAnimationEnd,
+      onAnimationStart: this.props.onAnimationStart
+    }, /*#__PURE__*/React.createElement("div", null, this.renderTypeIcon()), /*#__PURE__*/React.createElement("div", {
+      className: `${prefixCls}-inner`
+    }, /*#__PURE__*/React.createElement("div", {
+      className: `${prefixCls}-content-wrapper`
+    }, title ? /*#__PURE__*/React.createElement("div", {
+      id: titleID,
+      className: `${prefixCls}-title`,
+      "x-semi-prop": "title"
+    }, title) : '', content ? /*#__PURE__*/React.createElement("div", {
+      className: `${prefixCls}-content`,
+      "x-semi-prop": "content"
+    }, content) : ''), showClose && /*#__PURE__*/React.createElement(Button, {
+      className: `${prefixCls}-icon-close`,
+      type: "tertiary",
+      icon: /*#__PURE__*/React.createElement(IconClose, null),
+      theme: "borderless",
+      size: "small",
+      onClick: this.close
+    })));
   }
 }
 Notice.contextType = ConfigContext;

package/lib/es/notification/useNotification/index.js

@@ -52,6 +52,7 @@ function usePatchElement() {
       const pos = obj[0];
       const notices = obj[1];
       // @ts-ignore
+      // eslint-disable-next-line react/no-unknown-property
       return Array.isArray(notices) && notices.length ? /*#__PURE__*/React.createElement("div", {
         key: pos,
         className: cls(cssClasses.LIST),
@@ -69,7 +70,6 @@ export default function useNotification() {
     const mergeConfig = Object.assign(Object.assign({}, config), {
       id
     });
-    // eslint-disable-next-line prefer-const
     let closeFunc;
     const ref = ele => {
       noticeRef.set(id, ele);

package/lib/es/overflowList/index.js

@@ -1,7 +1,6 @@
 import _get from "lodash/get";
 import _isFunction from "lodash/isFunction";
 import _isEqual from "lodash/isEqual";
-/* eslint-disable arrow-body-style */
 import React from 'react';
 import cls from 'classnames';
 import BaseComponent from '../_base/baseComponent';

package/lib/es/pagination/index.js

@@ -7,7 +7,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable max-len */
 /* eslint-disable jsx-a11y/no-noninteractive-element-to-interactive-role */
 import React from 'react';
 import classNames from 'classnames';

package/lib/es/popconfirm/index.js

@@ -10,7 +10,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable max-len */
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';