@arco-design/mobile-react 2.30.0 → 2.30.1

package/dist/index.js

@@ -1106,7 +1106,7 @@
      * @desc {en} Get properties of the scrolling container. Perform additional attribute compatibility processing for window and document.
      * @param property 所需属性
      * @param property {en} Required attributes
-     * @param getContainer 待计算滚动容器
+     * @param {() => HTMLElement | Window | Document | null} getContainer 待计算滚动容器
      * @param getContainer {en} Scrolling container to be calculated.
      * @example
      * ```
@@ -1147,7 +1147,7 @@
     /**
      * 提供了元素的大小及其相对于视口的位置。
      * @desc {en} Provide information about the size of an element and its position relative to the viewport.
-     * @param container 滚动容器
+     * @param {HTMLElement | Window | null} container 滚动容器
      * @param container {en} Scroll Container
      * @example
      * ```
@@ -3771,9 +3771,15 @@
           isDarkModeState = _c[0],
           setIsDarkModeState = _c[1];
 
-      var setDarkModeState = function setDarkModeState(isDark) {
+      var mountedRef = React.useRef(false);
+
+      var setDarkModeState = function setDarkModeState(isDark, needChange) {
+        if (needChange === void 0) {
+          needChange = true;
+        }
+
         setIsDarkModeState(isDark);
-        onDarkModeChange && onDarkModeChange(isDark);
+        needChange && onDarkModeChange && onDarkModeChange(isDark);
       };
 
       var isDarkMode = React.useMemo(function () {
@@ -3802,7 +3808,7 @@
 
         if (useDarkMode) {
           var dark = matchMedia.matches;
-          setDarkModeState(dark);
+          setDarkModeState(dark, mountedRef.current);
 
           if (typeof matchMedia.addEventListener === 'function') {
             matchMedia.addEventListener('change', changeDarkMode);
@@ -3811,6 +3817,7 @@
           }
         }
 
+        mountedRef.current = true;
         return function () {
           if (useDarkMode) {
             if (typeof matchMedia.removeEventListener === 'function') {
@@ -10283,7 +10290,9 @@
         // @en When noLoop is used, the blank space of spaceBetween needs to be exposed at the end, so when sliding to the last one, the transform value moves to the left by the corresponding width
 
         var translateDis = noLoop ? noLoopDis - (total > 1 && index === total - 1 ? spaceBetween : 0) * rtlRatio : dis;
-        var transStr = childSize > 0 ? translateDis + "px" : "-" + index * 100 + "%";
+        var initTranslateDis = -1 * index * 100; // bugfix: prop `style` did not match in ssr
+
+        var transStr = childSize > 0 ? "" + translateDis + (translateDis ? 'px' : '') : "" + initTranslateDis + (initTranslateDis ? '%' : '');
 
         if (vertical) {
           var translateStyle_1 = getStyleWithVendor({
@@ -16145,11 +16154,13 @@
     var getErrorAndWarnings = function getErrorAndWarnings(result) {
       var errors = [];
       var warnings = [];
+      var errorTypes = [];
       result.map(function (_a) {
         var _b = _a.message,
             message = _b === void 0 ? [] : _b,
             _c = _a.validateLevel,
-            validateLevel = _c === void 0 ? 'error' : _c;
+            validateLevel = _c === void 0 ? 'error' : _c,
+            resultErrorTypes = _a.errorTypes;
 
         if (!(message === null || message === void 0 ? void 0 : message.length)) {
           return;
@@ -16159,11 +16170,13 @@
           warnings = __spreadArrays$1(warnings, message);
         } else {
           errors = __spreadArrays$1(errors, message);
+          errorTypes = __spreadArrays$1(errorTypes, resultErrorTypes);
         }
       });
       return {
         warnings: warnings,
-        errors: errors
+        errors: errors,
+        errorTypes: errorTypes
       };
     };
 
@@ -16226,12 +16239,14 @@
               fieldValidator_1.validate((_a = {}, _a[field] = value, _a), function (errorsMap) {
                 var _a = getErrorAndWarnings((errorsMap === null || errorsMap === void 0 ? void 0 : errorsMap[field]) || []),
                     errors = _a.errors,
-                    warnings = _a.warnings;
+                    warnings = _a.warnings,
+                    errorTypes = _a.errorTypes;
 
                 _this._errors = errors;
                 onValidateStatusChange({
                   errors: _this._errors,
-                  warnings: warnings
+                  warnings: warnings,
+                  errorTypes: errorTypes
                 });
                 return resolve({
                   errors: _this._errors,
@@ -16470,16 +16485,22 @@
           errors = _e[0],
           setErrors = _e[1];
 
-      var _f = React.useState([]),
-          warnings = _f[0],
-          setWarnings = _f[1];
+      var _f = React.useState(null),
+          errorTypes = _f[0],
+          setErrorTypes = _f[1];
+
+      var _g = React.useState([]),
+          warnings = _g[0],
+          setWarnings = _g[1];
 
       var formItemRef = React.useRef(null);
 
       var onValidateStatusChange = function onValidateStatusChange(validateResult) {
         var _errors = validateResult.errors,
-            _warnings = validateResult.warnings;
+            _warnings = validateResult.warnings,
+            _errorTypes = validateResult.errorTypes;
         setErrors(_errors.length ? _errors[0] : null);
+        setErrorTypes(_errorTypes.length ? _errorTypes[0] : null);
         setWarnings(_warnings);
       };
 
@@ -16501,7 +16522,7 @@
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: cls(prefixCls + "-form-item", prefixCls + "-form-item-" + (itemLayout || layout), className, (_a = {
           disabled: fieldDisabled
-        }, _a[prefixCls + "-form-item-error"] = !!errors, _a[prefixCls + "-form-item-warning"] = Boolean(!errors && warnings), _a)),
+        }, _a[prefixCls + "-form-item-error"] = !!errors, _a[prefixCls + "-form-item-warning"] = Boolean(!errors && warnings), _a[prefixCls + "-form-item-error-" + errorTypes] = errorTypes, _a)),
         style: style,
         ref: formItemRef
       }, /*#__PURE__*/React__default["default"].createElement("div", {