@arco-design/mobile-react 2.24.1 → 2.25.0

package/esm/form/useForm.js

@@ -0,0 +1,217 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+/* eslint-disable no-console */
+import { useRef } from 'react';
+var defaultFunc = function defaultFunc() {};
+export var defaultFormDataMethods = {
+  getFieldValue: function getFieldValue(name) {
+    return name;
+  },
+  getFieldsValue: function getFieldsValue(_names) {
+    return {};
+  },
+  getFieldError: function getFieldError(_name) {
+    return [];
+  },
+  setFieldValue: function setFieldValue(_name, _value) {
+    return true;
+  },
+  setFieldsValue: function setFieldsValue(_values) {
+    return true;
+  },
+  registerField: function registerField(_name, _self) {
+    return function () {};
+  },
+  resetFields: defaultFunc,
+  validateFields: defaultFunc,
+  submit: defaultFunc,
+  getInternalHooks: function getInternalHooks() {
+    return {
+      registerField: defaultFunc,
+      setInitialValues: defaultFunc,
+      setCallbacks: defaultFunc
+    };
+  }
+};
+
+// 在field的静态的状态下设置
+var FormData = function FormData() {
+  var _this = this;
+  this._formData = {};
+  this._fieldsList = {};
+  this._initialValues = {};
+  this._callbacks = {};
+  this.setFieldsValue = function (values) {
+    _this._formData = _extends({}, _this._formData, values);
+    _this.notifyField(values);
+    Object.keys(values).forEach(function (key) {
+      if (key in _this._fieldsList) {
+        var _this$_fieldsList$key;
+        (_this$_fieldsList$key = _this._fieldsList[key]) == null ? void 0 : _this$_fieldsList$key.onValueChange();
+      }
+    });
+    return true;
+  };
+  this.setFieldValue = function (name, value) {
+    var _extends2, _onValuesChange, _this$notifyField;
+    _this._formData = _extends({}, _this._formData, (_extends2 = {}, _extends2[name] = value, _extends2));
+    var onValuesChange = _this._callbacks.onValuesChange;
+    onValuesChange && onValuesChange((_onValuesChange = {}, _onValuesChange[name] = value, _onValuesChange), _this._formData);
+    _this.notifyField((_this$notifyField = {}, _this$notifyField[name] = value, _this$notifyField));
+    return true;
+  };
+  this.notifyField = function (values) {
+    Object.keys(values).map(function (fieldName) {
+      var _this$_fieldsList;
+      var fieldObj = ((_this$_fieldsList = _this._fieldsList) == null ? void 0 : _this$_fieldsList[fieldName]) || null;
+      if (fieldObj) {
+        fieldObj.onValueChange(values[fieldName]);
+      }
+    });
+  };
+  this.getFieldsValue = function (names) {
+    if (names) {
+      return names.map(function (name) {
+        return _this.getFieldValue(name);
+      });
+    }
+    return _this._formData;
+  };
+  this.getFieldValue = function (name) {
+    var _this$_formData;
+    return (_this$_formData = _this._formData) == null ? void 0 : _this$_formData[name];
+  };
+  this.getFieldError = function (name) {
+    var _this$_fieldsList2;
+    var field = ((_this$_fieldsList2 = _this._fieldsList) == null ? void 0 : _this$_fieldsList2[name]) || null;
+    if (field) {
+      return field.getFieldError();
+    }
+    return [];
+  };
+  this.getFieldsError = function (names) {
+    var fields = names || Object.keys(_this._fieldsList);
+    return fields.reduce(function (pre, name) {
+      var _this$_fieldsList3;
+      var theField = (_this$_fieldsList3 = _this._fieldsList) == null ? void 0 : _this$_fieldsList3[name];
+      if (theField) {
+        pre[name] = theField == null ? void 0 : theField.getFieldError();
+      }
+      return pre;
+    }, {});
+  };
+  this.isFieldTouched = function (name) {
+    var _this$_fieldsList4;
+    var field = ((_this$_fieldsList4 = _this._fieldsList) == null ? void 0 : _this$_fieldsList4[name]) || null;
+    if (field) {
+      return field.isFieldTouched();
+    }
+    return false;
+  };
+  this.registerField = function (name, self) {
+    _this._fieldsList[name] = self;
+    var initialValue = self.props.initialValue;
+    if (initialValue !== undefined && name) {
+      var _extends3, _extends4;
+      _this._initialValues = _extends({}, _this._initialValues, (_extends3 = {}, _extends3[name] = initialValue, _extends3));
+      _this.setFieldsValue(_extends({}, _this._formData, (_extends4 = {}, _extends4[name] = initialValue, _extends4)));
+    }
+    return function () {
+      if (name in _this._fieldsList) {
+        delete _this._fieldsList[name];
+        delete _this._formData[name];
+      }
+    };
+  };
+  this.setInitialValues = function (initVal) {
+    _this._initialValues = _extends({}, initVal || {});
+    _this.setFieldsValue(initVal);
+  };
+  this.resetFields = function () {
+    _this.setFieldsValue(_this._initialValues);
+  };
+  this.validateFields = function () {
+    var promiseList = [];
+    Object.values(_this._fieldsList).forEach(function (entity) {
+      var promise = entity.validateField();
+      promiseList.push(promise.then(function (errors) {
+        return errors;
+      }));
+    });
+    var summaryPromise = new Promise(function (resolve, reject) {
+      Promise.all(promiseList).then(function (res) {
+        var errorResults = res.filter(function (item) {
+          var _item$errors;
+          return item == null ? void 0 : (_item$errors = item.errors) == null ? void 0 : _item$errors.length;
+        });
+        if (errorResults.length) {
+          reject(errorResults);
+        } else {
+          resolve(res);
+        }
+      });
+    });
+    return summaryPromise;
+  };
+  this.submit = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _this.validateFields().then(function (result) {
+            var onSubmit = _this._callbacks.onSubmit;
+            onSubmit == null ? void 0 : onSubmit(_this._formData, result);
+          }).catch(function (e) {
+            var onSubmitFailed = _this._callbacks.onSubmitFailed;
+            if (!onSubmitFailed) {
+              return;
+            }
+            onSubmitFailed(_this._formData, e);
+          });
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  this.setCallbacks = function (callbacks) {
+    _this._callbacks = callbacks;
+  };
+  this.getMethods = function () {
+    return {
+      setFieldsValue: _this.setFieldsValue,
+      setFieldValue: _this.setFieldValue,
+      getFieldsValue: _this.getFieldsValue,
+      getFieldValue: _this.getFieldValue,
+      getFieldError: _this.getFieldError,
+      getFieldsError: _this.getFieldsError,
+      isFieldTouched: _this.isFieldTouched,
+      registerField: _this.registerField,
+      resetFields: _this.resetFields,
+      submit: _this.submit,
+      getInternalHooks: _this.getInternalHooks,
+      validateFields: _this.validateFields
+    };
+  };
+  this.getInternalHooks = function () {
+    return {
+      registerField: _this.registerField,
+      setInitialValues: _this.setInitialValues,
+      setCallbacks: _this.setCallbacks
+    };
+  };
+};
+export default function useForm(form) {
+  var formInstanceRef = useRef(defaultFormDataMethods);
+  var isSingletonRef = useRef(false);
+  if (!isSingletonRef.current) {
+    if (form) {
+      formInstanceRef.current = form;
+    } else {
+      var formIns = new FormData();
+      formInstanceRef.current = formIns.getMethods();
+    }
+    isSingletonRef.current = true;
+  }
+  return [formInstanceRef.current];
+}

