@douyinfe/semi-ui 2.19.0-alpha.8 → 2.19.0

package/lib/es/datePicker/yearAndMonth.js

@@ -1,11 +1,5 @@
 import _stubFalse from "lodash/stubFalse";
 import _noop from "lodash/noop";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _fillInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/fill";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _Date$now from "@babel/runtime-corejs3/core-js-stable/date/now";
-import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
 
 /* eslint-disable max-len */
 import React from 'react';
@@ -25,8 +19,6 @@ const prefixCls = "".concat(BASE_CLASS_PREFIX, "-datepicker");
 
 class YearAndMonth extends BaseComponent {
   constructor(props) {
-    var _context, _context2, _context3;
-
     super(props);
 
     this.selectYear = item => {
@@ -39,8 +31,7 @@ class YearAndMonth extends BaseComponent {
 
     this.reselect = () => {
       const refKeys = ['yearRef', 'monthRef'];
-
-      _forEachInstanceProperty(refKeys).call(refKeys, key => {
+      refKeys.forEach(key => {
         const ref = this[key];
 
         if (ref && ref.current && ref.current.scrollToIndex) {
@@ -62,11 +53,11 @@ class YearAndMonth extends BaseComponent {
     currentYear = currentYear || now.getFullYear();
     currentMonth = currentMonth || now.getMonth() + 1;
     this.state = {
-      years: _mapInstanceProperty(_context = getYears()).call(_context, year => ({
+      years: getYears().map(year => ({
         value: year,
         year
       })),
-      months: _mapInstanceProperty(_context2 = _fillInstanceProperty(_context3 = Array(12)).call(_context3, 0)).call(_context2, (v, idx) => ({
+      months: Array(12).fill(0).map((v, idx) => ({
         value: idx + 1,
         month: idx + 1
       })),
@@ -79,7 +70,7 @@ class YearAndMonth extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       // updateYears: years => this.setState({ years }),
       // updateMonths: months => this.setState({ months }),
       setCurrentYear: currentYear => this.setState({
@@ -126,9 +117,8 @@ class YearAndMonth extends BaseComponent {
       localeCode,
       yearCycled
     } = this.props;
-    const currentDate = setMonth(_Date$now(), currentMonth - 1);
-
-    const list = _mapInstanceProperty(years).call(years, _ref => {
+    const currentDate = setMonth(Date.now(), currentMonth - 1);
+    const list = years.map(_ref => {
       let {
         value,
         year
@@ -152,7 +142,7 @@ class YearAndMonth extends BaseComponent {
       cycled: yearCycled,
       list: list,
       transform: transform,
-      selectedIndex: _findIndexInstanceProperty(years).call(years, item => item.value === currentYear),
+      selectedIndex: years.findIndex(item => item.value === currentYear),
       type: "year",
       onSelect: this.selectYear
     });
@@ -173,7 +163,7 @@ class YearAndMonth extends BaseComponent {
 
     let transform = val => val;
 
-    const currentDate = setYear(_Date$now(), currentYear);
+    const currentDate = setYear(Date.now(), currentYear);
 
     if (localeCode === 'zh-CN' || localeCode === 'zh-TW') {
       // Only Chinese needs to add [month] after the selected month
@@ -181,7 +171,7 @@ class YearAndMonth extends BaseComponent {
     } // i18n
 
 
-    const list = _mapInstanceProperty(months).call(months, _ref2 => {
+    const list = months.map(_ref2 => {
       let {
         value,
         month
@@ -193,9 +183,7 @@ class YearAndMonth extends BaseComponent {
 
       };
     });
-
-    const selectedIndex = _findIndexInstanceProperty(list).call(list, item => item.month === currentMonth);
-
+    const selectedIndex = list.findIndex(item => item.month === currentMonth);
     return /*#__PURE__*/React.createElement(ScrollItem, {
       ref: this.monthRef,
       cycled: monthCycled,

package/lib/es/descriptions/index.js

@@ -1,7 +1,4 @@
 import _isPlainObject from "lodash/isPlainObject";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React, { PureComponent } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -13,8 +10,6 @@ const prefixCls = cssClasses.PREFIX;
 
 class Descriptions extends PureComponent {
   render() {
-    var _context, _context2;
-
     const {
       align,
       row,
@@ -25,11 +20,11 @@ class Descriptions extends PureComponent {
       data
     } = this.props;
     const classNames = cls(prefixCls, className, {
-      [_concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, align)]: !row,
+      ["".concat(prefixCls, "-").concat(align)]: !row,
       ["".concat(prefixCls, "-double")]: row,
-      [_concatInstanceProperty(_context2 = "".concat(prefixCls, "-double-")).call(_context2, size)]: row
+      ["".concat(prefixCls, "-double-").concat(size)]: row
     });
-    const childrenList = data && data.length ? _mapInstanceProperty(data).call(data, (item, index) => _isPlainObject(item) ? /*#__PURE__*/React.createElement(Item, _Object$assign({
+    const childrenList = data && data.length ? data.map((item, index) => _isPlainObject(item) ? /*#__PURE__*/React.createElement(Item, Object.assign({
       itemKey: item.key
     }, item, {
       key: index

package/lib/es/descriptions/item.js

@@ -1,4 +1,3 @@
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/descriptions/constants';
@@ -9,8 +8,6 @@ const keyCls = "".concat(prefixCls, "-key");
 const valCls = "".concat(prefixCls, "-value");
 export default class Item extends PureComponent {
   render() {
-    var _context, _context2;
-
     const {
       itemKey,
       hidden,
@@ -39,11 +36,11 @@ export default class Item extends PureComponent {
       className: className,
       style: style
     }, /*#__PURE__*/React.createElement("th", {
-      className: _concatInstanceProperty(_context = "".concat(prefixCls, "-item ")).call(_context, prefixCls, "-item-th")
+      className: "".concat(prefixCls, "-item ").concat(prefixCls, "-item-th")
     }, /*#__PURE__*/React.createElement("span", {
       className: keyCls
     }, itemKey)), /*#__PURE__*/React.createElement("td", {
-      className: _concatInstanceProperty(_context2 = "".concat(prefixCls, "-item ")).call(_context2, prefixCls, "-item-td")
+      className: "".concat(prefixCls, "-item ").concat(prefixCls, "-item-td")
     }, /*#__PURE__*/React.createElement("span", {
       className: valCls
     }, typeof children === 'function' ? children() : children)));

package/lib/es/divider/index.js

@@ -1,15 +1,10 @@
-import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
 
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && _indexOfInstanceProperty(e).call(e, p) < 0) t[p] = s[p];
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
 
-  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
-    if (_indexOfInstanceProperty(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
@@ -21,8 +16,6 @@ import '@douyinfe/semi-foundation/lib/es/divider/divider.css';
 const prefixCls = cssClasses.PREFIX;
 
 const Divider = props => {
-  var _context;
-
   const {
     layout = 'horizontal',
     dashed,
@@ -39,7 +32,7 @@ const Divider = props => {
     ["".concat(prefixCls, "-divider-vertical")]: layout === 'vertical',
     ["".concat(prefixCls, "-divider-dashed")]: !!dashed,
     ["".concat(prefixCls, "-divider-with-text")]: children && layout === 'horizontal',
-    [_concatInstanceProperty(_context = "".concat(prefixCls, "-divider-with-text-")).call(_context, align)]: children && layout === 'horizontal'
+    ["".concat(prefixCls, "-divider-with-text-").concat(align)]: children && layout === 'horizontal'
   });
   let overrideDefaultStyle = {};
 
@@ -57,9 +50,9 @@ const Divider = props => {
     }
   }
 
-  return /*#__PURE__*/React.createElement("div", _Object$assign({}, rest, {
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, rest, {
     className: dividerClassNames,
-    style: _Object$assign(_Object$assign({}, overrideDefaultStyle), style)
+    style: Object.assign(Object.assign({}, overrideDefaultStyle), style)
   }), children && layout === 'horizontal' ? typeof children === 'string' ? /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefixCls, "-divider_inner-text"),
     "x-semi-prop": "children"

package/lib/es/dropdown/dropdownItem.js

@@ -1,7 +1,4 @@
 import _noop from "lodash/noop";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -13,8 +10,6 @@ const prefixCls = css.PREFIX;
 
 class DropdownItem extends BaseComponent {
   render() {
-    var _context;
-
     const {
       children,
       disabled,
@@ -32,15 +27,13 @@ class DropdownItem extends BaseComponent {
       ["".concat(prefixCls, "-item")]: true,
       ["".concat(prefixCls, "-item-disabled")]: disabled,
       ["".concat(prefixCls, "-item-withTick")]: showTick,
-      [_concatInstanceProperty(_context = "".concat(prefixCls, "-item-")).call(_context, type)]: type,
+      ["".concat(prefixCls, "-item-").concat(type)]: type,
       ["".concat(prefixCls, "-item-active")]: active
     });
     const events = {};
 
     if (!disabled) {
-      var _context2;
-
-      _forEachInstanceProperty(_context2 = ['onClick', 'onMouseEnter', 'onMouseLeave', 'onContextMenu']).call(_context2, eventName => {
+      ['onClick', 'onMouseEnter', 'onMouseLeave', 'onContextMenu'].forEach(eventName => {
         events[eventName] = this.props[eventName];
       });
     }
@@ -73,7 +66,7 @@ class DropdownItem extends BaseComponent {
       }, icon);
     }
 
-    return /*#__PURE__*/React.createElement("li", _Object$assign({
+    return /*#__PURE__*/React.createElement("li", Object.assign({
       role: "menuitem",
       tabIndex: -1,
       "aria-disabled": disabled

package/lib/es/dropdown/dropdownMenu.js

@@ -1,14 +1,10 @@
-import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
 
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && _indexOfInstanceProperty(e).call(e, p) < 0) t[p] = s[p];
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
 
-  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
-    if (_indexOfInstanceProperty(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
@@ -30,7 +26,7 @@ class DropdownMenu extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign({}, super.adapter);
+    return Object.assign({}, super.adapter);
   }
 
   componentDidMount() {
@@ -46,7 +42,7 @@ class DropdownMenu extends BaseComponent {
     } = _a,
           rest = __rest(_a, ["children", "className", "style"]);
 
-    return /*#__PURE__*/React.createElement("ul", _Object$assign({
+    return /*#__PURE__*/React.createElement("ul", Object.assign({
       role: "menu",
       "aria-orientation": "vertical",
       ref: this.menuRef

package/lib/es/dropdown/index.js

@@ -1,18 +1,13 @@
 import _get from "lodash/get";
 import _noop from "lodash/noop";
-import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
 
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && _indexOfInstanceProperty(e).call(e, p) < 0) t[p] = s[p];
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
 
-  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
-    if (_indexOfInstanceProperty(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
@@ -47,7 +42,7 @@ class Dropdown extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       setPopVisible: popVisible => this.setState({
         popVisible
       }),
@@ -78,7 +73,7 @@ class Dropdown extends BaseComponent {
 
     if ( /*#__PURE__*/React.isValidElement(render)) {
       content = render;
-    } else if (_Array$isArray(menu)) {
+    } else if (Array.isArray(menu)) {
       content = this.renderMenu();
     }
 
@@ -97,8 +92,7 @@ class Dropdown extends BaseComponent {
     const {
       menu
     } = this.props;
-
-    const content = _mapInstanceProperty(menu).call(menu, (m, index) => {
+    const content = menu.map((m, index) => {
       switch (m.node) {
         case 'title':
           {
@@ -108,7 +102,7 @@ class Dropdown extends BaseComponent {
             } = m,
                   rest = __rest(m, ["name", "node"]);
 
-            return /*#__PURE__*/React.createElement(Dropdown.Title, _Object$assign({}, rest, {
+            return /*#__PURE__*/React.createElement(Dropdown.Title, Object.assign({}, rest, {
               key: node + name + index
             }), name);
           }
@@ -121,7 +115,7 @@ class Dropdown extends BaseComponent {
             } = m,
                   rest = __rest(m, ["node", "name"]);
 
-            return /*#__PURE__*/React.createElement(Dropdown.Item, _Object$assign({}, rest, {
+            return /*#__PURE__*/React.createElement(Dropdown.Item, Object.assign({}, rest, {
               key: node + name + index
             }), name);
           }
@@ -137,7 +131,6 @@ class Dropdown extends BaseComponent {
           return null;
       }
     });
-
     return /*#__PURE__*/React.createElement(Dropdown.Menu, null, content);
   }
 
@@ -199,7 +192,7 @@ class Dropdown extends BaseComponent {
       spacing = numbers.SPACING;
     }
 
-    return /*#__PURE__*/React.createElement(Tooltip, _Object$assign({
+    return /*#__PURE__*/React.createElement(Tooltip, Object.assign({
       zIndex: zIndex,
       motion: motion,
       content: pop,
@@ -217,7 +210,13 @@ class Dropdown extends BaseComponent {
       }),
       'aria-haspopup': true,
       'aria-expanded': popVisible,
-      onKeyDown: e => this.foundation.handleKeyDown(e)
+      onKeyDown: e => {
+        this.foundation.handleKeyDown(e);
+
+        const childrenKeyDown = _get(children, 'props.onKeyDown');
+
+        childrenKeyDown && childrenKeyDown();
+      }
     }) : children);
   }
 

package/lib/es/empty/index.js

@@ -1,5 +1,3 @@
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React from 'react';
 import cls from 'classnames';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/empty/constants';
@@ -53,8 +51,6 @@ export default class Empty extends BaseComponent {
   }
 
   render() {
-    var _context;
-
     const {
       className,
       image,
@@ -86,7 +82,7 @@ export default class Empty extends BaseComponent {
     }
 
     const wrapperCls = cls(className, prefixCls, {
-      [_concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, layout)]: layout
+      ["".concat(prefixCls, "-").concat(layout)]: layout
     });
     const titleProps = imageNode ? {
       heading: 4
@@ -105,7 +101,7 @@ export default class Empty extends BaseComponent {
       "x-semi-prop": "image,darkModeImage"
     }, imageNode), /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-content")
-    }, title ? /*#__PURE__*/React.createElement(Typography.Title, _Object$assign({}, titleProps, {
+    }, title ? /*#__PURE__*/React.createElement(Typography.Title, Object.assign({}, titleProps, {
       className: "".concat(prefixCls, "-title"),
       "x-semi-prop": "title"
     }), title) : null, description ? /*#__PURE__*/React.createElement("div", {

package/lib/es/form/arrayField.js

@@ -1,12 +1,5 @@
 import _isUndefined from "lodash/isUndefined";
 import _cloneDeep from "lodash/cloneDeep";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
-import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
-import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
-import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 
 /* eslint-disable react/destructuring-assignment */
 import React, { Component } from 'react';
@@ -14,9 +7,9 @@ import { getUuidv4 } from '@douyinfe/semi-foundation/lib/es/utils/uuid';
 import { FormUpdaterContext, ArrayFieldContext } from './context';
 import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
 
-const filterArrayByIndex = (array, index) => _filterInstanceProperty(array).call(array, (item, i) => i !== index);
+const filterArrayByIndex = (array, index) => array.filter((item, i) => i !== index);
 
-const getUuidByArray = array => _mapInstanceProperty(array).call(array, () => getUuidv4());
+const getUuidByArray = array => array.map(() => getUuidv4());
 
 const getUpdateKey = arrayField => {
   if (!arrayField) {
@@ -33,7 +26,7 @@ const getUpdateKey = arrayField => {
 const initValueAdapter = initValue => {
   const iv = [];
 
-  if (_Array$isArray(initValue)) {
+  if (Array.isArray(initValue)) {
     return initValue;
   } else {
     warning(!_isUndefined(initValue), '[Semi Form ArrayField] initValue of ArrayField must be an array. Please check the type of your props');
@@ -52,15 +45,12 @@ const generateKeys = (value, oldKeys) => {
   const val = initValueAdapter(value);
   const newKeys = getUuidByArray(val); // return newKeys;
 
-  const keys = _mapInstanceProperty(newKeys).call(newKeys, (key, i) => oldKeys && oldKeys[i] ? oldKeys[i] : key);
-
+  const keys = newKeys.map((key, i) => oldKeys && oldKeys[i] ? oldKeys[i] : key);
   return keys;
 };
 
 class ArrayFieldComponent extends Component {
   constructor(props, context) {
-    var _context, _context2, _context3;
-
     super(props, context);
     const initValueInProps = this.props.initValue;
     const {
@@ -71,9 +61,9 @@ class ArrayFieldComponent extends Component {
     this.state = {
       keys: generateKeys(initValue)
     };
-    this.add = _bindInstanceProperty(_context = this.add).call(_context, this);
-    this.addWithInitValue = _bindInstanceProperty(_context2 = this.addWithInitValue).call(_context2, this);
-    this.remove = _bindInstanceProperty(_context3 = this.remove).call(_context3, this);
+    this.add = this.add.bind(this);
+    this.addWithInitValue = this.addWithInitValue.bind(this);
+    this.remove = this.remove.bind(this);
     this.cacheFieldValues = null;
     this.cacheUpdateKey = null;
     /*
@@ -142,13 +132,11 @@ class ArrayFieldComponent extends Component {
   }
 
   addWithInitValue(lineObject) {
-    var _context4;
-
     const updater = this.context;
     const {
       field
     } = this.props;
-    const newArrayFieldVal = updater.getValue(field) ? _sliceInstanceProperty(_context4 = updater.getValue(field)).call(_context4) : [];
+    const newArrayFieldVal = updater.getValue(field) ? updater.getValue(field).slice() : [];
     newArrayFieldVal.push(lineObject);
     updater.updateStateValue(field, newArrayFieldVal, {});
     updater.updateArrayField(field, {
@@ -172,11 +160,9 @@ class ArrayFieldComponent extends Component {
       notUpdate: true
     };
 
-    if (_Array$isArray(newArrayFieldError)) {
-      newArrayFieldError = _sliceInstanceProperty(newArrayFieldError).call(newArrayFieldError);
-
-      _spliceInstanceProperty(newArrayFieldError).call(newArrayFieldError, i, 1);
-
+    if (Array.isArray(newArrayFieldError)) {
+      newArrayFieldError = newArrayFieldError.slice();
+      newArrayFieldError.splice(i, 1);
       updater.updateStateError(field, newArrayFieldError, opts);
     } // if (Array.isArray(newArrayFieldTouched)) {
     //     newArrayFieldTouched = newArrayFieldTouched.slice();
@@ -187,11 +173,9 @@ class ArrayFieldComponent extends Component {
 
     let newArrayFieldValue = updater.getValue(field);
 
-    if (_Array$isArray(newArrayFieldValue)) {
-      newArrayFieldValue = _sliceInstanceProperty(newArrayFieldValue).call(newArrayFieldValue);
-
-      _spliceInstanceProperty(newArrayFieldValue).call(newArrayFieldValue, i, 1);
-
+    if (Array.isArray(newArrayFieldValue)) {
+      newArrayFieldValue = newArrayFieldValue.slice();
+      newArrayFieldValue.splice(i, 1);
       updater.updateStateValue(field, newArrayFieldValue);
     }
 
@@ -208,18 +192,12 @@ class ArrayFieldComponent extends Component {
     const {
       keys
     } = this.state;
-
-    const arrayFields = _mapInstanceProperty(keys).call(keys, (key, i) => {
-      var _context5;
-
-      return {
-        // key: i,
-        key,
-        field: _concatInstanceProperty(_context5 = "".concat(field, "[")).call(_context5, i, "]"),
-        remove: () => this.remove(i)
-      };
-    });
-
+    const arrayFields = keys.map((key, i) => ({
+      // key: i,
+      key,
+      field: "".concat(field, "[").concat(i, "]"),
+      remove: () => this.remove(i)
+    }));
     const {
       add
     } = this;

package/lib/es/form/baseForm.d.ts

@@ -126,7 +126,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         onListScroll?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
         children?: React.ReactNode;
         preventScroll?: boolean;
-    } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;