antd-mobile 5.11.0 → 5.12.0

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/list/list.css

@@ -42,6 +42,7 @@
   padding-left: var(--padding-left);
   position: relative;
   background-color: #ffffff;
+  line-height: 1.5;
 }
 .adm-list-item-title,
 .adm-list-item-description {

package/es/components/mask/mask.js

@@ -75,7 +75,7 @@ export const Mask = p => {
       background,
       opacity
     }, props.style), {
-      display: active ? 'unset' : 'none'
+      display: active ? undefined : 'none'
     }),
     onClick: e => {
       var _a;

package/es/components/modal/modal.js

@@ -92,7 +92,7 @@ export const Modal = p => {
   const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React.createElement("div", {
     className: cls(),
     style: {
-      display: active ? 'unset' : 'none'
+      display: active ? undefined : 'none'
     }
   }, React.createElement(Mask, {
     visible: props.visible,
@@ -103,7 +103,7 @@ export const Modal = p => {
   }), React.createElement("div", {
     className: cls('wrap'),
     style: {
-      pointerEvents: props.visible ? 'unset' : 'none'
+      pointerEvents: props.visible ? undefined : 'none'
     }
   }, React.createElement(animated.div, {
     style: style

package/es/components/picker/index.d.ts

@@ -1,9 +1,50 @@
-/// <reference types="react" />
 import './picker.less';
 import { prompt } from './prompt';
-export type { PickerProps } from './picker';
+export type { PickerProps, PickerRef, PickerActions } from './picker';
 export type { PickerValue, PickerColumnItem, PickerColumn, PickerValueExtend, } from '../picker-view';
-declare const _default: import("react").NamedExoticComponent<import("./picker").PickerProps> & {
+declare const _default: import("react").NamedExoticComponent<{
+    columns: import("../picker-view").PickerColumn[] | ((value: import("../picker-view").PickerValue[]) => import("../picker-view").PickerColumn[]);
+    value?: import("../picker-view").PickerValue[] | undefined;
+    defaultValue?: import("../picker-view").PickerValue[] | undefined;
+    onSelect?: ((value: import("../picker-view").PickerValue[], extend: import("../picker-view").PickerValueExtend) => void) | undefined;
+    onConfirm?: ((value: import("../picker-view").PickerValue[], extend: import("../picker-view").PickerValueExtend) => void) | undefined;
+    onCancel?: (() => void) | undefined;
+    onClose?: (() => void) | undefined;
+    closeOnMaskClick?: boolean | undefined;
+    visible?: boolean | undefined;
+    title?: import("react").ReactNode;
+    confirmText?: import("react").ReactNode;
+    cancelText?: import("react").ReactNode;
+    children?: ((items: (import("../picker-view").PickerColumnItem | null)[], actions: import("./picker").PickerActions) => import("react").ReactNode) | undefined;
+    renderLabel?: ((item: import("../picker-view").PickerColumnItem) => import("react").ReactNode) | undefined;
+    mouseWheel?: boolean | undefined;
+    popupClassName?: string | undefined;
+    popupStyle?: import("react").CSSProperties | undefined;
+    forceRender?: boolean | undefined;
+    destroyOnClose?: boolean | undefined;
+} & Pick<import("../popup").PopupProps, "onClick" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & import("../../utils/native-props").NativeProps<"--item-height" | "--header-button-font-size" | "--title-font-size" | "--item-font-size"> & import("react").RefAttributes<import("./picker").PickerActions>> & {
+    readonly type: import("react").ForwardRefExoticComponent<{
+        columns: import("../picker-view").PickerColumn[] | ((value: import("../picker-view").PickerValue[]) => import("../picker-view").PickerColumn[]);
+        value?: import("../picker-view").PickerValue[] | undefined;
+        defaultValue?: import("../picker-view").PickerValue[] | undefined;
+        onSelect?: ((value: import("../picker-view").PickerValue[], extend: import("../picker-view").PickerValueExtend) => void) | undefined;
+        onConfirm?: ((value: import("../picker-view").PickerValue[], extend: import("../picker-view").PickerValueExtend) => void) | undefined;
+        onCancel?: (() => void) | undefined;
+        onClose?: (() => void) | undefined;
+        closeOnMaskClick?: boolean | undefined;
+        visible?: boolean | undefined;
+        title?: import("react").ReactNode;
+        confirmText?: import("react").ReactNode;
+        cancelText?: import("react").ReactNode;
+        children?: ((items: (import("../picker-view").PickerColumnItem | null)[], actions: import("./picker").PickerActions) => import("react").ReactNode) | undefined;
+        renderLabel?: ((item: import("../picker-view").PickerColumnItem) => import("react").ReactNode) | undefined;
+        mouseWheel?: boolean | undefined;
+        popupClassName?: string | undefined;
+        popupStyle?: import("react").CSSProperties | undefined;
+        forceRender?: boolean | undefined;
+        destroyOnClose?: boolean | undefined;
+    } & Pick<import("../popup").PopupProps, "onClick" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & import("../../utils/native-props").NativeProps<"--item-height" | "--header-button-font-size" | "--title-font-size" | "--item-font-size"> & import("react").RefAttributes<import("./picker").PickerActions>>;
+} & {
     prompt: typeof prompt;
 };
 export default _default;

package/es/components/picker/picker.d.ts

@@ -2,6 +2,12 @@ import React, { ReactNode } from 'react';
 import { PopupProps } from '../popup';
 import { NativeProps } from '../../utils/native-props';
 import { PickerColumn, PickerColumnItem, PickerValue, PickerValueExtend } from './index';
+export declare type PickerActions = {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+export declare type PickerRef = PickerActions;
 export declare type PickerProps = {
     columns: PickerColumn[] | ((value: PickerValue[]) => PickerColumn[]);
     value?: PickerValue[];
@@ -15,8 +21,32 @@ export declare type PickerProps = {
     title?: ReactNode;
     confirmText?: ReactNode;
     cancelText?: ReactNode;
-    children?: (items: (PickerColumnItem | null)[]) => ReactNode;
+    children?: (items: (PickerColumnItem | null)[], actions: PickerActions) => ReactNode;
     renderLabel?: (item: PickerColumnItem) => ReactNode;
     mouseWheel?: boolean;
+    popupClassName?: string;
+    popupStyle?: React.CSSProperties;
+    forceRender?: boolean;
+    destroyOnClose?: boolean;
 } & Pick<PopupProps, 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'stopPropagation'> & NativeProps<'--header-button-font-size' | '--title-font-size' | '--item-font-size' | '--item-height'>;
-export declare const Picker: React.NamedExoticComponent<PickerProps>;
+export declare const Picker: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+    columns: PickerColumn[] | ((value: PickerValue[]) => PickerColumn[]);
+    value?: PickerValue[] | undefined;
+    defaultValue?: PickerValue[] | undefined;
+    onSelect?: ((value: PickerValue[], extend: PickerValueExtend) => void) | undefined;
+    onConfirm?: ((value: PickerValue[], extend: PickerValueExtend) => void) | undefined;
+    onCancel?: (() => void) | undefined;
+    onClose?: (() => void) | undefined;
+    closeOnMaskClick?: boolean | undefined;
+    visible?: boolean | undefined;
+    title?: ReactNode;
+    confirmText?: ReactNode;
+    cancelText?: ReactNode;
+    children?: ((items: (PickerColumnItem | null)[], actions: PickerActions) => ReactNode) | undefined;
+    renderLabel?: ((item: PickerColumnItem) => ReactNode) | undefined;
+    mouseWheel?: boolean | undefined;
+    popupClassName?: string | undefined;
+    popupStyle?: React.CSSProperties | undefined;
+    forceRender?: boolean | undefined;
+    destroyOnClose?: boolean | undefined;
+} & Pick<PopupProps, "onClick" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & NativeProps<"--item-height" | "--header-button-font-size" | "--title-font-size" | "--item-font-size"> & React.RefAttributes<PickerActions>>>;

package/es/components/picker/picker.js

@@ -1,4 +1,5 @@
-import React, { useState, useEffect, memo } from 'react';
+import React, { useState, useEffect, forwardRef, useImperativeHandle, memo } from 'react';
+import classNames from 'classnames';
 import Popup from '../popup';
 import { mergeProps } from '../../utils/with-default-props';
 import { withNativeProps } from '../../utils/native-props';
@@ -9,13 +10,14 @@ import { useConfig } from '../config-provider';
 import { useMemoizedFn } from 'ahooks';
 import SafeArea from '../safe-area';
 import { defaultRenderLabel } from './picker-utils';
+import { useShouldRender } from '../../utils/should-render';
 const classPrefix = `adm-picker`;
 const defaultProps = {
   defaultValue: [],
   closeOnMaskClick: true,
   renderLabel: defaultRenderLabel
 };
-export const Picker = memo(p => {
+export const Picker = memo(forwardRef((p, ref) => {
   var _a;
 
   const {
@@ -25,6 +27,29 @@ export const Picker = memo(p => {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel
   }, p);
+  const [visible, setVisible] = usePropsValue({
+    value: props.visible,
+    defaultValue: false,
+    onChange: v => {
+      var _a;
+
+      if (v === false) {
+        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+      }
+    }
+  });
+  const actions = {
+    toggle: () => {
+      setVisible(v => !v);
+    },
+    open: () => {
+      setVisible(true);
+    },
+    close: () => {
+      setVisible(false);
+    }
+  };
+  useImperativeHandle(ref, () => actions);
   const [value, setValue] = usePropsValue(Object.assign(Object.assign({}, props), {
     onChange: val => {
       var _a;
@@ -39,9 +64,9 @@ export const Picker = memo(p => {
     if (innerValue !== value) {
       setInnerValue(value);
     }
-  }, [props.visible]);
+  }, [visible]);
   useEffect(() => {
-    if (!props.visible) {
+    if (!visible) {
       setInnerValue(value);
     }
   }, [value]);
@@ -50,10 +75,11 @@ export const Picker = memo(p => {
 
     setInnerValue(val);
 
-    if (props.visible) {
+    if (visible) {
       (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, val, ext);
     }
   });
+  const shouldRender = useShouldRender(visible, props.forceRender, props.destroyOnClose);
   const pickerElement = withNativeProps(props, React.createElement("div", {
     className: classPrefix
   }, React.createElement("div", {
@@ -61,20 +87,18 @@ export const Picker = memo(p => {
   }, React.createElement("a", {
     className: `${classPrefix}-header-button`,
     onClick: () => {
-      var _a, _b;
+      var _a;
 
       (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
-      (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
+      setVisible(false);
     }
   }, props.cancelText), React.createElement("div", {
     className: `${classPrefix}-header-title`
   }, props.title), React.createElement("a", {
     className: `${classPrefix}-header-button`,
     onClick: () => {
-      var _a;
-
       setValue(innerValue);
-      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+      setVisible(false);
     }
   }, props.confirmText)), React.createElement("div", {
     className: `${classPrefix}-body`
@@ -86,15 +110,16 @@ export const Picker = memo(p => {
     onChange: onChange
   }))));
   const popupElement = React.createElement(Popup, {
-    className: `${classPrefix}-popup`,
-    visible: props.visible,
+    style: props.popupStyle,
+    className: classNames(`${classPrefix}-popup`, props.popupClassName),
+    visible: visible,
     position: 'bottom',
     onMaskClick: () => {
-      var _a, _b;
+      var _a;
 
       if (!props.closeOnMaskClick) return;
       (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
-      (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
+      setVisible(false);
     },
     getContainer: props.getContainer,
     destroyOnClose: true,
@@ -103,9 +128,9 @@ export const Picker = memo(p => {
     onClick: props.onClick,
     forceRender: true,
     stopPropagation: props.stopPropagation
-  }, pickerElement, React.createElement(SafeArea, {
+  }, shouldRender && pickerElement, React.createElement(SafeArea, {
     position: 'bottom'
   }));
-  return React.createElement(React.Fragment, null, popupElement, (_a = props.children) === null || _a === void 0 ? void 0 : _a.call(props, extend.items));
-});
+  return React.createElement(React.Fragment, null, popupElement, (_a = props.children) === null || _a === void 0 ? void 0 : _a.call(props, extend.items, actions));
+}));
 Picker.displayName = 'Picker';

package/es/components/popup/popup.js

@@ -55,7 +55,7 @@ export const Popup = p => {
     className: classPrefix,
     onClick: props.onClick,
     style: {
-      display: active ? 'unset' : 'none'
+      display: active ? undefined : 'none'
     }
   }, props.mask && React.createElement(Mask, {
     visible: props.visible,

package/es/components/swipe-action/swipe-action.js

@@ -185,7 +185,7 @@ export const SwipeAction = forwardRef((p, ref) => {
     }
   }, React.createElement(animated.div, {
     style: {
-      pointerEvents: x.to(v => v !== 0 && x.goal !== 0 ? 'none' : 'unset')
+      pointerEvents: x.to(v => v !== 0 && x.goal !== 0 ? 'none' : 'auto')
     }
   }, props.children)), withStopPropagation(props.stopPropagation, React.createElement("div", {
     className: 'adm-swipe-action-actions adm-swipe-action-actions-right',

package/es/components/swiper/index.d.ts

@@ -1,7 +1,22 @@
 /// <reference types="react" />
 import './swiper.less';
 export type { SwiperProps, SwiperRef } from './swiper';
-declare const _default: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>> & {
+declare const _default: import("react").ForwardRefExoticComponent<{
+    defaultIndex?: number | undefined;
+    allowTouchMove?: boolean | undefined;
+    autoplay?: boolean | undefined;
+    autoplayInterval?: number | undefined;
+    loop?: boolean | undefined;
+    direction?: "vertical" | "horizontal" | undefined;
+    onIndexChange?: ((index: number) => void) | undefined;
+    indicatorProps?: Pick<import("../page-indicator").PageIndicatorProps, "style" | "className" | "color"> | undefined;
+    indicator?: ((total: number, current: number) => import("react").ReactNode) | undefined;
+    slideSize?: number | undefined;
+    trackOffset?: number | undefined;
+    stuckAtBoundary?: boolean | undefined;
+    rubberband?: boolean | undefined;
+    children?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
+} & import("../../utils/native-props").NativeProps<"--border-radius" | "--width" | "--height" | "--track-padding"> & import("react").RefAttributes<import("./swiper").SwiperRef>> & {
     Item: import("react").FC<{
         onClick?: ((e: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
         children?: import("react").ReactNode;

package/es/components/swiper/swiper.d.ts

@@ -22,4 +22,19 @@ export declare type SwiperProps = {
     rubberband?: boolean;
     children?: ReactElement | ReactElement[];
 } & NativeProps<'--height' | '--width' | '--border-radius' | '--track-padding'>;
-export declare const Swiper: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export declare const Swiper: React.ForwardRefExoticComponent<{
+    defaultIndex?: number | undefined;
+    allowTouchMove?: boolean | undefined;
+    autoplay?: boolean | undefined;
+    autoplayInterval?: number | undefined;
+    loop?: boolean | undefined;
+    direction?: "vertical" | "horizontal" | undefined;
+    onIndexChange?: ((index: number) => void) | undefined;
+    indicatorProps?: Pick<PageIndicatorProps, "style" | "className" | "color"> | undefined;
+    indicator?: ((total: number, current: number) => ReactNode) | undefined;
+    slideSize?: number | undefined;
+    trackOffset?: number | undefined;
+    stuckAtBoundary?: boolean | undefined;
+    rubberband?: boolean | undefined;
+    children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | undefined;
+} & NativeProps<"--border-radius" | "--width" | "--height" | "--track-padding"> & React.RefAttributes<SwiperRef>>;

package/es/components/tabs/tabs.css

@@ -4,6 +4,7 @@
   --active-line-height: 2px;
   --active-line-border-radius: var(--active-line-height);
   position: relative;
+  min-width: 0;
 }
 .adm-tabs-header {
   position: relative;

package/es/components/text-area/text-area.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
-export declare type TextAreaProps = Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'autoComplete' | 'autoFocus' | 'disabled' | 'readOnly' | 'onFocus' | 'onBlur' | 'onCompositionStart' | 'onCompositionEnd' | 'onClick'> & {
+export declare type TextAreaProps = Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'autoComplete' | 'autoFocus' | 'disabled' | 'readOnly' | 'name' | 'onFocus' | 'onBlur' | 'onCompositionStart' | 'onCompositionEnd' | 'onClick'> & {
     onChange?: (val: string) => void;
     value?: string;
     defaultValue?: string;
@@ -20,7 +20,7 @@ export declare type TextAreaRef = {
     focus: () => void;
     blur: () => void;
 };
-export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "onClick" | "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "autoComplete" | "autoFocus" | "readOnly"> & {
+export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "onClick" | "disabled" | "name" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "autoComplete" | "autoFocus" | "readOnly"> & {
     onChange?: ((val: string) => void) | undefined;
     value?: string | undefined;
     defaultValue?: string | undefined;

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

@@ -1,4 +1,5 @@
-import React, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
+import { useIsomorphicLayoutEffect } from 'ahooks';
 import { withNativeProps } from '../../utils/native-props';
 import { usePropsValue } from '../../utils/use-props-value';
 import { mergeProps } from '../../utils/with-default-props';
@@ -41,7 +42,7 @@ export const TextArea = forwardRef((p, ref) => {
       (_a = nativeTextAreaRef.current) === null || _a === void 0 ? void 0 : _a.blur();
     }
   }));
-  useEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     if (!autoSize) return;
     const textArea = nativeTextAreaRef.current;
     if (!textArea) return;
@@ -114,6 +115,7 @@ export const TextArea = forwardRef((p, ref) => {
     autoFocus: props.autoFocus,
     disabled: props.disabled,
     readOnly: props.readOnly,
+    name: props.name,
     onFocus: props.onFocus,
     onBlur: props.onBlur,
     onClick: props.onClick

package/es/components/toast/methods.js

@@ -1,12 +1,12 @@
 import React, { createRef, forwardRef, useEffect, useImperativeHandle, useState } from 'react';
 import { resolveContainer } from '../../utils/get-container';
-import ReactDOM from 'react-dom';
 import { InternalToast } from './toast';
 import { mergeProps } from '../../utils/with-default-props';
+import { render, unmount as reactUnmount } from '../../utils/render';
 const containers = [];
 
 function unmount(container) {
-  const unmountResult = ReactDOM.unmountComponentAtNode(container);
+  const unmountResult = reactUnmount(container);
 
   if (unmountResult && container.parentNode) {
     container.parentNode.removeChild(container);
@@ -64,7 +64,7 @@ export function show(p) {
     }));
   });
   const ref = createRef();
-  ReactDOM.render(React.createElement(TempToast, {
+  render(React.createElement(TempToast, {
     ref: ref
   }), container);
   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/es/utils/render-to-body.js

@@ -1,16 +1,16 @@
-import ReactDOM from 'react-dom';
+import { render, unmount as reactUnmount } from './render';
 export function renderToBody(element) {
   const container = document.createElement('div');
   document.body.appendChild(container);
 
   function unmount() {
-    const unmountResult = ReactDOM.unmountComponentAtNode(container);
+    const unmountResult = reactUnmount(container);
 
     if (unmountResult && container.parentNode) {
       container.parentNode.removeChild(container);
     }
   }
 
-  ReactDOM.render(element, container);
+  render(element, container);
   return unmount;
 }

package/es/utils/render.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import type { Root } from 'react-dom/client';
+declare const MARK = "__antd_mobile_root__";
+declare type ContainerType = (Element | DocumentFragment) & {
+    [MARK]?: Root;
+};
+export declare function render(node: ReactElement, container: ContainerType): void;
+export declare function unmount(container: ContainerType): boolean | Promise<void>;
+export {};