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

package/lib/es/form/baseForm.js

@@ -1,19 +1,12 @@
 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 _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _valuesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/values";
 
 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;
 };
@@ -43,8 +36,6 @@ const prefix = cssClasses.PREFIX;
 
 class Form extends BaseComponent {
   constructor(props) {
-    var _context, _context2;
-
     super(props);
     this.state = {
       formId: ''
@@ -52,8 +43,8 @@ class Form extends BaseComponent {
     warning(Boolean(props.component && props.render), '[Semi Form] You should not use <Form component> and <Form render> in ths same time; <Form render> will be ignored');
     warning(props.component && props.children && !isEmptyChildren(props.children), '[Semi Form] You should not use <Form component> and <Form>{children}</Form> in ths same time; <Form>{children}</Form> will be ignored');
     warning(props.render && props.children && !isEmptyChildren(props.children), '[Semi Form] You should not use <Form render> and <Form>{children}</Form> in ths same time; <Form>{children}</Form> will be ignored');
-    this.submit = _bindInstanceProperty(_context = this.submit).call(_context, this);
-    this.reset = _bindInstanceProperty(_context2 = this.reset).call(_context2, this);
+    this.submit = this.submit.bind(this);
+    this.reset = this.reset.bind(this);
     this.foundation = new FormFoundation(this.adapter);
     this.formApi = this.foundation.getFormApi();
 
@@ -71,7 +62,7 @@ class Form extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       cloneDeep,
       notifySubmit: values => {
         this.props.onSubmit(values);
@@ -104,27 +95,19 @@ class Form extends BaseComponent {
           return this.props[keys];
         } else {
           const props = {};
-
-          _forEachInstanceProperty(keys).call(keys, key => {
+          keys.forEach(key => {
             props[key] = this.props[key];
           });
-
           return props;
         }
       },
       getAllErrorDOM: () => {
-        var _context3;
-
         const {
           formId
         } = this.state;
-        return document.querySelectorAll(_concatInstanceProperty(_context3 = "form[x-form-id=\"".concat(formId, "\"] .")).call(_context3, cssClasses.PREFIX, "-field-error-message"));
+        return document.querySelectorAll("form[x-form-id=\"".concat(formId, "\"] .").concat(cssClasses.PREFIX, "-field-error-message"));
       },
-      getFieldDOM: field => {
-        var _context4;
-
-        return document.querySelector(_concatInstanceProperty(_context4 = ".".concat(cssClasses.PREFIX, "-field[x-field-id=\"")).call(_context4, field, "\"]"));
-      }
+      getFieldDOM: field => document.querySelector(".".concat(cssClasses.PREFIX, "-field[x-field-id=\"").concat(field, "\"]"))
     });
   }
 
@@ -138,7 +121,7 @@ class Form extends BaseComponent {
     const props = {
       formState,
       formApi: this.foundation.getFormApi(),
-      values: _valuesInstanceProperty(formState)
+      values: formState.values
     };
 
     if (component) {
@@ -206,7 +189,7 @@ class Form extends BaseComponent {
       [prefix + '-horizontal']: layout === 'horizontal'
     });
     const showldAppendRow = wrapperCol && labelCol;
-    const formContent = /*#__PURE__*/React.createElement("form", _Object$assign({
+    const formContent = /*#__PURE__*/React.createElement("form", Object.assign({
       style: style
     }, rest, {
       onReset: this.reset,

package/lib/es/form/errorMessage.js

@@ -1,6 +1,3 @@
-import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-
 /* eslint-disable prefer-template */
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
@@ -25,9 +22,8 @@ export default class ErrorMessage extends PureComponent {
       return /*#__PURE__*/React.createElement("span", {
         id: id
       }, error);
-    } else if (_Array$isArray(error)) {
-      const err = _filterInstanceProperty(error).call(error, e => e);
-
+    } else if (Array.isArray(error)) {
+      const err = error.filter(e => e);
       return err.length ? /*#__PURE__*/React.createElement("span", {
         id: id
       }, err.join(', ')) : null;

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

@@ -74,7 +74,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     onListScroll?: (e: import("react").UIEvent<HTMLDivElement, UIEvent>) => void;
     children?: import("react").ReactNode;
     preventScroll?: boolean;
-} & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;

package/lib/es/form/group.js

@@ -1,16 +1,12 @@
 import _isString from "lodash/isString";
-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 _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-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;
 };
@@ -36,8 +32,7 @@ const GroupError = props => {
     fieldSet
   } = props;
   const formState = useFormState();
-
-  const error = _mapInstanceProperty(fieldSet).call(fieldSet, field => ObjectUtil.get(formState.errors, field));
+  const error = fieldSet.map(field => ObjectUtil.get(formState.errors, field));
 
   if (isValid(error)) {
     return null;
@@ -59,7 +54,7 @@ class FormInputGroup extends Component {
           text: label
         });
       } else {
-        return /*#__PURE__*/React.createElement(Label, _Object$assign({
+        return /*#__PURE__*/React.createElement(Label, Object.assign({
           width: formProps.labelWidth
         }, label));
       }
@@ -69,8 +64,6 @@ class FormInputGroup extends Component {
   }
 
   render() {
-    var _context;
-
     const _a = this.props,
           {
       children,
@@ -82,8 +75,7 @@ class FormInputGroup extends Component {
     const formProps = updater.getFormProps(['labelPosition', 'labelWidth', 'labelAlign', 'showValidateIcon']);
     const labelPosition = this.props.labelPosition || formProps.labelPosition;
     const groupFieldSet = [];
-
-    const inner = _mapInstanceProperty(_context = React.Children).call(_context, children, child => {
+    const inner = React.Children.map(children, child => {
       if (child && child.props && child.props.field) {
         groupFieldSet.push(child.props.field);
         return /*#__PURE__*/React.cloneElement(child, {
@@ -95,14 +87,13 @@ class FormInputGroup extends Component {
 
       return null;
     });
-
     const groupCls = classNames({
       ["".concat(prefix, "-field-group")]: true
     });
     return /*#__PURE__*/React.createElement("div", {
       "x-label-pos": labelPosition,
       className: groupCls
-    }, this.renderLabel(label, formProps), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(InputGroup, _Object$assign({}, rest), inner), /*#__PURE__*/React.createElement(GroupError, {
+    }, this.renderLabel(label, formProps), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(InputGroup, Object.assign({}, rest), inner), /*#__PURE__*/React.createElement(GroupError, {
       fieldSet: groupFieldSet,
       showValidateIcon: formProps.showValidateIcon,
       isInInputGroup: true

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

@@ -1,10 +1,3 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
-
 /* eslint-disable max-lines-per-function, react-hooks/rules-of-hooks, prefer-const, max-len */
 import React, { useState, useLayoutEffect, useMemo, useRef, forwardRef } from 'react';
 import classNames from 'classnames';
@@ -71,7 +64,7 @@ function withField(Component, opts) {
     // Return without injection, eg: <Checkbox> / <Radio> inside CheckboxGroup/RadioGroup
 
     if (!shouldInject) {
-      return /*#__PURE__*/React.createElement(Component, _Object$assign({}, rest, {
+      return /*#__PURE__*/React.createElement(Component, Object.assign({}, rest, {
         ref: ref
       }));
     } // grab formState from context
@@ -103,9 +96,7 @@ function withField(Component, opts) {
 
 
     const [value, setValue, getVal] = useStateWithGetter(typeof initVal !== undefined ? initVal : null);
-
-    const validateOnMount = _includesInstanceProperty(trigger).call(trigger, 'mount');
-
+    const validateOnMount = trigger.includes('mount');
     allowEmpty = allowEmpty || updater.getFormProps().allowEmpty; // Error information: Array, String, undefined
 
     const [error, setError, getError] = useStateWithGetter();
@@ -143,11 +134,9 @@ function withField(Component, opts) {
 
     const updateValue = (val, callOpts) => {
       setValue(val);
-
-      let newOpts = _Object$assign(_Object$assign({}, callOpts), {
+      let newOpts = Object.assign(Object.assign({}, callOpts), {
         allowEmpty
       });
-
       updater.updateStateValue(field, val, newOpts);
     };
 
@@ -170,7 +159,7 @@ function withField(Component, opts) {
       const model = {
         [field]: val
       };
-      return new _Promise((resolve, reject) => {
+      return new Promise((resolve, reject) => {
         validator.validate(model, {
           first: stopValidateWithError
         }, // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -186,7 +175,7 @@ function withField(Component, opts) {
           } = err;
 
           if (errors && fields) {
-            let messages = _mapInstanceProperty(errors).call(errors, e => e.message);
+            let messages = errors.map(e => e.message);
 
             if (messages.length === 1) {
               // eslint-disable-next-line prefer-destructuring
@@ -211,7 +200,7 @@ function withField(Component, opts) {
     }; // execute custom validate function
 
 
-    const _validate = (val, values, callOpts) => new _Promise(resolve => {
+    const _validate = (val, values, callOpts) => new Promise(resolve => {
       let maybePromisedErrors; // let errorThrowSync;
 
       try {
@@ -325,7 +314,7 @@ function withField(Component, opts) {
       });
       updateValue(val); // only validate when trigger includes change
 
-      if (_includesInstanceProperty(trigger).call(trigger, 'change')) {
+      if (trigger.includes('change')) {
         fieldValidate(val);
       }
     };
@@ -339,7 +328,7 @@ function withField(Component, opts) {
         updateTouched(true);
       }
 
-      if (_includesInstanceProperty(trigger).call(trigger, 'blur')) {
+      if (trigger.includes('blur')) {
         let val = getVal();
         fieldValidate(val);
       }
@@ -416,8 +405,6 @@ function withField(Component, opts) {
     const errorMessageId = "".concat(a11yId, "-errormessage");
 
     let FieldComponent = (() => {
-      var _context3, _context5;
-
       // prefer to use validateStatus which pass by user throught props
       let blockStatus = validateStatus ? validateStatus : status;
       const extraCls = classNames("".concat(prefix, "-field-extra"), {
@@ -430,8 +417,7 @@ function withField(Component, opts) {
         id: extraTextId,
         "x-semi-prop": "extraText"
       }, extraText) : null;
-
-      let newProps = _Object$assign(_Object$assign({
+      let newProps = Object.assign(Object.assign({
         id: a11yId,
         disabled: formProps.disabled
       }, rest), {
@@ -445,15 +431,11 @@ function withField(Component, opts) {
       });
 
       if (helpText) {
-        var _context;
-
-        newProps['aria-describedby'] = extraText ? _concatInstanceProperty(_context = "".concat(helpTextId, " ")).call(_context, extraTextId) : helpTextId;
+        newProps['aria-describedby'] = extraText ? "".concat(helpTextId, " ").concat(extraTextId) : helpTextId;
       }
 
       if (extraText) {
-        var _context2;
-
-        newProps['aria-describedby'] = helpText ? _concatInstanceProperty(_context2 = "".concat(helpTextId, " ")).call(_context2, extraTextId) : extraTextId;
+        newProps['aria-describedby'] = helpText ? "".concat(helpTextId, " ").concat(extraTextId) : extraTextId;
       }
 
       if (status === 'error') {
@@ -463,7 +445,7 @@ function withField(Component, opts) {
 
       const fieldCls = classNames({
         ["".concat(prefix, "-field")]: true,
-        [_concatInstanceProperty(_context3 = "".concat(prefix, "-field-")).call(_context3, name)]: Boolean(name),
+        ["".concat(prefix, "-field-").concat(name)]: Boolean(name),
         [fieldClassName]: Boolean(fieldClassName)
       });
       const fieldMaincls = classNames({
@@ -480,32 +462,30 @@ function withField(Component, opts) {
         }
       }
 
-      const com = /*#__PURE__*/React.createElement(Component, _Object$assign({}, newProps)); // when use in InputGroup, no need to insert <Label>、<ErrorMessage> inside Field, just add it at Group
+      const com = /*#__PURE__*/React.createElement(Component, Object.assign({}, newProps)); // when use in InputGroup, no need to insert <Label>、<ErrorMessage> inside Field, just add it at Group
 
       if (isInInputGroup) {
         return com;
       }
 
       if (pure) {
-        var _context4;
-
         let pureCls = classNames(rest.className, {
           ["".concat(prefix, "-field-pure")]: true,
-          [_concatInstanceProperty(_context4 = "".concat(prefix, "-field-")).call(_context4, name)]: Boolean(name),
+          ["".concat(prefix, "-field-").concat(name)]: Boolean(name),
           [fieldClassName]: Boolean(fieldClassName)
         });
         newProps.className = pureCls;
-        return /*#__PURE__*/React.createElement(Component, _Object$assign({}, newProps));
+        return /*#__PURE__*/React.createElement(Component, Object.assign({}, newProps));
       }
 
       let withCol = mergeLabelCol && mergeWrapperCol;
-      const labelColCls = mergeLabelAlign ? _concatInstanceProperty(_context5 = "".concat(prefix, "-col-")).call(_context5, mergeLabelAlign) : ''; // get label
+      const labelColCls = mergeLabelAlign ? "".concat(prefix, "-col-").concat(mergeLabelAlign) : ''; // get label
 
       let labelContent = null;
 
       if (!noLabel && mergeLabelPos !== 'inset') {
         let needSpread = typeof label === 'object' && !isElement(label) ? label : {};
-        labelContent = /*#__PURE__*/React.createElement(Label, _Object$assign({
+        labelContent = /*#__PURE__*/React.createElement(Label, Object.assign({
           text: label || field,
           id: labelId,
           required: required,
@@ -529,11 +509,11 @@ function withField(Component, opts) {
         style: {
           overflow: 'hidden'
         }
-      }, /*#__PURE__*/React.createElement(Col, _Object$assign({}, mergeLabelCol, {
+      }, /*#__PURE__*/React.createElement(Col, Object.assign({}, mergeLabelCol, {
         className: labelColCls
-      }), labelContent)) : /*#__PURE__*/React.createElement(Col, _Object$assign({}, mergeLabelCol, {
+      }), labelContent)) : /*#__PURE__*/React.createElement(Col, Object.assign({}, mergeLabelCol, {
         className: labelColCls
-      }), labelContent), /*#__PURE__*/React.createElement(Col, _Object$assign({}, mergeWrapperCol), fieldMainContent));
+      }), labelContent), /*#__PURE__*/React.createElement(Col, Object.assign({}, mergeWrapperCol), fieldMainContent));
       return /*#__PURE__*/React.createElement("div", {
         className: fieldCls,
         style: fieldStyle,
@@ -544,7 +524,7 @@ function withField(Component, opts) {
     })(); // !important optimization
 
 
-    const shouldUpdate = [..._Object$values(fieldState), ..._Object$values(props), field, mergeLabelPos, mergeLabelAlign, formProps.disabled];
+    const shouldUpdate = [...Object.values(fieldState), ...Object.values(props), field, mergeLabelPos, mergeLabelAlign, formProps.disabled];
 
     if (options.shouldMemo) {
       // eslint-disable-next-line react-hooks/exhaustive-deps

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

@@ -1,8 +1,7 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React from 'react';
 import { FormApiContext } from '../context';
 
-const withFormApi = Component => /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(FormApiContext.Consumer, null, formApi => /*#__PURE__*/React.createElement(Component, _Object$assign({
+const withFormApi = Component => /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(FormApiContext.Consumer, null, formApi => /*#__PURE__*/React.createElement(Component, Object.assign({
   formApi: formApi,
   ref: ref
 }, props))));

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

@@ -1,8 +1,7 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React from 'react';
 import { FormStateContext } from '../context';
 
-const withFormState = Component => /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(FormStateContext.Consumer, null, formState => /*#__PURE__*/React.createElement(Component, _Object$assign({
+const withFormState = Component => /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(FormStateContext.Consumer, null, formState => /*#__PURE__*/React.createElement(Component, Object.assign({
   formState: formState,
   ref: ref
 }, props))));

package/lib/es/form/hooks/useFieldState.js

@@ -1,9 +1,8 @@
-import _valuesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/values";
 import useFormState from './useFormState';
 import * as ObjectUtil from '@douyinfe/semi-foundation/lib/es/utils/object';
 
 const buildFieldState = (formState, field) => ({
-  value: ObjectUtil.get(_valuesInstanceProperty(formState), field),
+  value: ObjectUtil.get(formState.values, field),
   error: ObjectUtil.get(formState.errors, field),
   touched: ObjectUtil.get(formState.touched, field)
 });

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

@@ -81,7 +81,7 @@ export interface FormFCChild<K extends Record<string, any> = any> {
     values: K;
     formApi: FormApi<K>;
 }
-export interface BaseFormProps {
+export interface BaseFormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'children' | 'onChange'> {
     'aria-label'?: React.AriaAttributes['aria-label'];
     onSubmit?: (values: Record<string, any>) => void;
     onSubmitFail?: (errors: Record<string, FieldError>, values: any) => void;

package/lib/es/form/slot.js

@@ -1,18 +1,14 @@
 import _isObject from "lodash/isObject";
 import _isNumber from "lodash/isNumber";
 import _isString from "lodash/isString";
-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;
 };
@@ -29,8 +25,6 @@ import ErrorMessage from './errorMessage';
 const prefix = cssClasses.PREFIX;
 
 const FormSlot = props => {
-  var _context;
-
   let labelCol, wrapperCol, labelWidth, labelAlign, content;
   let labelPosition = 'top';
 
@@ -63,7 +57,7 @@ const FormSlot = props => {
     ["".concat(prefix, "-slot")]: true
   }, className);
   const labelColCls = classNames({
-    [_concatInstanceProperty(_context = "".concat(prefix, "-col-")).call(_context, labelAlign)]: true
+    ["".concat(prefix, "-col-").concat(labelAlign)]: true
   });
 
   switch (true) {
@@ -116,14 +110,13 @@ const FormSlot = props => {
         break;
     }
 
-    slotError = /*#__PURE__*/React.createElement(ErrorMessage, _Object$assign({}, emProps));
+    slotError = /*#__PURE__*/React.createElement(ErrorMessage, Object.assign({}, emProps));
   }
 
-  let mergeLabelProps = _Object$assign({
+  let mergeLabelProps = Object.assign({
     align: labelAlign,
     width: labelWidth
   }, label);
-
   let mainCls = classNames({
     ["".concat(prefix, "-field-main")]: true,
     ["".concat(prefix, "-slot-main")]: true
@@ -131,7 +124,7 @@ const FormSlot = props => {
 
   switch (true) {
     case !appendCol && !noLabel:
-      content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Label, _Object$assign({}, mergeLabelProps)), /*#__PURE__*/React.createElement("div", {
+      content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Label, Object.assign({}, mergeLabelProps)), /*#__PURE__*/React.createElement("div", {
         className: mainCls
       }, children, slotError));
       break;
@@ -148,15 +141,15 @@ const FormSlot = props => {
         style: {
           overflow: 'hidden'
         }
-      }, /*#__PURE__*/React.createElement(Col, _Object$assign({}, labelCol, {
+      }, /*#__PURE__*/React.createElement(Col, Object.assign({}, labelCol, {
         className: labelColCls
-      }), /*#__PURE__*/React.createElement(Label, _Object$assign({}, mergeLabelProps)))), /*#__PURE__*/React.createElement(Col, null, children, slotError));
+      }), /*#__PURE__*/React.createElement(Label, Object.assign({}, mergeLabelProps)))), /*#__PURE__*/React.createElement(Col, null, children, slotError));
       break;
 
     case appendCol && labelPosition !== 'top':
-      content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Col, _Object$assign({}, labelCol, {
+      content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Col, Object.assign({}, labelCol, {
         className: labelColCls
-      }), /*#__PURE__*/React.createElement(Label, _Object$assign({}, mergeLabelProps))), /*#__PURE__*/React.createElement(Col, null, children, slotError));
+      }), /*#__PURE__*/React.createElement(Label, Object.assign({}, mergeLabelProps))), /*#__PURE__*/React.createElement(Col, null, children, slotError));
       break;
 
     default:

package/lib/es/grid/col.js

@@ -1,16 +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 _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-
 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;
 };
@@ -28,8 +22,6 @@ const objectOrNumber = PropTypes.oneOfType([PropTypes.object, PropTypes.number])
 
 class Col extends React.Component {
   render() {
-    var _context, _context12, _context13, _context14, _context15, _context16;
-
     const {
       props
     } = this;
@@ -48,10 +40,7 @@ class Col extends React.Component {
 
     let sizeClassObj = {};
     const prefix = "".concat(prefixCls, "-col");
-
-    _forEachInstanceProperty(_context = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl']).call(_context, size => {
-      var _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11;
-
+    ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].forEach(size => {
       let sizeProps = {};
 
       if (typeof props[size] === 'number') {
@@ -61,21 +50,20 @@ class Col extends React.Component {
       }
 
       delete others[size];
-      sizeClassObj = _Object$assign(_Object$assign({}, sizeClassObj), {
-        [_concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "".concat(prefix, "-")).call(_context3, size, "-")).call(_context2, sizeProps.span)]: sizeProps.span !== undefined,
-        [_concatInstanceProperty(_context4 = _concatInstanceProperty(_context5 = "".concat(prefix, "-")).call(_context5, size, "-order-")).call(_context4, sizeProps.order)]: sizeProps.order || sizeProps.order === 0,
-        [_concatInstanceProperty(_context6 = _concatInstanceProperty(_context7 = "".concat(prefix, "-")).call(_context7, size, "-offset-")).call(_context6, sizeProps.offset)]: sizeProps.offset || sizeProps.offset === 0,
-        [_concatInstanceProperty(_context8 = _concatInstanceProperty(_context9 = "".concat(prefix, "-")).call(_context9, size, "-push-")).call(_context8, sizeProps.push)]: sizeProps.push || sizeProps.push === 0,
-        [_concatInstanceProperty(_context10 = _concatInstanceProperty(_context11 = "".concat(prefix, "-")).call(_context11, size, "-pull-")).call(_context10, sizeProps.pull)]: sizeProps.pull || sizeProps.pull === 0
+      sizeClassObj = Object.assign(Object.assign({}, sizeClassObj), {
+        ["".concat(prefix, "-").concat(size, "-").concat(sizeProps.span)]: sizeProps.span !== undefined,
+        ["".concat(prefix, "-").concat(size, "-order-").concat(sizeProps.order)]: sizeProps.order || sizeProps.order === 0,
+        ["".concat(prefix, "-").concat(size, "-offset-").concat(sizeProps.offset)]: sizeProps.offset || sizeProps.offset === 0,
+        ["".concat(prefix, "-").concat(size, "-push-").concat(sizeProps.push)]: sizeProps.push || sizeProps.push === 0,
+        ["".concat(prefix, "-").concat(size, "-pull-").concat(sizeProps.pull)]: sizeProps.pull || sizeProps.pull === 0
       });
     });
-
     const classes = classnames(prefix, {
-      [_concatInstanceProperty(_context12 = "".concat(prefix, "-")).call(_context12, span)]: span !== undefined,
-      [_concatInstanceProperty(_context13 = "".concat(prefix, "-order-")).call(_context13, order)]: order,
-      [_concatInstanceProperty(_context14 = "".concat(prefix, "-offset-")).call(_context14, offset)]: offset,
-      [_concatInstanceProperty(_context15 = "".concat(prefix, "-push-")).call(_context15, push)]: push,
-      [_concatInstanceProperty(_context16 = "".concat(prefix, "-pull-")).call(_context16, pull)]: pull
+      ["".concat(prefix, "-").concat(span)]: span !== undefined,
+      ["".concat(prefix, "-order-").concat(order)]: order,
+      ["".concat(prefix, "-offset-").concat(offset)]: offset,
+      ["".concat(prefix, "-push-").concat(push)]: push,
+      ["".concat(prefix, "-pull-").concat(pull)]: pull
     }, className, sizeClassObj);
     let {
       style
@@ -88,14 +76,14 @@ class Col extends React.Component {
       throw new Error('please make sure <Col> inside <Row>');
     }
 
-    style = _Object$assign(_Object$assign(_Object$assign({}, gutters[0] > 0 ? {
+    style = Object.assign(Object.assign(Object.assign({}, gutters[0] > 0 ? {
       paddingLeft: gutters[0] / 2,
       paddingRight: gutters[0] / 2
     } : {}), gutters[1] > 0 ? {
       paddingTop: gutters[1] / 2,
       paddingBottom: gutters[1] / 2
     } : {}), style);
-    return /*#__PURE__*/React.createElement("div", _Object$assign({}, others, {
+    return /*#__PURE__*/React.createElement("div", Object.assign({}, others, {
       style: style,
       className: classes,
       "x-semi-prop": "children"