@douyinfe/semi-ui 2.40.0-alpha.0 → 2.40.0

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";
@@ -162,9 +160,10 @@ export default class Image extends BaseComponent {
         preview,
         fallback,
         placeholder,
-        imageID
+        imageID,
+        setDownloadName
       } = _b,
-      restProps = __rest(_b, ["src", "width", "height", "alt", "style", "className", "crossOrigin", "preview", "fallback", "placeholder", "imageID"]);
+      restProps = __rest(_b, ["src", "width", "height", "alt", "style", "className", "crossOrigin", "preview", "fallback", "placeholder", "imageID", "setDownloadName"]);
     const outerStyle = Object.assign({
       width,
       height
@@ -174,36 +173,32 @@ 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,
+      setDownloadName: setDownloadName
+    })));
   }
 }
 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";
@@ -19,6 +21,7 @@ export interface ImageProps extends BaseProps {
     crossOrigin?: "anonymous" | "use-credentials";
     children?: ReactNode;
     imageID?: number;
+    setDownloadName?: (src: string) => string;
 }
 export interface PreviewProps extends BaseProps {
     visible?: boolean;
@@ -63,6 +66,7 @@ export interface PreviewProps extends BaseProps {
     onRatioChange?: (type: RatioType) => void;
     onRotateLeft?: (angle: number) => void;
     onDownload?: (src: string, index: number) => void;
+    setDownloadName?: (src: string) => string;
 }
 export interface MenuProps {
     min?: number;
@@ -84,7 +88,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/preview.js

@@ -141,9 +141,10 @@ export default class Preview extends BaseComponent {
         src,
         className,
         style,
-        lazyLoad
+        lazyLoad,
+        setDownloadName
       } = _a,
-      restProps = __rest(_a, ["src", "className", "style", "lazyLoad"]);
+      restProps = __rest(_a, ["src", "className", "style", "lazyLoad", "setDownloadName"]);
     const {
       currentIndex,
       visible
@@ -165,7 +166,8 @@ export default class Preview extends BaseComponent {
         lazyLoad,
         previewObserver: this.previewObserver,
         setCurrentIndex: this.handleCurrentIndexChange,
-        handleVisibleChange: this.handleVisibleChange
+        handleVisibleChange: this.handleVisibleChange,
+        setDownloadName: setDownloadName
       }
     }, /*#__PURE__*/React.createElement("div", {
       id: this.previewGroupId,

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

@@ -9,5 +9,6 @@ export interface PreviewContextProps {
     previewObserver: IntersectionObserver;
     setCurrentIndex: (current: number) => void;
     handleVisibleChange: (visible: boolean, preVisible?: boolean) => void;
+    setDownloadName: (src: string) => string;
 }
 export declare const PreviewContext: import("react").Context<PreviewContextProps>;

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

@@ -49,7 +49,7 @@ export default class Footer extends BaseComponent<FooterProps> {
     handleSlideChange: import("lodash").DebouncedFunc<(value: any) => void>;
     handleRatioClick: () => void;
     customRenderViewMenu: () => ReactNode;
-    getFinalIconElement: (element: ReactNode, content: ReactNode) => string | number | boolean | React.ReactFragment | JSX.Element;
+    getFinalIconElement: (element: ReactNode, content: ReactNode, key: string) => string | number | boolean | React.ReactFragment | JSX.Element;
     getLocalTextByKey: (key: string) => JSX.Element;
     getIconChevronLeft: () => string | number | boolean | React.ReactFragment | JSX.Element;
     getIconChevronRight: () => string | number | boolean | React.ReactFragment | JSX.Element;
@@ -58,5 +58,9 @@ export default class Footer extends BaseComponent<FooterProps> {
     getIconRatio: () => string | number | boolean | React.ReactFragment | JSX.Element;
     getIconRotate: () => string | number | boolean | React.ReactFragment | JSX.Element;
     getIconDownload: () => string | number | boolean | React.ReactFragment | JSX.Element;
+    getNumberInfo: () => JSX.Element;
+    getSlider: () => JSX.Element;
+    getMenu: () => (string | number | boolean | React.ReactFragment | JSX.Element)[];
+    getFooterMenu: () => (string | number | boolean | React.ReactFragment | JSX.Element)[];
     render(): JSX.Element;
 }

package/lib/es/image/previewFooter.js

@@ -81,18 +81,20 @@ export default class Footer extends BaseComponent {
         disabledZoomOut: zoom === min,
         onRatioClick: this.handleRatioClick,
         onZoomIn: this.handlePlusClick,
-        onZoomOut: this.handleMinusClick
+        onZoomOut: this.handleMinusClick,
+        menuItems: this.getMenu()
       };
       return renderPreviewMenu(props);
     };
     // According to showTooltip in props, decide whether to use Tooltip to pack a layer
     // 根据 props 中的 showTooltip 决定是否使用 Tooltip 包一层
-    this.getFinalIconElement = (element, content) => {
+    this.getFinalIconElement = (element, content, key) => {
       const {
         showTooltip
       } = this.props;
       return showTooltip ? /*#__PURE__*/React.createElement(Tooltip, {
-        content: content
+        content: content,
+        key: `tooltip-${key}`
       }, element) : element;
     };
     this.getLocalTextByKey = key => /*#__PURE__*/React.createElement(LocaleConsumer, {
@@ -105,12 +107,13 @@ export default class Footer extends BaseComponent {
         prevTip
       } = this.props;
       const icon = /*#__PURE__*/React.createElement(IconChevronLeft, {
+        key: "chevron-left",
         size: "large",
         className: disabledPrev ? `${footerPrefixCls}-disabled` : "",
         onClick: !disabledPrev ? onPrev : undefined
       });
       const content = prevTip !== null && prevTip !== void 0 ? prevTip : this.getLocalTextByKey("prevTip");
-      return this.getFinalIconElement(icon, content);
+      return this.getFinalIconElement(icon, content, 'chevron-left');
     };
     this.getIconChevronRight = () => {
       const {
@@ -119,12 +122,13 @@ export default class Footer extends BaseComponent {
         nextTip
       } = this.props;
       const icon = /*#__PURE__*/React.createElement(IconChevronRight, {
+        key: "chevron-right",
         size: "large",
         className: disabledNext ? `${footerPrefixCls}-disabled` : "",
         onClick: !disabledNext ? onNext : undefined
       });
       const content = nextTip !== null && nextTip !== void 0 ? nextTip : this.getLocalTextByKey("nextTip");
-      return this.getFinalIconElement(icon, content);
+      return this.getFinalIconElement(icon, content, 'chevron-right');
     };
     this.getIconMinus = () => {
       const {
@@ -134,12 +138,13 @@ export default class Footer extends BaseComponent {
       } = this.props;
       const disabledZoomOut = zoom === min;
       const icon = /*#__PURE__*/React.createElement(IconMinus, {
+        key: "minus",
         size: "large",
         onClick: !disabledZoomOut ? this.handleMinusClick : undefined,
         className: disabledZoomOut ? `${footerPrefixCls}-disabled` : ""
       });
       const content = zoomOutTip !== null && zoomOutTip !== void 0 ? zoomOutTip : this.getLocalTextByKey("zoomOutTip");
-      return this.getFinalIconElement(icon, content);
+      return this.getFinalIconElement(icon, content, 'minus');
     };
     this.getIconPlus = () => {
       const {
@@ -149,12 +154,13 @@ export default class Footer extends BaseComponent {
       } = this.props;
       const disabledZoomIn = zoom === max;
       const icon = /*#__PURE__*/React.createElement(IconPlus, {
+        key: "plus",
         size: "large",
         onClick: !disabledZoomIn ? this.handlePlusClick : undefined,
         className: disabledZoomIn ? `${footerPrefixCls}-disabled` : ""
       });
       const content = zoomInTip !== null && zoomInTip !== void 0 ? zoomInTip : this.getLocalTextByKey("zoomInTip");
-      return this.getFinalIconElement(icon, content);
+      return this.getFinalIconElement(icon, content, 'plus');
     };
     this.getIconRatio = () => {
       const {
@@ -163,6 +169,7 @@ export default class Footer extends BaseComponent {
         adaptiveTip
       } = this.props;
       const props = {
+        key: "ratio",
         size: "large",
         className: cls(`${footerPrefixCls}-gap`),
         onClick: this.handleRatioClick
@@ -174,18 +181,19 @@ export default class Footer extends BaseComponent {
       } else {
         content = adaptiveTip !== null && adaptiveTip !== void 0 ? adaptiveTip : this.getLocalTextByKey("adaptiveTip");
       }
-      return this.getFinalIconElement(icon, content);
+      return this.getFinalIconElement(icon, content, 'ratio');
     };
     this.getIconRotate = () => {
       const {
         rotateTip
       } = this.props;
       const icon = /*#__PURE__*/React.createElement(IconRotate, {
+        key: "rotate",
         size: "large",
         onClick: this.handleRotateLeft
       });
       const content = rotateTip !== null && rotateTip !== void 0 ? rotateTip : this.getLocalTextByKey("rotateTip");
-      return this.getFinalIconElement(icon, content);
+      return this.getFinalIconElement(icon, content, 'rotate');
     };
     this.getIconDownload = () => {
       const {
@@ -194,6 +202,7 @@ export default class Footer extends BaseComponent {
         disableDownload
       } = this.props;
       const icon = /*#__PURE__*/React.createElement(IconDownload, {
+        key: 'download',
         size: "large",
         onClick: !disableDownload ? onDownload : undefined,
         className: cls(`${footerPrefixCls}-gap`, {
@@ -201,44 +210,63 @@ export default class Footer extends BaseComponent {
         })
       });
       const content = downloadTip !== null && downloadTip !== void 0 ? downloadTip : this.getLocalTextByKey("downloadTip");
-      return this.getFinalIconElement(icon, content);
+      return this.getFinalIconElement(icon, content, 'download');
+    };
+    this.getNumberInfo = () => {
+      const {
+        curPage,
+        totalNum
+      } = this.props;
+      return /*#__PURE__*/React.createElement("div", {
+        className: `${footerPrefixCls}-page`,
+        key: 'info'
+      }, curPage, "/", totalNum);
+    };
+    this.getSlider = () => {
+      const {
+        zoom,
+        min,
+        max,
+        step,
+        showTooltip
+      } = this.props;
+      return /*#__PURE__*/React.createElement(Slider, {
+        key: 'slider',
+        value: zoom,
+        min: min,
+        max: max,
+        step: step,
+        tipFormatter: v => `${v}%`,
+        tooltipVisible: showTooltip ? undefined : false,
+        onChange: this.handleSlideChange
+      });
+    };
+    this.getMenu = () => [this.getIconChevronLeft(), this.getNumberInfo(), this.getIconChevronRight(), this.getIconMinus(), this.getSlider(), this.getIconPlus(), this.getIconRatio(), this.getIconRotate(), this.getIconDownload()];
+    this.getFooterMenu = () => {
+      const menuItems = this.getMenu();
+      menuItems.splice(3, 0, /*#__PURE__*/React.createElement(Divider, {
+        layout: "vertical",
+        key: "divider-first"
+      }));
+      menuItems.splice(8, 0, /*#__PURE__*/React.createElement(Divider, {
+        layout: "vertical",
+        key: "divider-second"
+      }));
+      return menuItems;
     };
     this.foundation = new PreviewFooterFoundation(this.adapter);
   }
   render() {
     const {
-      min,
-      max,
-      step,
-      curPage,
-      totalNum,
-      zoom,
-      showTooltip,
       className,
       renderPreviewMenu
     } = this.props;
-    if (renderPreviewMenu) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: `${footerPrefixCls}-wrapper`
-      }, this.customRenderViewMenu());
-    }
+    const menuCls = cls(footerPrefixCls, `${footerPrefixCls}-wrapper`, className, {
+      [`${footerPrefixCls}-content`]: !Boolean(renderPreviewMenu)
+    });
     return /*#__PURE__*/React.createElement("section", {
-      className: cls(footerPrefixCls, `${footerPrefixCls}-wrapper`, className)
-    }, this.getIconChevronLeft(), /*#__PURE__*/React.createElement("div", {
-      className: `${footerPrefixCls}-page`
-    }, /*#__PURE__*/React.createElement("span", null, curPage), /*#__PURE__*/React.createElement("span", null, "/"), /*#__PURE__*/React.createElement("span", null, totalNum)), this.getIconChevronRight(), /*#__PURE__*/React.createElement(Divider, {
-      layout: "vertical"
-    }), this.getIconMinus(), /*#__PURE__*/React.createElement(Slider, {
-      value: zoom,
-      min: min,
-      max: max,
-      step: step,
-      tipFormatter: v => `${v}%`,
-      tooltipVisible: showTooltip ? undefined : false,
-      onChange: this.handleSlideChange
-    }), this.getIconPlus(), this.getIconRatio(), /*#__PURE__*/React.createElement(Divider, {
-      layout: "vertical"
-    }), this.getIconRotate(), this.getIconDownload());
+      className: menuCls
+    }, renderPreviewMenu ? this.customRenderViewMenu() : this.getFooterMenu());
   }
 }
 Footer.propTypes = {

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";
@@ -125,6 +124,10 @@ export default class PreviewInner extends BaseComponent {
       },
       setMouseActiveTime: time => {
         mouseActiveTime = time;
+      },
+      getSetDownloadFunc: () => {
+        var _a, _b;
+        return (_b = (_a = this.context) === null || _a === void 0 ? void 0 : _a.setDownloadName) !== null && _b !== void 0 ? _b : this.props.setDownloadName;
       }
     });
   }

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.d.ts

@@ -156,6 +156,7 @@ export declare function withError(props: ModalReactProps): {
     visible?: boolean;
     content?: React.ReactNode;
     icon: string | number | boolean | React.ReactFragment | JSX.Element;
+    onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     zIndex?: number;
     closeOnEsc?: boolean;
     preventScroll?: boolean;
@@ -163,7 +164,6 @@ export declare function withError(props: ModalReactProps): {
     keepDOM?: boolean;
     cancelText?: string;
     okText?: string;
-    onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     closeIcon?: React.ReactNode;
     bodyStyle?: React.CSSProperties;
     closable?: boolean;
@@ -211,12 +211,22 @@ export declare function withError(props: ModalReactProps): {
         hidden?: boolean;
         color?: string;
         content?: string;
+        onChange?: React.FormEventHandler<HTMLButtonElement>;
+        defaultChecked?: boolean;
         defaultValue?: string | number | readonly string[];
+        suppressContentEditableWarning?: boolean;
+        suppressHydrationWarning?: boolean;
         accessKey?: string;
+        autoFocus?: boolean;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
         dir?: string;
         draggable?: boolean | "false" | "true";
         lang?: string;
-        translate?: "yes" | "no";
+        translate?: "no" | "yes";
         prefix?: string;
         role?: React.AriaRole;
         contentEditable?: "inherit" | (boolean | "false" | "true");
@@ -232,10 +242,6 @@ export declare function withError(props: ModalReactProps): {
         'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree";
         'aria-controls'?: string;
         'aria-describedby'?: string;
-        defaultChecked?: boolean;
-        suppressContentEditableWarning?: boolean;
-        suppressHydrationWarning?: boolean;
-        autoFocus?: boolean;
         contextMenu?: string;
         placeholder?: string;
         spellCheck?: boolean | "false" | "true";
@@ -321,7 +327,6 @@ export declare function withError(props: ModalReactProps): {
         onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
-        onChange?: React.FormEventHandler<HTMLButtonElement>;
         onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInput?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement>;
@@ -458,11 +463,6 @@ export declare function withError(props: ModalReactProps): {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
-        formAction?: string;
-        formEncType?: string;
-        formMethod?: string;
-        formNoValidate?: boolean;
-        formTarget?: string;
     };
 };
 export declare function withConfirm(props: ModalReactProps): {

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';