@arco-design/mobile-react 2.36.2 → 2.37.0

package/dist/index.js

@@ -1656,7 +1656,6 @@
       LoadMore: {
         loadMoreText: '加载更多',
         loadingText: '正在努力加载中...',
-        prepareText: '上拉/点击加载更多',
         noDataText: '没有更多数据了',
         failLoadText: '加载失败，点击重试',
         prepareScrollText: '上拉',
@@ -1719,36 +1718,36 @@
           boolean: defaultMessageTemplate$1
         },
         number: {
-          min: '`%s` 小于 `%s`',
-          max: '`%s` 大于 `%s`',
-          equal: '`%s` 不等于 `%s`',
-          range: '`%s` 不在 `%s ~ %s` 范围中 ',
-          positive: '`%s` 不是正数',
-          negative: '`%s`不是负数'
+          min: '`%s` 不可小于 `%s`',
+          max: '`%s` 不可大于 `%s`',
+          equal: '`%s` 应该等于 `%s`',
+          range: '`%s` 应该在 `%s ~ %s` 范围中',
+          positive: '`%s` 不可小于 0',
+          negative: '`%s` 不可大于 0'
         },
         string: {
-          max: '%s 超过 %s 个字符',
-          min: '%s 少于 %s 个字符',
-          len: '%s 字符个数应为 %s',
-          equal: '%s 不等于 `%s`',
-          match: '`%s` 不匹配 %s 模式',
+          max: '%s 不可超过 %s 个字符',
+          min: '%s 不可少于 %s 个字符',
+          len: '%s 字符个数应等于 %s',
+          equal: '%s 应该等于 `%s`',
+          match: '`%s` 应匹配 %s 模式',
           uppercase: '%s 需全为大写字符',
           lowercase: '%s 需全为小写字符',
-          whitespace: '%s 不能为连续空格'
+          whitespace: '%s 不可全为空格'
         },
         array: {
-          max: '%s 数组长度大于 %s',
-          min: '%s 数组长度小于 %s',
-          len: '%s 数组长度需为 %s',
-          includes: '%s 不包含 %s',
-          deepEqual: '%s 不完全等于 %s'
+          max: '%s 数组长度不可大于 %s',
+          min: '%s 数组长度不可小于 %s',
+          len: '%s 数组长度需等于 %s',
+          includes: '%s 应该包含 %s',
+          deepEqual: '%s 应该完全等于 %s'
         },
         object: {
-          deepEqual: '%s 不完全等于 %s',
-          hasKeys: '%s 不包含必要字段 %s'
+          deepEqual: '%s 应该完全等于 %s',
+          hasKeys: '%s 需包含必要字段 %s'
         },
         boolean: {
-          equal: '%s 不等于 `%s`'
+          equal: '%s 应该等于 `%s`'
         },
         pickerDefaultHint: '请选择'
       },
@@ -1756,8 +1755,8 @@
         backBtnAriaLabel: '返回'
       },
       Uploader: {
-        uploadBtn: '点击上传',
-        retryUpload: '点击重试'
+        uploadBtn: '上传',
+        retryUpload: '重试'
       }
     };
     var zhCN = localeConfig;
@@ -4650,7 +4649,7 @@
           clickTimes = _a[0],
           setClickTimes = _a[1];
 