package/esm/form/utils.d.ts

@@ -0,0 +1,6 @@
+import { IRules, ValidatorError } from '@arco-design/mobile-utils';
+export declare const isFieldRequired: (rules?: IRules[]) => boolean;
+export declare const getErrorAndWarnings: (result: ValidatorError[]) => {
+    warnings: string[];
+    errors: string[];
+};

package/esm/form/utils.js

@@ -0,0 +1,30 @@
+export var isFieldRequired = function isFieldRequired(rules) {
+  if (rules === void 0) {
+    rules = [];
+  }
+  return (rules || []).some(function (rule) {
+    return rule == null ? void 0 : rule.required;
+  });
+};
+export var getErrorAndWarnings = function getErrorAndWarnings(result) {
+  var errors = [];
+  var warnings = [];
+  result.map(function (_ref) {
+    var _ref$message = _ref.message,
+      message = _ref$message === void 0 ? [] : _ref$message,
+      _ref$validateLevel = _ref.validateLevel,
+      validateLevel = _ref$validateLevel === void 0 ? 'error' : _ref$validateLevel;
+    if (!(message != null && message.length)) {
+      return;
+    }
+    if (validateLevel === 'warning') {
+      warnings = [].concat(warnings, message);
+    } else {
+      errors = [].concat(errors, message);
+    }
+  });
+  return {
+    warnings: warnings,
+    errors: errors
+  };
+};

package/esm/grid/index.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useRef, forwardRef, useImperativeHandle } from 'react';
 import { cls } from '@arco-design/mobile-utils';
 import { ContextLayout } from '../context-provider';
-
 /**
  * 宫格可以在水平方向上把页面分隔成等宽度的区块，用于展示内容或进行页面导航。
  * @en The grid can divide the page into equal-width blocks in the horizontal direction for displaying content or for page navigation.
@@ -13,32 +12,30 @@ import { ContextLayout } from '../context-provider';
  */
 var Grid = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      style = props.style,
