antd-mobile 5.11.1 → 5.11.2

package/cjs/components/image-uploader/image-uploader.js

@@ -25,6 +25,8 @@ var _space = _interopRequireDefault(require("../space"));
 
 var _nativeProps = require("../../utils/native-props");
 
+var _configProvider = require("../config-provider");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -46,6 +48,9 @@ const defaultProps = {
 };
 
 const ImageUploader = p => {
+  const {
+    locale
+  } = (0, _configProvider.useConfig)();
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   const [value, setValue] = (0, _usePropsValue.usePropsValue)(props);
   const updateValue = (0, _ahooks.useMemoizedFn)(updater => {
@@ -218,7 +223,8 @@ const ImageUploader = p => {
     className: `${classPrefix}-upload-button-wrap`
   }, props.children ? props.children : _react.default.createElement("span", {
     className: `${classPrefix}-cell ${classPrefix}-upload-button`,
-    role: 'button'
+    role: 'button',
+    "aria-label": locale.ImageUploader.upload
   }, _react.default.createElement("span", {
     className: `${classPrefix}-upload-button-icon`
   }, _react.default.createElement(_antdMobileIcons.AddOutline, null))), !props.disableUpload && _react.default.createElement("input", {
@@ -227,7 +233,8 @@ const ImageUploader = p => {
     multiple: props.multiple,
     type: 'file',
     className: `${classPrefix}-input`,
-    onChange: onChange
+    onChange: onChange,
+    "aria-hidden": true
   })))));
 };
 

package/cjs/components/list/list-item.js

@@ -13,6 +13,8 @@ var _antdMobileIcons = require("antd-mobile-icons");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _isNodeWithContent = require("../../utils/is-node-with-content");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const classPrefix = `adm-list-item`;
@@ -25,17 +27,17 @@ const ListItem = props => {
 
   const content = _react.default.createElement("div", {
     className: `${classPrefix}-content`
-  }, props.prefix && _react.default.createElement("div", {
+  }, (0, _isNodeWithContent.isNodeWithContent)(props.prefix) && _react.default.createElement("div", {
     className: `${classPrefix}-content-prefix`
   }, props.prefix), _react.default.createElement("div", {
     className: `${classPrefix}-content-main`
-  }, props.title && _react.default.createElement("div", {
+  }, (0, _isNodeWithContent.isNodeWithContent)(props.title) && _react.default.createElement("div", {
     className: `${classPrefix}-title`
-  }, props.title), props.children, props.description && _react.default.createElement("div", {
+  }, props.title), props.children, (0, _isNodeWithContent.isNodeWithContent)(props.description) && _react.default.createElement("div", {
     className: `${classPrefix}-description`
-  }, props.description)), props.extra && _react.default.createElement("div", {
+  }, props.description)), (0, _isNodeWithContent.isNodeWithContent)(props.extra) && _react.default.createElement("div", {
     className: `${classPrefix}-content-extra`
-  }, props.extra), arrow && _react.default.createElement("div", {
+  }, props.extra), (0, _isNodeWithContent.isNodeWithContent)(arrow) && _react.default.createElement("div", {
     className: `${classPrefix}-content-arrow`
   }, arrow === true ? _react.default.createElement(_antdMobileIcons.RightOutline, null) : arrow));
 

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

@@ -57,7 +57,7 @@ const TextArea = (0, _react.forwardRef)((p, ref) => {
       (_a = nativeTextAreaRef.current) === null || _a === void 0 ? void 0 : _a.blur();
     }
   }));
