antd-mobile 5.42.3 → 5.43.0

package/es/components/text-area/text-area.js

@@ -93,7 +93,7 @@ export const TextArea = forwardRef((p, ref) => {
   }
   return withNativeProps(props, React.createElement("div", {
     className: classPrefix
-  }, React.createElement("textarea", {
+  }, React.createElement("textarea", Object.assign({
     ref: nativeTextAreaRef,
     className: `${classPrefix}-element`,
     rows: rows,
@@ -129,9 +129,10 @@ export const TextArea = forwardRef((p, ref) => {
     onFocus: props.onFocus,
     onBlur: props.onBlur,
     onClick: props.onClick,
-    onKeyDown: handleKeydown,
+    onKeyDown: handleKeydown
+  }, {
     enterKeyHint: props.enterKeyHint
-  }), count, autoSize && React.createElement("textarea", {
+  })), count, autoSize && React.createElement("textarea", {
     ref: hiddenTextAreaRef,
     className: `${classPrefix}-element ${classPrefix}-element-hidden`,
     value: value,

package/es/components/virtual-input/use-click-outside.js

@@ -1,12 +1,14 @@
+import { useEvent } from 'rc-util';
 import { useEffect } from 'react';
 // 监听点击组件外部的事件
 function useClickOutside(handler, ref, hasKeyboardProps = false) {
+  const stableHandler = useEvent(handler);
   useEffect(() => {
     function handleClick(event) {
       if (!ref.current || ref.current.contains(event.target)) {
         return;
       }
-      handler(event);
+      stableHandler(event); // 使用 ref 中的 handler
     }
     // 向前兼容逻辑：
     // 1. 对于有键盘属性的 VirtualInput，在捕获阶段监听：
@@ -15,10 +17,11 @@ function useClickOutside(handler, ref, hasKeyboardProps = false) {
     //      这种情况通常是 VirtualInput + NumberKeyboard 为兄弟关系，在以前版本中点击 NumberKeyboard **不会**触发 VirtualInput 的 blur 事件
     //      原先原理：通过 NumberKeyboard 内部 onMouseDown 时 preventDefault 阻止的 VirtualInput 内原生的 blur 事件
     //      新的原理：NumberKeyboard 的 Popup 默认会 stopPropagation click, 这里在冒泡阶段监听不到，不会调用 VirtualInput 的 onBlur 回调（非原生事件）。
-    document.addEventListener('click', handleClick, hasKeyboardProps ? true : false);
+    document.addEventListener('click', handleClick, hasKeyboardProps);
     return () => {
-      document.removeEventListener('click', handleClick, hasKeyboardProps ? true : false);
+      document.removeEventListener('click', handleClick, hasKeyboardProps);
     };
-  }, [handler, ref]);
+  }, [ref]); // 只依赖 ref，不依赖 handler
 }
+
 export default useClickOutside;

package/es/utils/convert-px.js

@@ -1,9 +1,11 @@
 import { canUseDom } from './can-use-dom';
-import { isDev } from './is-dev';
 import { devError } from './dev-log';
+import { isDev } from './is-dev';
 let tenPxTester = null;
 let tester = null;
-if (canUseDom) {
+function initialize() {
+  if (tenPxTester !== null) return;
+  if (!canUseDom || !document.body) return;
   tenPxTester = document.createElement('div');
   tenPxTester.className = 'adm-px-tester';
   tenPxTester.style.setProperty('--size', '10');
@@ -18,6 +20,9 @@ if (canUseDom) {
   }
 }
 export function convertPx(px) {
+  if (tenPxTester === null) {
+    initialize();
+  }
   if (tenPxTester === null || tester === null) return px;
   if (tenPxTester.getBoundingClientRect().height === 10) {
     return px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "5.42.3",
+  "version": "5.43.0",
   "homepage": "https://github.com/ant-design/ant-design-mobile#readme",
   "bugs": {
     "url": "https://github.com/ant-design/ant-design-mobile/issues"