@arco-design/mobile-react 2.38.4 → 2.39.0

package/cjs/form/linked-container.js

@@ -1,32 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.DefaultDatePickerLinkedContainer = DefaultDatePickerLinkedContainer;
 exports.DefaultPickerLinkedContainer = DefaultPickerLinkedContainer;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _helper = require("../date-picker/helper");
-
 var _contextProvider = require("../context-provider");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function DefaultPickerLinkedContainer(_ref) {
   var value = _ref.value;
-
   var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      prefixCls = _useContext.prefixCls,
-      locale = _useContext.locale;
-
+    prefixCls = _useContext.prefixCls,
+    locale = _useContext.locale;
   var className = prefixCls + "-form-picker-link-container";
   return /*#__PURE__*/_react.default.createElement("div", {
     className: className
@@ -34,33 +23,26 @@ function DefaultPickerLinkedContainer(_ref) {
     className: className + "-placeholder"
   }, locale == null ? void 0 : locale.Form.pickerDefaultHint));
 }
-
 function DefaultDatePickerLinkedContainer(_ref2) {
   var ts = _ref2.ts,
-      types = _ref2.types;
-
+    types = _ref2.types;
   var _useContext2 = (0, _react.useContext)(_contextProvider.GlobalContext),
-      prefixCls = _useContext2.prefixCls,
-      locale = _useContext2.locale;
-
+    prefixCls = _useContext2.prefixCls,
+    locale = _useContext2.locale;
   var className = prefixCls + "-form-picker-link-container";
   var dateTimeStr = (0, _react.useMemo)(function () {
     if (ts === undefined) {
       return '';
     }
-
     if (typeof ts === 'number') {
       return formatDateTimeStr(ts, types);
     }
-
     return formatDateTimeStr(ts[0], types) + " ~ " + formatDateTimeStr(ts[1], types);
   }, [ts, types]);
-
   function formatDateTimeStr(timestamp, itemTypes) {
     var dateObj = (0, _helper.convertTsToDateObj)(timestamp);
     var validDateObj = Object.keys(dateObj).reduce(function (acc, key) {
       var _ref3;
-
       return (0, _extends2.default)({}, acc, itemTypes.includes(key) ? (_ref3 = {}, _ref3[key] = (0, _mobileUtils.formatDateNumber)(dateObj[key]), _ref3) : {});
     }, {});
     var dateStr = [validDateObj.year, validDateObj.month, validDateObj.date].filter(function (v) {
@@ -71,7 +53,6 @@ function DefaultDatePickerLinkedContainer(_ref2) {
     }).join(':');
     return dateStr + " " + timeStr;
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: className
   }, ts ? dateTimeStr : /*#__PURE__*/_react.default.createElement("span", {

package/cjs/form/style/css/index.js

@@ -1,5 +1,4 @@
 "use strict";
 
 require("../../../../style/css/public.css");
-
 require("./index.css");

package/cjs/form/style/index.js

@@ -1,5 +1,4 @@
 "use strict";
 
 require("../../../style/public.less");
-
 require("./index.less");

package/cjs/form/type.d.ts

@@ -245,7 +245,12 @@ export interface FormItemProps {
      * 表单项名
      * @en The form item name
      */
-    label: ReactNode;
+    label?: ReactNode;
+    /**
+     * 校验提示中的字段名（当 label 为复杂节点时推荐设置）
+     * @en The field name in the validation message (recommended when label is a complex node)
+     */
+    labelName?: string;
     /**
      * 表单项Stylesheet
      * @en The form item stylesheet
@@ -332,6 +337,11 @@ export interface IFormItemInnerProps {
      * @en Form item field
      */
     field: string;
+    /**
+     * 校验提示中的字段名
+     * @en The field name in the validation message
+     */
+    labelName?: string;
     /**
      * 表单项子节点
      * @en Form item children

package/cjs/form/type.js

@@ -6,7 +6,6 @@ exports.ValueChangeType = exports.ValidateStatus = exports.FormInternalComponent
 // Notice: Automatically identify the basis of the associated component of the form, DO NOT change the code structure.
 var FormInternalComponentType;
 exports.FormInternalComponentType = FormInternalComponentType;
-
 (function (FormInternalComponentType) {
   FormInternalComponentType["Input"] = "Input";
   FormInternalComponentType["Textarea"] = "Textarea";
@@ -22,10 +21,8 @@ exports.FormInternalComponentType = FormInternalComponentType;
   FormInternalComponentType["Rate"] = "Rate";
   FormInternalComponentType["Stepper"] = "Stepper";
 })(FormInternalComponentType || (exports.FormInternalComponentType = FormInternalComponentType = {}));
-
 var ValidateStatus;
 exports.ValidateStatus = ValidateStatus;
-
 (function (ValidateStatus) {
   ValidateStatus["Init"] = "init";
   ValidateStatus["Error"] = "error";
@@ -33,10 +30,8 @@ exports.ValidateStatus = ValidateStatus;
   ValidateStatus["Validating"] = "validating";
   ValidateStatus["Success"] = "success";
 })(ValidateStatus || (exports.ValidateStatus = ValidateStatus = {}));
-
 var ValueChangeType;
 exports.ValueChangeType = ValueChangeType;
-
 (function (ValueChangeType) {
   ValueChangeType[ValueChangeType["Update"] = 0] = "Update";
   ValueChangeType[ValueChangeType["Reset"] = 1] = "Reset";

package/cjs/form/useForm.js

@@ -1,24 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = useForm;
 exports.defaultFormDataMethods = void 0;
-
 var _extends6 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = require("react");
-
 var _es6Promise = require("es6-promise");
-
 var _type = require("./type");
-
 var _utils = require("./utils");
-
 /* eslint-disable no-console */
-var defaultFunc = function defaultFunc() {};
 
+var defaultFunc = function defaultFunc() {};
 var defaultFormDataMethods = {
   getFieldValue: function getFieldValue(name) {
     return name;
@@ -52,90 +45,72 @@ var defaultFormDataMethods = {
       innerSetFieldValue: defaultFunc
     };
   }
-}; // 在field的静态的状态下设置
+};
 
+// 在field的静态的状态下设置
 exports.defaultFormDataMethods = defaultFormDataMethods;
-
 var FormData = function FormData() {
   var _this = this;
-
   this._formData = {};
+  // 数据源
   this._fieldsList = {};
+  // 字段列表
   this._initialValues = {};
+  // 初始值
   this._callbacks = {};
-
   this.commonSetFieldsValue = function (values, changeType) {
     var oldValues = Object.keys(values).reduce(function (acc, key) {
       var _extends2;
-
       return (0, _extends6.default)({}, acc, (_extends2 = {}, _extends2[key] = _this.getFieldValue(key), _extends2));
     }, {});
     _this._formData = (0, _extends6.default)({}, _this._formData, values);
-
     _this.notifyField(values, oldValues, changeType);
   };
-
   this.setFieldsValue = function (values) {
     _this.commonSetFieldsValue(values);
-
     var onValuesChange = _this._callbacks.onValuesChange;
     onValuesChange == null ? void 0 : onValuesChange(values, _this._formData);
     return true;
   };
-
   this.innerSetFieldsValue = function (values, changeType) {
     _this.commonSetFieldsValue(values, changeType);
-
     var _this$_callbacks = _this._callbacks,
-        onValuesChange = _this$_callbacks.onValuesChange,
-        onChange = _this$_callbacks.onChange;
+      onValuesChange = _this$_callbacks.onValuesChange,
+      onChange = _this$_callbacks.onChange;
     onValuesChange == null ? void 0 : onValuesChange(values, _this._formData);
     onChange == null ? void 0 : onChange(values, _this._formData);
     return true;
   };
-
   this.commonSetFieldValue = function (name, value, changeType) {
     var _oldValues, _extends3, _this$notifyField;
-
     var oldValues = (_oldValues = {}, _oldValues[name] = _this.getFieldValue(name), _oldValues);
     _this._formData = (0, _extends6.default)({}, _this._formData, (_extends3 = {}, _extends3[name] = value, _extends3));
-
     _this.notifyField((_this$notifyField = {}, _this$notifyField[name] = value, _this$notifyField), oldValues, changeType);
   };
-
   this.setFieldValue = function (name, value) {
     var _onValuesChange;
-
     _this.commonSetFieldValue(name, value);
-
     var onValuesChange = _this._callbacks.onValuesChange;
     onValuesChange && onValuesChange((_onValuesChange = {}, _onValuesChange[name] = value, _onValuesChange), _this.getFieldsValue());
     return true;
   };
-
   this.innerSetFieldValue = function (name, value, changeType) {
     var _onValuesChange2, _onChange;
-
     _this.commonSetFieldValue(name, value, changeType);
-
     var _this$_callbacks2 = _this._callbacks,
-        onValuesChange = _this$_callbacks2.onValuesChange,
-        onChange = _this$_callbacks2.onChange;
+      onValuesChange = _this$_callbacks2.onValuesChange,
+      onChange = _this$_callbacks2.onChange;
     onValuesChange && onValuesChange((_onValuesChange2 = {}, _onValuesChange2[name] = value, _onValuesChange2), _this._formData);
     onChange && onChange((_onChange = {}, _onChange[name] = value, _onChange), _this._formData);
     return true;
   };
-
   this.notifyField = function (values, oldValues, changeType) {
     if (changeType === void 0) {
       changeType = _type.ValueChangeType.Update;
     }
-
     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], oldValues[fieldName], {
           changeType: changeType
@@ -143,74 +118,53 @@ var FormData = function FormData() {
       }
     });
   };
-
   this.getFieldsValue = function (names) {
     if (names) {
       return names.map(function (name) {
         return _this.getFieldValue(name);
       });
     }
-
     return (0, _utils.deepClone)(_this._formData);
   };
-
   this.getFieldValue = function (name) {
     var _this$_formData;
-
     return (0, _utils.deepClone)((_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 _extends4, _extends5;
-
       _this._initialValues = (0, _extends6.default)({}, _this._initialValues, (_extends4 = {}, _extends4[name] = initialValue, _extends4));
-
       _this.setFieldsValue((0, _extends6.default)({}, _this._formData, (_extends5 = {}, _extends5[name] = initialValue, _extends5)));
     }
-
     return function () {
       if (name in _this._fieldsList) {
         delete _this._fieldsList[name];
@@ -218,35 +172,26 @@ var FormData = function FormData() {
       }
     };
   };
-
   this.setInitialValues = function (initVal) {
     _this._initialValues = (0, _utils.deepClone)(initVal || {});
-
     _this.setFieldsValue(initVal);
   };
-
   this.setInitialValue = function (fieldName, value) {
     if (!fieldName) {
       return;
     }
-
     _this._initialValues[fieldName] = value;
-
     _this.setFieldValue(fieldName, value);
   };
-
   this.getInitialValue = function (fieldName) {
     return _this._initialValues[fieldName];
   };
-
   this.resetFields = function () {
     var oldValues = (0, _extends6.default)({}, _this._formData);
     var initialValues = {};
     Object.keys(_this._formData).forEach(function (fieldName) {
       var _this$_fieldsList5;
-
       var fieldObj = ((_this$_fieldsList5 = _this._fieldsList) == null ? void 0 : _this$_fieldsList5[fieldName]) || null;
-
       if (fieldObj) {
         initialValues[fieldName] = fieldObj.getInitialValue();
       }
@@ -254,10 +199,8 @@ var FormData = function FormData() {
     var onValuesChange = _this._callbacks.onValuesChange;
     onValuesChange && onValuesChange(initialValues, _this._formData);
     _this._formData = initialValues;
-
     _this.notifyField(initialValues, oldValues, _type.ValueChangeType.Reset);
   };
-
   this.validateFields = function () {
     var promiseList = [];
     Object.values(_this._fieldsList).forEach(function (entity) {
@@ -270,10 +213,8 @@ var FormData = function FormData() {
       _es6Promise.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 {
@@ -283,26 +224,21 @@ var FormData = function FormData() {
     });
     return summaryPromise;
   };
-
   this.submit = function () {
     _this.validateFields().then(function (result) {
       var onSubmit = _this._callbacks.onSubmit;
       onSubmit == null ? void 0 : onSubmit(_this.getFieldsValue(), result);
     }).catch(function (e) {
       var onSubmitFailed = _this._callbacks.onSubmitFailed;
-
       if (!onSubmitFailed) {
         return;
       }
-
       onSubmitFailed(_this.getFieldsValue(), e);
     });
   };
-
   this.setCallbacks = function (callbacks) {
     _this._callbacks = callbacks;
   };
-
   this.getMethods = function () {
     return {
       setFieldsValue: _this.setFieldsValue,
@@ -319,7 +255,6 @@ var FormData = function FormData() {
       validateFields: _this.validateFields
     };
   };
-
   this.getInternalHooks = function () {
     return {
       registerField: _this.registerField,
@@ -332,11 +267,9 @@ var FormData = function FormData() {
     };
   };
 };
-
 function useForm(form) {
   var formInstanceRef = (0, _react.useRef)(defaultFormDataMethods);
   var isSingletonRef = (0, _react.useRef)(false);
-
   if (!isSingletonRef.current) {
     if (form) {
       formInstanceRef.current = form;
@@ -344,9 +277,7 @@ function useForm(form) {
       var formIns = new FormData();
       formInstanceRef.current = formIns.getMethods();
     }
-
     isSingletonRef.current = true;
   }
-
   return [formInstanceRef.current];
 }

package/cjs/form/utils.js

@@ -1,44 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.deepClone = deepClone;
 exports.isFieldRequired = exports.getErrorAndWarnings = exports.getDefaultValueForInterComponent = void 0;
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _cloneDeepWith = _interopRequireDefault(require("lodash/cloneDeepWith"));
-
 var _type = require("./type");
-
 var isFieldRequired = function isFieldRequired(rules) {
   if (rules === void 0) {
     rules = [];
   }
-
   return (rules || []).some(function (rule) {
     return rule == null ? void 0 : rule.required;
   });
 };
-
 exports.isFieldRequired = isFieldRequired;
-
 var getErrorAndWarnings = function getErrorAndWarnings(result) {
   var errors = [];
   var warnings = [];
   var errorTypes = [];
   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,
-        resultErrorTypes = _ref.errorTypes;
-
+      message = _ref$message === void 0 ? [] : _ref$message,
+      _ref$validateLevel = _ref.validateLevel,
+      validateLevel = _ref$validateLevel === void 0 ? 'error' : _ref$validateLevel,
+      resultErrorTypes = _ref.errorTypes;
     if (!(message != null && message.length)) {
       return;
     }
-
     if (validateLevel === 'warning') {
       warnings = [].concat(warnings, message);
     } else {
@@ -52,32 +42,24 @@ var getErrorAndWarnings = function getErrorAndWarnings(result) {
     errorTypes: errorTypes
   };
 };
-
 exports.getErrorAndWarnings = getErrorAndWarnings;
-
 var getDefaultValueForInterComponent = function getDefaultValueForInterComponent(componentType) {
   switch (componentType) {
     case _type.FormInternalComponentType.Input:
     case _type.FormInternalComponentType.Textarea:
       return undefined;
-
     case _type.FormInternalComponentType.CheckboxGroup:
       return [];
-
     case _type.FormInternalComponentType.RadioGroup:
       return null;
-
     case _type.FormInternalComponentType.Slider:
     case _type.FormInternalComponentType.Rate:
       return 0;
-
     default:
       return undefined;
   }
 };
-
 exports.getDefaultValueForInterComponent = getDefaultValueForInterComponent;
-
 function deepClone(value) {
   return (0, _cloneDeepWith.default)(value, function (val) {
     if (!(0, _mobileUtils.isObject)(val) && !(0, _mobileUtils.isArray)(val)) {

package/cjs/grid/index.js

@@ -1,22 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _contextProvider = require("../context-provider");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * 宫格可以在水平方向上把页面分隔成等宽度的区块，用于展示内容或进行页面导航。
  * @en The grid can divide the page into equal-width blocks in the horizontal direction for displaying content or for page navigation.
@@ -27,36 +19,32 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var Grid = /*#__PURE__*/(0, _react.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 _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      useRtl = _useContext.useRtl;
-
+    useRtl = _useContext.useRtl;
   var domRef = (0, _react.useRef)(null);
   (0, _react.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,
@@ -64,25 +52,21 @@ var Grid = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       });
       renderData = rowsData.concat(fakeGrids);
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: prefix + "-rows",
       key: row
     }, renderData.map(function (item, index) {
       var _marginStyle;
-
       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 marginValue = index + 1 === rowLen ? 0 : typeof gutter === 'number' ? gutter : (gutter == null ? void 0 : gutter.x) || 0;
@@ -115,37 +99,30 @@ var Grid = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }) : null);
     }));
   };
-
   var getGrid = function getGrid(prefix, dataArr) {
     var rows = dataArr.length || 1;
     return /*#__PURE__*/_react.default.createElement(_react.default.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.default.createElement("div", {
       className: (0, _mobileUtils.cls)(prefix, className, isSliding ? 'sliding' : ''),
       style: style,
       ref: domRef
     }, getGrid(prefix, newArr));
   };
-
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, renderEl);
 });
 var _default = Grid;