-  (0, _react.useEffect)(() => {
+  (0, _react.useLayoutEffect)(() => {
     if (!autoSize) return;
     const textArea = nativeTextAreaRef.current;
     if (!textArea) return;

package/cjs/components/virtual-input/virtual-input.js

@@ -105,7 +105,8 @@ const VirtualInput = (0, _react.forwardRef)((p, ref) => {
 
       (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.blur();
       (_c = (_b = keyboard.props).onClose) === null || _c === void 0 ? void 0 : _c.call(_b);
-    }
+    },
+    getContainer: null
   });
 
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {

package/cjs/locales/base.d.ts

@@ -86,6 +86,7 @@ export declare const base: {
     };
     ImageUploader: {
         uploading: string;
+        upload: string;
     };
     InfiniteScroll: {
         noMore: string;

package/cjs/locales/base.js

@@ -92,7 +92,8 @@ const base = {
     }
   },
   ImageUploader: {
-    uploading: 'Uploading...'
+    uploading: 'Uploading...',
+    upload: 'Upload'
   },
   InfiniteScroll: {
     noMore: 'No more'

package/cjs/locales/en-US.d.ts

@@ -86,6 +86,7 @@ declare const enUS: {
     };
     ImageUploader: {
         uploading: string;
+        upload: string;
     };
     InfiniteScroll: {
         noMore: string;

package/cjs/locales/es-ES.d.ts

@@ -86,6 +86,7 @@ declare const esES: {
     };
     ImageUploader: {
         uploading: string;
+        upload: string;
     };
     InfiniteScroll: {
         noMore: string;

package/cjs/locales/fa-IR.d.ts

@@ -86,6 +86,7 @@ declare const faIR: {
     };
     ImageUploader: {
         uploading: string;
+        upload: string;
     };
     InfiniteScroll: {
         noMore: string;

package/cjs/locales/ko-KR.d.ts

@@ -86,6 +86,7 @@ declare const koKR: {
     };
     ImageUploader: {
         uploading: string;
+        upload: string;
     };
     InfiniteScroll: {
         noMore: string;

package/cjs/locales/zh-CN.d.ts

@@ -86,6 +86,7 @@ declare const zhCN: {
     };
     ImageUploader: {
         uploading: string;
+        upload: string;
     };
     InfiniteScroll: {
         noMore: string;

package/cjs/locales/zh-CN.js

@@ -97,7 +97,8 @@ const zhCN = (0, _mergeLocale.mergeLocale)(_base.base, {
     }
   },
   ImageUploader: {
-    uploading: '上传中...'
+    uploading: '上传中...',
+    upload: '上传'
   },
   InfiniteScroll: {
     noMore: '没有更多了'

package/cjs/locales/zh-HK.d.ts

@@ -86,6 +86,7 @@ declare const zhHK: {
     };
     ImageUploader: {
         uploading: string;
+        upload: string;
     };
     InfiniteScroll: {
         noMore: string;

package/cjs/locales/zh-TW.d.ts

@@ -86,6 +86,7 @@ declare const zhTW: {
     };
     ImageUploader: {
         uploading: string;
+        upload: string;
     };
     InfiniteScroll: {
         noMore: string;

package/cjs/utils/is-node-with-content.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+declare type Regulated<T> = T extends null | undefined | false ? never : T;
+export declare function isNodeWithContent(node: ReactNode): node is Regulated<ReactNode>;
+export {};

package/cjs/utils/is-node-with-content.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isNodeWithContent = isNodeWithContent;
+
+function isNodeWithContent(node) {
+  return node !== undefined && node !== null && node !== false;
+}

package/es/components/image-uploader/image-uploader.js

@@ -8,6 +8,7 @@ import { usePropsValue } from '../../utils/use-props-value';
 import { useIsomorphicLayoutEffect, useMemoizedFn, useUnmount } from 'ahooks';
 import Space from '../space';
 import { withNativeProps } from '../../utils/native-props';
+import { useConfig } from '../config-provider';
 const classPrefix = `adm-image-uploader`;
 const defaultProps = {
   disableUpload: false,
@@ -22,6 +23,9 @@ const defaultProps = {
   imageFit: 'cover'
 };
 export const ImageUploader = p => {
+  const {
+    locale
+  } = useConfig();
   const props = mergeProps(defaultProps, p);
   const [value, setValue] = usePropsValue(props);
   const updateValue = useMemoizedFn(updater => {
@@ -194,7 +198,8 @@ export const ImageUploader = p => {
     className: `${classPrefix}-upload-button-wrap`
   }, props.children ? props.children : React.createElement("span", {
     className: `${classPrefix}-cell ${classPrefix}-upload-button`,
-    role: 'button'
+    role: 'button',
+    "aria-label": locale.ImageUploader.upload
   }, React.createElement("span", {
     className: `${classPrefix}-upload-button-icon`
   }, React.createElement(AddOutline, null))), !props.disableUpload && React.createElement("input", {
@@ -203,6 +208,7 @@ export const ImageUploader = p => {
     multiple: props.multiple,
     type: 'file',
     className: `${classPrefix}-input`,
-    onChange: onChange
+    onChange: onChange,
+    "aria-hidden": true
   })))));
 };

package/es/components/list/list-item.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { withNativeProps } from '../../utils/native-props';
 import { RightOutline } from 'antd-mobile-icons';
 import classNames from 'classnames';
+import { isNodeWithContent } from '../../utils/is-node-with-content';
 const classPrefix = `adm-list-item`;
 export const ListItem = props => {
   var _a;
@@ -10,17 +11,17 @@ export const ListItem = props => {
   const arrow = props.arrow === undefined ? clickable : props.arrow;
   const content = React.createElement("div", {
     className: `${classPrefix}-content`
-  }, props.prefix && React.createElement("div", {
+  }, isNodeWithContent(props.prefix) && React.createElement("div", {
     className: `${classPrefix}-content-prefix`
   }, props.prefix), React.createElement("div", {
     className: `${classPrefix}-content-main`
-  }, props.title && React.createElement("div", {
+  }, isNodeWithContent(props.title) && React.createElement("div", {
     className: `${classPrefix}-title`
-  }, props.title), props.children, props.description && React.createElement("div", {
+  }, props.title), props.children, isNodeWithContent(props.description) && React.createElement("div", {
     className: `${classPrefix}-description`
-  }, props.description)), props.extra && React.createElement("div", {
+  }, props.description)), isNodeWithContent(props.extra) && React.createElement("div", {
     className: `${classPrefix}-content-extra`
-  }, props.extra), arrow && React.createElement("div", {
+  }, props.extra), isNodeWithContent(arrow) && React.createElement("div", {
     className: `${classPrefix}-content-arrow`
   }, arrow === true ? React.createElement(RightOutline, null) : arrow));
   return withNativeProps(props, React.createElement(clickable ? 'a' : 'div', {

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

@@ -1,4 +1,4 @@
-import React, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+import React, { forwardRef, useLayoutEffect, useImperativeHandle, useRef } from 'react';
 import { withNativeProps } from '../../utils/native-props';
 import { usePropsValue } from '../../utils/use-props-value';
 import { mergeProps } from '../../utils/with-default-props';
@@ -41,7 +41,7 @@ export const TextArea = forwardRef((p, ref) => {
       (_a = nativeTextAreaRef.current) === null || _a === void 0 ? void 0 : _a.blur();
     }
   }));
-  useEffect(() => {
+  useLayoutEffect(() => {
     if (!autoSize) return;
     const textArea = nativeTextAreaRef.current;
     if (!textArea) return;

package/es/components/virtual-input/virtual-input.js

@@ -84,7 +84,8 @@ export const VirtualInput = forwardRef((p, ref) => {
 
       (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.blur();
       (_c = (_b = keyboard.props).onClose) === null || _c === void 0 ? void 0 : _c.call(_b);
-    }
+    },
+    getContainer: null
   });
   return withNativeProps(props, React.createElement("div", {
     ref: rootRef,

package/es/locales/base.d.ts

@@ -86,6 +86,7 @@ export declare const base: {
     };
     ImageUploader: {
         uploading: string;
+        upload: string;
     };
     InfiniteScroll: {
         noMore: string;

package/es/locales/base.js

@@ -86,7 +86,8 @@ export const base = {
     }
   },
   ImageUploader: {
-    uploading: 'Uploading...'
+    uploading: 'Uploading...',
+    upload: 'Upload'
   },
   InfiniteScroll: {
     noMore: 'No more'

package/es/locales/en-US.d.ts

@@ -86,6 +86,7 @@ declare const enUS: {
     };
     ImageUploader: {
         uploading: string;
+        upload: string;
     };
     InfiniteScroll: {
         noMore: string;

package/es/locales/es-ES.d.ts

@@ -86,6 +86,7 @@ declare const esES: {
     };
     ImageUploader: {
         uploading: string;
+        upload: string;
     };
     InfiniteScroll: {
         noMore: string;

package/es/locales/fa-IR.d.ts

@@ -86,6 +86,7 @@ declare const faIR: {
     };
     ImageUploader: {
         uploading: string;
+        upload: string;
     };
     InfiniteScroll: {
         noMore: string;

package/es/locales/ko-KR.d.ts

@@ -86,6 +86,7 @@ declare const koKR: {
     };
     ImageUploader: {
         uploading: string;
+        upload: string;
     };
     InfiniteScroll: {
         noMore: string;

package/es/locales/zh-CN.d.ts

@@ -86,6 +86,7 @@ declare const zhCN: {
     };
     ImageUploader: {
         uploading: string;
+        upload: string;
     };
     InfiniteScroll: {
         noMore: string;

package/es/locales/zh-CN.js

@@ -88,7 +88,8 @@ const zhCN = mergeLocale(base, {
     }
   },
   ImageUploader: {
-    uploading: '上传中...'
+    uploading: '上传中...',
+    upload: '上传'
   },
   InfiniteScroll: {
     noMore: '没有更多了'

package/es/locales/zh-HK.d.ts

@@ -86,6 +86,7 @@ declare const zhHK: {
     };
     ImageUploader: {
         uploading: string;
+        upload: string;
     };
     InfiniteScroll: {
         noMore: string;

package/es/locales/zh-TW.d.ts

@@ -86,6 +86,7 @@ declare const zhTW: {
     };
     ImageUploader: {
         uploading: string;
+        upload: string;
     };
     InfiniteScroll: {
         noMore: string;

package/es/utils/is-node-with-content.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+declare type Regulated<T> = T extends null | undefined | false ? never : T;
+export declare function isNodeWithContent(node: ReactNode): node is Regulated<ReactNode>;
+export {};

package/es/utils/is-node-with-content.js

@@ -0,0 +1,3 @@
+export function isNodeWithContent(node) {
+  return node !== undefined && node !== null && node !== false;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "5.11.1",
+  "version": "5.11.2",
   "dependencies": {
     "@floating-ui/dom": "^0.4.2",
     "@react-spring/web": "^9.4.4",