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

package/lib/es/_portal/index.js

@@ -7,10 +7,35 @@ import ConfigContext from '../configProvider/context';
 import '@douyinfe/semi-foundation/lib/es/_portal/portal.css';
 const defaultGetContainer = () => document.body;
 class Portal extends PureComponent {
-  constructor(props) {
+  constructor(props, context) {
     var _this;
     super(props);
     _this = this;
+    this.initContainer = function (context) {
+      let catchError = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var _a, _b;
+      let container = undefined;
+      if (!_this.el) {
+        _this.el = document.createElement('div');
+      }
+      if (!((_a = _this.state) === null || _a === void 0 ? void 0 : _a.container)) {
+        try {
+          _this.el = document.createElement('div');
+          const getContainer = _this.props.getPopupContainer || context.getPopupContainer || defaultGetContainer;
+          const portalContainer = getContainer();
+          portalContainer.appendChild(_this.el);
+          _this.addStyle(_this.props.style);
+          _this.addClass(_this.props.prefixCls, context, _this.props.className);
+          container = portalContainer;
+          return container;
+        } catch (e) {
+          if (!catchError) {
+            throw e;
+          }
+        }
+      }
+      return (_b = _this.state) === null || _b === void 0 ? void 0 : _b.container;
+    };
     this.addStyle = function () {
       let style = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       if (_this.el) {
@@ -20,11 +45,12 @@ class Portal extends PureComponent {
       }
     };
     this.addClass = function (prefixCls) {
+      let context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _this.context;
       const {
         direction
-      } = _this.context;
-      for (var _len = arguments.length, classNames = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        classNames[_key - 1] = arguments[_key];
+      } = context;
+      for (var _len = arguments.length, classNames = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+        classNames[_key - 2] = arguments[_key];
       }
       const cls = classnames(prefixCls, ...classNames, {
         [`${prefixCls}-rtl`]: direction === 'rtl'
@@ -33,32 +59,13 @@ class Portal extends PureComponent {
         _this.el.className = cls;
       }
     };
-    try {
-      this.el = document.createElement('div');
-    } catch (e) {}
     this.state = {
-      container: undefined
+      container: this.initContainer(context, true)
     };
   }
   componentDidMount() {
-    if (!this.el) {
-      this.el = document.createElement('div');
-    }
-    const {
-      state,
-      props,
-      context
-    } = this;
-    const getContainer = props.getPopupContainer || context.getPopupContainer || defaultGetContainer;
-    const container = getContainer();
-    if (container !== state.container) {
-      // const computedStyle = window.getComputedStyle(container);
-      // if (computedStyle.position !== 'relative') {
-      //    container.style.position = 'relative';
-      // }
-      container.appendChild(this.el);
-      this.addStyle(props.style);
-      this.addClass(props.prefixCls, props.className);
+    const container = this.initContainer(this.context);
+    if (container !== this.state.container) {
       this.setState({
         container
       });

package/lib/es/_utils/index.js

@@ -1,8 +1,6 @@
 import _get from "lodash/get";
 import _set from "lodash/set";
 import _cloneDeepWith from "lodash/cloneDeepWith";
-/* eslint-disable max-len */
-/* argus-disable unPkgSensitiveInfo */
 import React from 'react';
 import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
 import { findAll } from '@douyinfe/semi-foundation/lib/es/utils/getHighlight';

package/lib/es/autoComplete/index.js

@@ -1,6 +1,5 @@
 import _noop from "lodash/noop";
 import _isEqual from "lodash/isEqual";
-/* eslint-disable @typescript-eslint/ban-types, max-len */
 import React from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';

package/lib/es/autoComplete/option.js

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

package/lib/es/avatar/avatarGroup.js

@@ -73,7 +73,6 @@ export default class AvatarGroup extends PureComponent {
     return moreAvatar;
   }
   render() {
-    // eslint-disable-next-line no-unused-vars
     const _a = this.props,
       {
         children,

package/lib/es/avatar/index.js

@@ -187,7 +187,6 @@ export default class Avatar extends BaseComponent {
     }
   }
   render() {
-    // eslint-disable-next-line max-len, no-unused-vars
     const _a = this.props,
       {
         shape,

package/lib/es/backtop/index.js

@@ -63,7 +63,6 @@ export default class BackTop extends BaseComponent {
     });
   }
   render() {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const _a = this.props,
       {
         children,

package/lib/es/badge/index.js

@@ -23,7 +23,6 @@ export default class Badge extends PureComponent {
     } = this.context;
     // DefaultPosition here, static can't get this
     const defaultPosition = direction === 'rtl' ? 'leftTop' : 'rightTop';
-    // eslint-disable-next-line max-len
     const _a = this.props,
       {
         count,

package/lib/es/banner/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -169,7 +168,6 @@ Banner.propTypes = {
   bordered: PropTypes.bool
 };
 Banner.defaultProps = {
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   onClose: () => {},
   type: 'info',
   fullMode: true

package/lib/es/breadcrumb/index.js

@@ -1,5 +1,4 @@
 import _isFunction from "lodash/isFunction";
-/* eslint-disable max-len */
 import React from 'react';
 import cls from 'classnames';
 import propTypes from 'prop-types';
@@ -59,7 +58,6 @@ class Breadcrumb extends BaseComponent {
           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);
       });

package/lib/es/button/Button.js

@@ -7,7 +7,6 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable react/destructuring-assignment */
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -60,18 +59,14 @@ export default class Button extends PureComponent {
     if (!(className && className.includes('-with-icon'))) {
       xSemiProps['x-semi-prop'] = this.props['x-semi-children-alias'] || 'children';
     }
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line react/button-has-type
-      React.createElement("button", Object.assign({}, baseProps, {
-        onClick: this.props.onClick,
-        onMouseDown: this.props.onMouseDown,
-        style: style
-      }), /*#__PURE__*/React.createElement("span", Object.assign({
-        className: `${prefixCls}-content`,
-        onClick: e => disabled && e.stopPropagation()
-      }, xSemiProps), children))
-    );
+    return /*#__PURE__*/React.createElement("button", Object.assign({}, baseProps, {
+      onClick: this.props.onClick,
+      onMouseDown: this.props.onMouseDown,
+      style: style
+    }), /*#__PURE__*/React.createElement("span", Object.assign({
+      className: `${prefixCls}-content`,
+      onClick: e => disabled && e.stopPropagation()
+    }, xSemiProps), children));
   }
 }
 Button.defaultProps = {

package/lib/es/calendar/dayCalendar.js

@@ -24,14 +24,10 @@ export default class DayCalendar extends BaseComponent {
           children,
           key
         } = event;
-        return (
-          /*#__PURE__*/
-          // eslint-disable-next-line max-len
-          React.createElement("li", {
-            className: `${cssClasses.PREFIX}-event-item ${cssClasses.PREFIX}-event-allday`,
-            key: key || `allDay-${ind}`
-          }, children)
-        );
+        return /*#__PURE__*/React.createElement("li", {
+          className: `${cssClasses.PREFIX}-event-item ${cssClasses.PREFIX}-event-allday`,
+          key: key || `allDay-${ind}`
+        }, children);
       });
       return list;
     };
@@ -112,7 +108,6 @@ export default class DayCalendar extends BaseComponent {
     this.foundation.destroy();
   }
   render() {
-    // eslint-disable-next-line max-len
     const {
       dateGridRender,
       displayValue,

package/lib/es/calendar/dayCol.js

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

package/lib/es/calendar/monthCalendar.js

@@ -5,7 +5,6 @@ import ReactDOM from 'react-dom';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
 import { IconClose } from '@douyinfe/semi-icons';
-// eslint-disable-next-line max-len
 import CalendarFoundation from '@douyinfe/semi-foundation/lib/es/calendar/foundation';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/calendar/constants';
 import LocaleConsumer from '../locale/localeConsumer';
@@ -180,15 +179,11 @@ export default class monthCalendar extends BaseComponent {
           className: `${cssClasses.PREFIX}-today-date`
         }, "\u00A0", date), locale.datestring));
       }
-      return (
-        /*#__PURE__*/
-        // eslint-disable-next-line max-len
-        React.createElement("span", {
-          className: `${prefixCls}-date`
-        }, /*#__PURE__*/React.createElement("span", {
-          className: `${cssClasses.PREFIX}-today-date`
-        }, date))
-      );
+      return /*#__PURE__*/React.createElement("span", {
+        className: `${prefixCls}-date`
+      }, /*#__PURE__*/React.createElement("span", {
+        className: `${cssClasses.PREFIX}-today-date`
+      }, date));
     };
     this.renderCusDateGrid = date => {
       const {
@@ -279,7 +274,6 @@ export default class monthCalendar extends BaseComponent {
       registerClickOutsideHandler: (key, cb) => {
         const clickOutsideHandler = e => {
           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)) {
             cb();

package/lib/es/calendar/rangeCalendar.js

@@ -2,7 +2,6 @@ import _isEqual from "lodash/isEqual";
 import React, { Fragment } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
-// eslint-disable-next-line max-len
 import CalendarFoundation from '@douyinfe/semi-foundation/lib/es/calendar/foundation';
 import LocaleConsumer from '../locale/localeConsumer';
 import localeContext from '../locale/context';

package/lib/es/carousel/index.js

@@ -1,6 +1,5 @@
 import _isEqual from "lodash/isEqual";
 import _debounce from "lodash/debounce";
-/* eslint-disable jsx-a11y/no-static-element-interactions */
 import React, { Children, isValidElement } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';

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

@@ -31,7 +31,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         value: PropTypes.Requireable<any[]>;
         disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;

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

@@ -58,7 +58,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
         borderless: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         size: PropTypes.Requireable<"default" | "small" | "large">;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         density: PropTypes.Requireable<"default" | "compact">;

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

@@ -19,7 +19,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
 export type MonthsGridState = MonthsGridFoundationState;
 export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
     static propTypes: {
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<any[]>;
         defaultPickerValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         multiple: PropTypes.Requireable<boolean>;

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

@@ -24,7 +24,7 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
         presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         startYear: PropTypes.Requireable<number>;
         endYear: PropTypes.Requireable<number>;
     };

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

@@ -65,7 +65,6 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         autoClearSearchValue?: boolean;
         arrowIcon?: React.ReactNode;
         borderless?: boolean;
-        showArrowInBorderless?: boolean;
         clearIcon?: React.ReactNode;
         defaultValue?: string | number | any[] | Record<string, any>;
         value?: string | number | any[] | Record<string, any>;

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';
@@ -54,11 +53,11 @@ class Form extends BaseComponent {
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       cloneDeep,
-      notifySubmit: values => {
-        this.props.onSubmit(values);
+      notifySubmit: (values, e) => {
+        this.props.onSubmit(values, e);
       },
-      notifySubmitFail: (errors, values) => {
-        this.props.onSubmitFail(errors, values);
+      notifySubmitFail: (errors, values, e) => {
+        this.props.onSubmitFail(errors, values, e);
       },
       forceUpdate: callback => {
         this.forceUpdate(callback);
@@ -129,7 +128,7 @@ class Form extends BaseComponent {
   }
   submit(e) {
     e.preventDefault();
-    this.foundation.submit();
+    this.foundation.submit(e);
   }
   reset(e) {
     e.preventDefault();

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

@@ -13,7 +13,6 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     autoClearSearchValue?: boolean;
     arrowIcon?: import("react").ReactNode;
     borderless?: boolean;
-    showArrowInBorderless?: boolean;
     clearIcon?: import("react").ReactNode;
     defaultValue?: string | number | any[] | Record<string, any>;
     value?: string | number | any[] | Record<string, any>;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Subtract } from 'utility-types';
 import type { RuleItem } from 'async-validator';
-import type { Options as scrollIntoViewOptions } from 'scroll-into-view-if-needed';
+import type { Options as ScrollIntoViewOptions } from 'scroll-into-view-if-needed';
 import type { BaseFormApi as FormApi, FormState, WithFieldOption, AllErrors } from '@douyinfe/semi-foundation/lib/es/form/interface';
 import type { SelectProps } from '../select/index';
 import Option from '../select/option';
@@ -83,8 +83,8 @@ export interface FormFCChild<K extends Record<string, any> = any> {
 }
 export interface BaseFormProps<Values extends Record<string, any> = any> extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'children' | 'onChange' | 'onSubmit' | 'onReset'> {
     'aria-label'?: React.AriaAttributes['aria-label'];
-    onSubmit?: (values: Values) => void;
-    onSubmitFail?: (errors: Record<keyof Values, FieldError>, values: Partial<Values>) => void;
+    onSubmit?: (values: Values, e?: React.FormEvent<HTMLFormElement>) => void;
+    onSubmitFail?: (errors: Record<keyof Values, FieldError>, values: Partial<Values>, e?: React.FormEvent<HTMLFormElement>) => void;
     onReset?: () => void;
     onValueChange?: (values: Values, changedValue: Partial<Values>) => void;
     onChange?: (formState: FormState<Values>) => void;
@@ -106,7 +106,7 @@ export interface BaseFormProps<Values extends Record<string, any> = any> extends
     render?: (internalProps: FormFCChild) => React.ReactNode;
     component?: React.FC<any> | React.ComponentClass<any>;
     children?: React.ReactNode | ((internalProps: FormFCChild) => React.ReactNode);
-    autoScrollToError?: boolean | scrollIntoViewOptions;
+    autoScrollToError?: boolean | ScrollIntoViewOptions;
     disabled?: boolean;
     showValidateIcon?: boolean;
     extraTextPosition?: 'middle' | 'bottom';

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