-      data = props.data,
-      _props$columns = props.columns,
-      columns = _props$columns === void 0 ? 3 : _props$columns,
-      _props$border = props.border,
-      border = _props$border === void 0 ? false : _props$border,
-      _props$gutter = props.gutter,
-      gutter = _props$gutter === void 0 ? 0 : _props$gutter,
-      _props$shape = props.shape,
-      shape = _props$shape === void 0 ? 'square' : _props$shape,
-      _props$direction = props.direction,
-      direction = _props$direction === void 0 ? 'vertical' : _props$direction,
-      _props$isSliding = props.isSliding,
-      isSliding = _props$isSliding === void 0 ? false : _props$isSliding;
+    className = _props$className === void 0 ? '' : _props$className,
+    style = props.style,
+    data = props.data,
+    _props$columns = props.columns,
+    columns = _props$columns === void 0 ? 3 : _props$columns,
+    _props$border = props.border,
+    border = _props$border === void 0 ? false : _props$border,
+    _props$gutter = props.gutter,
+    gutter = _props$gutter === void 0 ? 0 : _props$gutter,
+    _props$shape = props.shape,
+    shape = _props$shape === void 0 ? 'square' : _props$shape,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'vertical' : _props$direction,
+    _props$isSliding = props.isSliding,
+    isSliding = _props$isSliding === void 0 ? false : _props$isSliding;
   var domRef = useRef(null);
   useImperativeHandle(ref, function () {
     return {
       dom: domRef.current
     };
   });
-
   var getRows = function getRows(prefix, rowsData, rows, row) {
     var placeholders = !isSliding && rowsData.length % columns;
     var renderData = rowsData;
-
     if (placeholders) {
       var fakeGrids = new Array(columns - placeholders).fill({
         img: null,
@@ -46,23 +43,20 @@ var Grid = /*#__PURE__*/forwardRef(function (props, ref) {
       });
       renderData = rowsData.concat(fakeGrids);
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: prefix + "-rows",
       key: row
     }, renderData.map(function (item, index) {
       var img = item.img,
-          title = item.title,
-          content = item.content,
-          itemClassName = item.className,
-          _onClick = item.onClick,
-          itemStyle = item.itemStyle,
-          renderGrid = item.renderGrid;
-
+        title = item.title,
+        content = item.content,
+        itemClassName = item.className,
+        _onClick = item.onClick,
+        itemStyle = item.itemStyle,
+        renderGrid = item.renderGrid;
       if (renderGrid) {
         return renderGrid(item, index, row);
       }
-
       var marginBottom = row + 1 === rows ? 0 : typeof gutter === 'number' ? gutter : (gutter == null ? void 0 : gutter.y) || 0;
       var rowLen = renderData.length;
       var marginRight = index + 1 === rowLen ? 0 : typeof gutter === 'number' ? gutter : (gutter == null ? void 0 : gutter.x) || 0;
@@ -95,37 +89,30 @@ var Grid = /*#__PURE__*/forwardRef(function (props, ref) {
       }) : null);
     }));
   };
-
   var getGrid = function getGrid(prefix, dataArr) {
     var rows = dataArr.length || 1;
     return /*#__PURE__*/React.createElement(React.Fragment, null, dataArr.map(function (item, index) {
       return getRows(prefix, item, rows, index);
     }));
   };
-
   var renderEl = function renderEl(_ref) {
     var prefixCls = _ref.prefixCls;
     var prefix = prefixCls + "-grid";
     var dataLength = (data == null ? void 0 : data.length) || 0;
-
     if (dataLength === 0) {
       return null;
     }
-
     var index = 0;
     var newArr = [];
-
     while (index < dataLength) {
       newArr.push(data.slice(index, isSliding ? index += dataLength : index += columns));
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: cls(prefix, className, isSliding ? 'sliding' : ''),
       style: style,
       ref: domRef
     }, getGrid(prefix, newArr));
   };
-
   return /*#__PURE__*/React.createElement(ContextLayout, null, renderEl);
 });
 export default Grid;

package/esm/icon/IconAdd/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconAdd(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconArrowBack/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconArrowBack(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconArrowDown/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconArrowDown(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconArrowIn/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconArrowIn(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconArrowUp/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconArrowUp(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconCheck/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconCheck(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconCheckBold/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconCheckBold(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconCircleChecked/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconCircleChecked(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconCircleDisabled/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconCircleDisabled(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconCircleUnchecked/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconCircleUnchecked(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconClear/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconClear(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconClose/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconClose(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconCloseBold/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconCloseBold(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconDelete/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconDelete(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({