-      var eventRef = React.useRef();
+      var eventRef = React.useRef(undefined);
       React.useEffect(function () {
         var timer = setTimeout(function () {
           if (clickTimes === 1) onClick(eventRef.current);
@@ -4704,61 +4703,79 @@
 
     function isObject$2(obj) {
       return Object.prototype.toString.call(obj) === '[object Object]';
-    }
+    } // Cast ReactDOM to a version that might have createRoot and other properties
 
-    var CopyReactDOM = __assign$3({}, ReactDOM__namespace);
 
+    var typedReactDOM = ReactDOM__namespace;
     var copyRender;
-    var version = CopyReactDOM.version,
-        reactRender = CopyReactDOM.render,
-        unmountComponentAtNode = CopyReactDOM.unmountComponentAtNode;
-    var isReact18 = Number((version || '').split('.')[0]) > 17;
 
     var updateUsingClientEntryPoint = function updateUsingClientEntryPoint(skipWarning) {
       // https://github.com/facebook/react/blob/17806594cc28284fe195f918e8d77de3516848ec/packages/react-dom/npm/client.js#L10
       // Avoid console warning
-      var __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = CopyReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+      var secretInternals = typedReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
-      if (isObject$2(__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED)) {
-        __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skipWarning;
+      if (isObject$2(secretInternals)) {
+        secretInternals.usingClientEntryPoint = skipWarning;
       }
     };
 
-    var createRoot;
-
-    try {
-      createRoot = CopyReactDOM.createRoot;
-    } catch (_) {}
+    var createRootFn = typedReactDOM.createRoot;
 
-    if (isReact18 && createRoot) {
-      copyRender = function copyRender(app, container) {
+    var getRender = function getRender(createRootFunction) {
+      return function (app, container) {
         updateUsingClientEntryPoint(true);
-        var root = createRoot(container);
+        var root = createRootFunction(container);
         updateUsingClientEntryPoint(false);
         root.render(app);
-
-        root._unmount = function () {
-          setTimeout(function () {
-            var _a;
-
-            (_a = root === null || root === void 0 ? void 0 : root.unmount) === null || _a === void 0 ? void 0 : _a.call(root);
-          });
+        return {
+          render: function render(elementToRender) {
+            root.render(elementToRender);
+          },
+          _unmount: function _unmount() {
+            setTimeout(function () {
+              if (root && typeof root.unmount === 'function') {
+                root.unmount();
+              }
+            });
+          }
         };
-
-        return root;
       };
-    } else {
+    };
+
+    if (createRootFn) {
+      // React 18
+      copyRender = getRender(createRootFn);
+    } else if (typeof typedReactDOM.render === 'function' && typeof typedReactDOM.unmountComponentAtNode === 'function') {
+      // React 16/17
       copyRender = function copyRender(app, container) {
-        reactRender(app, container);
+        typedReactDOM.render(app, container); // Use non-null assertion
+
         return {
-          render: function render(comment) {
-            reactRender(comment, container);
+          render: function render(elementToRender) {
+            typedReactDOM.render(elementToRender, container); // Use non-null assertion
           },
           _unmount: function _unmount() {
-            unmountComponentAtNode(container);
+            typedReactDOM.unmountComponentAtNode(container); // Use non-null assertion
           }
         };
       };
+    } else {
+      copyRender = function copyRender(app, container, createRootFunction) {
+        var defaultCb = function defaultCb() {
+          // Fallback if no rendering method is found
+          console.error('ArcoDesign: ReactDOM.createRoot() or ReactDOM.render() not found. ' + 'This usually means you are using an unsupported version of React, ' + 'or ReactDOM is not properly initialized. ' + 'ArcoDesign Mobile React requires React 16, 17, 18, or 19.');
+          return {
+            render: function render(_element) {},
+            _unmount: function _unmount() {}
+          };
+        };
+
+        if (createRootFunction) {
+          return getRender(createRootFunction)(app, container);
+        }
+
+        return defaultCb();
+      };
     }
 
     var render = copyRender;
@@ -4775,14 +4792,15 @@
         this.render = function (props) {
           var CustomApp = _this.app;
 
-          var propsWithContext = __assign$3(__assign$3({}, props), {
+          var propsWithContext = __assign$3({
             context: _this.context
-          });
+          }, props);
 
           if (_this.root) {
             _this.root.render( /*#__PURE__*/React__default["default"].createElement(CustomApp, __assign$3({}, propsWithContext)));
           } else {
-            _this.root = render( /*#__PURE__*/React__default["default"].createElement(CustomApp, __assign$3({}, propsWithContext)), _this.container);
+            var createRoot = (_this.context || {}).createRoot;
+            _this.root = render( /*#__PURE__*/React__default["default"].createElement(CustomApp, __assign$3({}, propsWithContext)), _this.container, createRoot);
           }
         };
 
@@ -9202,14 +9220,14 @@
         }, subTitle) : null) : null, /*#__PURE__*/React__default["default"].createElement("div", {
           className: prefixCls + "-action-sheet-list"
         }, (items || []).map(function (item, index) {
-          return /*#__PURE__*/React__default["default"].createElement("div", {
+          return item.content ? /*#__PURE__*/React__default["default"].createElement("div", {
             className: cls(prefixCls + "-action-sheet-item", item.className, item.status || 'normal'),
             key: index,
             style: item.style,
             onClick: function onClick(e) {
               return handleItemClick(e, item);
             }
-          }, item.content);
+          }, item.content) : null;
         })), cancelText ? /*#__PURE__*/React__default["default"].createElement("div", {
           className: prefixCls + "-action-sheet-item cancel-item",
           onClick: function onClick(e) {
@@ -12460,8 +12478,8 @@
 
     var useCountDown = function useCountDown(options) {
       var taskIdRef = React.useRef(0);
-      var endTimeRef = React.useRef();
-      var countingRef = React.useRef();
+      var endTimeRef = React.useRef(undefined);
+      var countingRef = React.useRef(undefined);
 
       var _a = useRefState(options.time),
           remain = _a[0],
@@ -12769,7 +12787,7 @@
       var rowCount = Math.max(rows % 2 === 0 ? rows + 1 : rows, 3);
       var isTouchMoveRef = React.useRef(false);
       var isTouchStopped = React.useRef(false);
-      var unmountCallbackRef = React.useRef();
+      var unmountCallbackRef = React.useRef(undefined);
       var timeRef = React.useRef(null);
       var colStyle = React.useMemo(function () {
         return getStyleWithVendor(__assign$3(__assign$3({
@@ -13218,7 +13236,9 @@
           rows: rows,
           hideEmptyCols: hideEmptyCols,
           ref: function ref(cellRef) {
-            return cellRef && (pickerCellsRef.current[index] = cellRef);
+            if (cellRef) {
+              pickerCellsRef.current[index] = cellRef;
+            }
           },
           touchToStop: touchToStop
         });
@@ -13450,7 +13470,9 @@
             rows: rows,
             hideEmptyCols: hideEmptyCols,
             ref: function ref(cellRef) {
-              return cellRef && (pickerCellsRef.current[index] = cellRef);
+              if (cellRef) {
+                pickerCellsRef.current[index] = cellRef;
+              }
             },
             touchToStop: touchToStop
           });
@@ -16543,8 +16565,6 @@
       }, ellipsisNode) : null);
     }
 
-    var NativeEllipsis$1 = /*#__PURE__*/React__default["default"].memo(NativeEllipsis);
-
     /**
      * 文本缩略组件，支持多行缩略、富文本、自定义缩略符、尾字符过滤等。如果传入的文本内容中包含换行符号`\n`，建议将`\n`替换为`<br/>`，并设置`dangerouslyUseInnerHTML=true`。
      * @en Text ellipsis component supports multi-line abbreviations, rich text, custom abbreviations, tail character filtering, etc. If the incoming text contains newline characters `\n`, it is recommended to replace `\n` with `<br/>`, and set `dangerouslyUseInnerHTML=true`.
@@ -16591,7 +16611,7 @@
         return /*#__PURE__*/React__default["default"].createElement("div", {
           className: cls(prefixCls + "-ellipsis", className),
           ref: domRef
-        }, useNativeEllipsis ? /*#__PURE__*/React__default["default"].createElement(NativeEllipsis$1, {
+        }, useNativeEllipsis ? /*#__PURE__*/React__default["default"].createElement(NativeEllipsis, {
           prefixCls: prefixCls + "-ellipsis",
           ellipsis: ellipsis,
           dangerouslyUseInnerHTML: dangerouslyUseInnerHTML,
@@ -25050,7 +25070,9 @@
           stickyStyle: "absolute",
           getScrollContainer: getScrollContainer,
           ref: function ref(stickyRef) {
-            return stickyRef && updateRef(groupIndex, stickyRef);
+            if (stickyRef) {
+              updateRef(groupIndex, stickyRef);
+            }
           }
         }, titleDom) : titleDom;
       };
@@ -26672,8 +26694,8 @@
           getContainer = props.getContainer;
       var domRef = React.useRef(null);
       var innerRef = React.useRef(null);
-      var closeTimerRef = React.useRef();
-      var onCloseTimeRef = React.useRef();
+      var closeTimerRef = React.useRef(undefined);
+      var onCloseTimeRef = React.useRef(undefined);
 
       var _f = React.useState(!visible),
           hasTrans = _f[0],
@@ -30582,7 +30604,9 @@
             backgroundColor: backgroundColor
           },
           ref: function ref(el) {
-            return el && (lineDomRefs.current[idx] = el);
+            if (el) {
+              lineDomRefs.current[idx] = el;
+            }
           }
         }, isGradientAnimation && offsets !== undefined && /*#__PURE__*/React__default["default"].createElement("div", {
           className: prefixCls + "-skeleton-animation-item",
@@ -30668,7 +30692,9 @@
             backgroundColor: backgroundColor
           },
           ref: function ref(el) {
-            return el && (iconDomRefs.current[idx] = el);
+            if (el) {
+              iconDomRefs.current[idx] = el;
+            }
           }
         }, isGradientAnimation && iconOffsets !== undefined && /*#__PURE__*/React__default["default"].createElement("div", {
           className: prefixCls + "-skeleton-animation-item",
@@ -30681,7 +30707,9 @@
             backgroundColor: backgroundColor
           },
           ref: function ref(el) {
-            return el && (textDomRefs.current[idx] = el);
+            if (el) {
+              textDomRefs.current[idx] = el;
+            }
           }
         }, isGradientAnimation && textOffsets !== undefined && /*#__PURE__*/React__default["default"].createElement("div", {
           className: prefixCls + "-skeleton-animation-item",
@@ -33231,7 +33259,7 @@
           direction = _h === void 0 ? 'center' : _h,
           typeIconMap = props.typeIconMap,
           initialBodyOverflow = props.initialBodyOverflow;
-      var closeTimerRef = React.useRef();
+      var closeTimerRef = React.useRef(undefined);
       var domRef = React.useRef(null);
       var wrapDomRef = React.useRef(null);
       var isInitialMount = React.useRef(false);