antd-mobile 5.10.1 → 5.10.4

package/bundle/antd-mobile.es.js

@@ -5,7 +5,7 @@ import { useUnmountedRef, useUpdate, useMemoizedFn, useUpdateEffect, useIsomorph
 import { useSpring, animated, to } from "@react-spring/web";
 import dayjs from "dayjs";
 import { isFragment } from "react-is";
-import { useDrag, createUseGesture, dragAction, pinchAction } from "@use-gesture/react";
+import { useDrag, useWheel, createUseGesture, dragAction, pinchAction } from "@use-gesture/react";
 import { RightOutline, CheckOutline, DownOutline, PictureOutline, PictureWrongOutline, DownFill, QuestionCircleOutline, CloseOutline, AddOutline, CloseCircleFill, LeftOutline, SoundOutline, TextDeletionOutline, StarFill, CheckCircleFill, InformationCircleFill, ClockCircleFill, ExclamationCircleFill, SearchOutline, MinusOutline } from "antd-mobile-icons";
 import { staged } from "staged-components";
 import RcForm, { List as List$2, Field, useForm } from "rc-field-form";
@@ -1231,7 +1231,7 @@ const base = {
   common: {
     confirm: "Confirm",
     cancel: "Cancel",
-    loading: "Loading..."
+    loading: "Loading"
   },
   Calendar: {
     markItems: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
@@ -1315,6 +1315,9 @@ const base = {
   ImageUploader: {
     uploading: "Uploading..."
   },
+  InfiniteScroll: {
+    noMore: "No more"
+  },
   Mask: {
     name: "Mask"
   },
@@ -1333,7 +1336,7 @@ const zhCN = mergeLocale(base, {
   common: {
     confirm: "\u786E\u5B9A",
     cancel: "\u53D6\u6D88",
-    loading: "\u52A0\u8F7D\u4E2D\u2026\u2026"
+    loading: "\u52A0\u8F7D\u4E2D"
   },
   Calendar: {
     markItems: ["\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D", "\u65E5"],
@@ -1417,6 +1420,9 @@ const zhCN = mergeLocale(base, {
   ImageUploader: {
     uploading: "\u4E0A\u4F20\u4E2D..."
   },
+  InfiniteScroll: {
+    noMore: "\u6CA1\u6709\u66F4\u591A\u4E86"
+  },
   Mask: {
     name: "\u906E\u7F69\u5C42"
   },
@@ -1577,8 +1583,8 @@ function useTouch() {
     isHorizontal
   };
 }
-const overflowScrollReg = /scroll|auto|overlay/i;
 const defaultRoot = canUseDom ? window : void 0;
+const overflowStylePatterns = ["scroll", "auto", "overlay"];
 function isElement(node) {
   const ELEMENT_NODE_TYPE = 1;
   return node.nodeType === ELEMENT_NODE_TYPE;
@@ -1586,10 +1592,13 @@ function isElement(node) {
 function getScrollParent(el, root2 = defaultRoot) {
   let node = el;
   while (node && node !== root2 && isElement(node)) {
+    if (node === document.body) {
+      return root2;
+    }
     const {
       overflowY
     } = window.getComputedStyle(node);
-    if (overflowScrollReg.test(overflowY)) {
+    if (overflowStylePatterns.includes(overflowY)) {
       return node;
     }
     node = node.parentNode;
@@ -8277,7 +8286,13 @@ const Mask = (p) => {
       opacity
     }, props.style), {
       display: active ? "unset" : "none"
-    })
+    }),
+    onClick: (e) => {
+      var _a;
+      if (e.target === e.currentTarget) {
+        (_a = props.onMaskClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+      }
+    }
   }, props.onMaskClick && React$1.createElement("div", {
     className: `${classPrefix$1g}-aria-button`,
     role: "button",
@@ -8858,7 +8873,7 @@ const Calendar = forwardRef((p, ref) => {
       } else {
         page = pageOrPageGenerator;
       }
-      setCurrent(dayjs().year(page.year).month(page.month - 1));
+      setCurrent(dayjs().year(page.year).month(page.month - 1).date(1));
     },
     jumpToToday: () => {
       setCurrent(dayjs().date(1));
@@ -9615,7 +9630,7 @@ const Wheel = memo((props) => {
       return;
     onSelect(item.value);
   }
-  const bind = useDrag((state) => {
+  const handleDrag = (state) => {
     draggingRef.current = true;
     const min = -((column.length - 1) * itemHeight.current);
     const max = 0;
@@ -9630,13 +9645,30 @@ const Wheel = memo((props) => {
         y: rubberbandIfOutOfBounds(position, min, max, itemHeight.current * 50, 0.2)
       });
     }
+  };
+  useDrag((state) => {
+    state.event.stopPropagation();
+    handleDrag(state);
   }, {
     axis: "y",
     from: () => [0, y2.get()],
     filterTaps: true,
     pointer: {
       touch: true
-    }
+    },
+    target: rootRef
+  });
+  useWheel((state) => {
+    state.event.stopPropagation();
+    handleDrag(state);
+  }, {
+    axis: "y",
+    from: () => [0, y2.get()],
+    preventDefault: true,
+    target: props.mouseWheel ? rootRef : void 0,
+    eventOptions: supportsPassive ? {
+      passive: false
+    } : false
   });
   let selectedIndex = null;
   function renderAccessible() {
@@ -9670,10 +9702,10 @@ const Wheel = memo((props) => {
       "aria-label": `\u9009\u62E9\u4E0B\u4E00\u9879\uFF1A${next.label}`
     }, "-")));
   }
-  return React$1.createElement("div", Object.assign({
+  return React$1.createElement("div", {
     ref: rootRef,
     className: `${classPrefix$13}-column`
-  }, bind()), React$1.createElement(animated.div, {
+  }, React$1.createElement(animated.div, {
     style: {
       translateY: y2
     },
@@ -9755,7 +9787,8 @@ const defaultRenderLabel$3 = (item) => item.label;
 const classPrefix$12 = `adm-picker-view`;
 const defaultProps$S = {
   defaultValue: [],
-  renderLabel: defaultRenderLabel$3
+  renderLabel: defaultRenderLabel$3,
+  mouseWheel: false
 };
 const PickerView = memo((p) => {
   const props = mergeProps(defaultProps$S, p);
@@ -9806,7 +9839,8 @@ const PickerView = memo((p) => {
     column,
     value: innerValue[index2],
     onSelect: handleSelect,
-    renderLabel: props.renderLabel
+    renderLabel: props.renderLabel,
+    mouseWheel: props.mouseWheel
   })), React$1.createElement("div", {
     className: `${classPrefix$12}-mask`
   }, React$1.createElement("div", {
@@ -9886,6 +9920,7 @@ const Picker$1 = memo((p) => {
     columns: props.columns,
     renderLabel: props.renderLabel,
     value: innerValue,
+    mouseWheel: props.mouseWheel,
     onChange
   }))));
   const popupElement = React$1.createElement(Popup, {
@@ -11366,7 +11401,8 @@ const DatePicker = (p) => {
     afterClose: props.afterClose,
     onClick: props.onClick,
     title: props.title,
-    stopPropagation: props.stopPropagation
+    stopPropagation: props.stopPropagation,
+    mouseWheel: props.mouseWheel
   }, () => {
     var _a;
     return (_a = props.children) === null || _a === void 0 ? void 0 : _a.call(props, value);
@@ -11431,6 +11467,7 @@ const DatePickerView = (p) => {
   return withNativeProps(props, React$1.createElement(PickerView, {
     columns: (selected) => generateDatePickerColumns(selected, props.min, props.max, props.precision, props.renderLabel, props.filter),
     value: pickerValue,
+    mouseWheel: props.mouseWheel,
     onChange
   }));
 };
@@ -13422,7 +13459,8 @@ const FormItemLayout = (props) => {
     extra,
     description,
     className: classNames(classPrefix$H, className, `${classPrefix$H}-${layout}`, {
-      [`${classPrefix$H}-hidden`]: hidden
+      [`${classPrefix$H}-hidden`]: hidden,
+      [`${classPrefix$H}-has-error`]: props.errors.length
     }),
     disabled,
     onClick: props.onClick,
@@ -14173,6 +14211,7 @@ const ImageUploader = (p) => {
         file
       }));
       setTasks((prev) => [...prev, ...newTasks]);
+      e.target.value = "";
       yield Promise.all(newTasks.map((currentTask) => __awaiter(this, void 0, void 0, function* () {
         try {
           const result2 = yield props.upload(currentTask.file);
@@ -14204,7 +14243,6 @@ const ImageUploader = (p) => {
           throw e2;
         }
       }))).catch((error) => console.error(error));
-      e.target.value = "";
     });
   }
   const imageViewerHandlerRef = useRef(null);
@@ -14451,7 +14489,10 @@ const classPrefix$w = `adm-infinite-scroll`;
 const InfiniteScrollContent = ({
   hasMore
 }) => {
-  return React$1.createElement(React$1.Fragment, null, hasMore ? React$1.createElement(React$1.Fragment, null, React$1.createElement("span", null, "\u52A0\u8F7D\u4E2D"), React$1.createElement(DotLoading, null)) : React$1.createElement("span", null, "\u6CA1\u6709\u66F4\u591A\u4E86"));
+  const {
+    locale
+  } = useConfig();
+  return React$1.createElement(React$1.Fragment, null, hasMore ? React$1.createElement(React$1.Fragment, null, React$1.createElement("span", null, locale.common.loading), React$1.createElement(DotLoading, null)) : React$1.createElement("span", null, locale.InfiniteScroll.noMore));
 };
 const InfiniteScroll = (p) => {
   const props = mergeProps({
@@ -14599,7 +14640,8 @@ const Input = forwardRef((p, ref) => {
     onKeyDown: handleKeydown,
     onKeyUp: props.onKeyUp,
     onCompositionStart: props.onCompositionStart,
-    onCompositionEnd: props.onCompositionEnd
+    onCompositionEnd: props.onCompositionEnd,
+    onClick: props.onClick
   }), props.clearable && !!value && !props.readOnly && hasFocus && React$1.createElement("div", {
     className: `${classPrefix$v}-clear`,
     onMouseDown: (e) => {
@@ -15392,7 +15434,7 @@ const classPrefix$m = `adm-pull-to-refresh`;
 const defaultProps$j = {
   pullingText: "\u4E0B\u62C9\u5237\u65B0",
   canReleaseText: "\u91CA\u653E\u7ACB\u5373\u5237\u65B0",
-  refreshingText: "\u52A0\u8F7D\u4E2D\u2026\u2026",
+  refreshingText: "\u52A0\u8F7D\u4E2D...",
   completeText: "\u5237\u65B0\u6210\u529F",
   completeDelay: 500,
   disabled: false,
@@ -15405,7 +15447,7 @@ const PullToRefresh = (p) => {
     locale
   } = useConfig();
   const props = mergeProps(defaultProps$j, {
-    refreshingText: locale.common.loading,
+    refreshingText: `${locale.common.loading}...`,
     pullingText: locale.PullToRefresh.pulling,
     canReleaseText: locale.PullToRefresh.canRelease,
     completeText: locale.PullToRefresh.complete
@@ -17196,7 +17238,8 @@ const TextArea = forwardRef((p, ref) => {
     disabled: props.disabled,
     readOnly: props.readOnly,
     onFocus: props.onFocus,
-    onBlur: props.onBlur
+    onBlur: props.onBlur,
+    onClick: props.onClick
   }), count));
 });
 TextArea.defaultProps = defaultProps$5;

package/bundle/style.css

@@ -9,6 +9,7 @@
   --adm-border-color: #eeeeee;
   --adm-font-size-main: 13px;
   --adm-color-text: #333333;
+  --adm-hd: 1;
   --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',
     helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
     'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
@@ -139,6 +140,7 @@ div.adm-px-tester {
   z-index: 0;
   width: 100%;
   height: 100%;
+  pointer-events: none;
 }
 .adm-mask-content {
   z-index: 1;
@@ -278,10 +280,10 @@ div.adm-px-tester {
   width: 100%;
 }
 .adm-safe-area-position-top {
-  padding-top: env(safe-area-inset-top);
+  padding-top: calc(env(safe-area-inset-top) * var(--adm-hd));
 }
 .adm-safe-area-position-bottom {
-  padding-bottom: env(safe-area-inset-bottom);
+  padding-bottom: calc(env(safe-area-inset-bottom) * var(--adm-hd));
 }
 .adm-auto-center {
   display: flex;
@@ -873,6 +875,7 @@ div.adm-px-tester {
   display: block;
   padding-left: var(--padding-left);
   position: relative;
+  background-color: #ffffff;
 }
 .adm-list-item-title,
 .adm-list-item-description {
@@ -1532,7 +1535,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   flex: auto;
 }
 .adm-form-item-child-position-right {
-  justify-content: right;
+  justify-content: flex-end;
 }
 .adm-form-item-child-position-right > * {
   flex: none;

package/cjs/components/auto-center/auto-center.d.ts

@@ -1,4 +1,6 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
-export declare type AutoCenterProps = NativeProps;
+export declare type AutoCenterProps = {
+    children?: React.ReactNode;
+} & NativeProps;
 export declare const AutoCenter: FC<AutoCenterProps>;

package/cjs/components/badge/badge.d.ts

@@ -5,5 +5,6 @@ export declare type BadgeProps = {
     content?: React.ReactNode | typeof dot;
     color?: string;
     bordered?: boolean;
+    children?: React.ReactNode;
 } & NativeProps<'--right' | '--top' | '--color'>;
 export declare const Badge: FC<BadgeProps>;

package/cjs/components/calendar/calendar.js

@@ -89,7 +89,7 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
         page = pageOrPageGenerator;
       }
 
-      setCurrent((0, _dayjs.default)().year(page.year).month(page.month - 1));
+      setCurrent((0, _dayjs.default)().year(page.year).month(page.month - 1).date(1));
     },
     jumpToToday: () => {
       setCurrent((0, _dayjs.default)().date(1));

package/cjs/components/capsule-tabs/capsule-tabs.d.ts

@@ -1,15 +1,17 @@
-import { FC, ReactNode } from 'react';
+import React, { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type CapsuleTabProps = {
     title: ReactNode;
     disabled?: boolean;
     forceRender?: boolean;
     destroyOnClose?: boolean;
+    children?: ReactNode;
 } & NativeProps;
 export declare const CapsuleTab: FC<CapsuleTabProps>;
 export declare type CapsuleTabsProps = {
     activeKey?: string | null;
     defaultActiveKey?: string | null;
     onChange?: (key: string) => void;
+    children?: React.ReactNode;
 } & NativeProps;
 export declare const CapsuleTabs: FC<CapsuleTabsProps>;

package/cjs/components/card/card.d.ts

@@ -10,5 +10,6 @@ export declare type CardProps = {
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     onBodyClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     onHeaderClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    children?: React.ReactNode;
 } & NativeProps;
 export declare const Card: FC<CardProps>;

package/cjs/components/check-list/check-list.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import React, { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { ListProps } from '../list';
 export declare type CheckListProps = Pick<ListProps, 'mode' | 'style'> & {
@@ -9,5 +9,6 @@ export declare type CheckListProps = Pick<ListProps, 'mode' | 'style'> & {
     activeIcon?: ReactNode;
     disabled?: boolean;
     readOnly?: boolean;
+    children?: React.ReactNode;
 } & NativeProps;
 export declare const CheckList: FC<CheckListProps>;

package/cjs/components/checkbox/checkbox.d.ts

@@ -11,5 +11,6 @@ export declare type CheckboxProps = {
     block?: boolean;
     id?: string;
     icon?: (checked: boolean, indeterminate: boolean) => React.ReactNode;
+    children?: React.ReactNode;
 } & NativeProps<'--icon-size' | '--font-size' | '--gap'>;
 export declare const Checkbox: FC<CheckboxProps>;

package/cjs/components/checkbox/group.d.ts

@@ -1,9 +1,10 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { CheckboxValue } from '.';
 export interface CheckboxGroupProps {
     value?: CheckboxValue[];
     onChange?: (val: CheckboxValue[]) => void;
     defaultValue?: CheckboxValue[];
     disabled?: boolean;
+    children?: React.ReactNode;
 }
 export declare const Group: FC<CheckboxGroupProps>;

package/cjs/components/collapse/collapse.d.ts

@@ -8,6 +8,7 @@ export declare type CollapsePanelProps = {
     destroyOnClose?: boolean;
     onClick?: (event: React.MouseEvent<Element, MouseEvent>) => void;
     arrow?: React.ReactNode | ((active: boolean) => React.ReactNode);
+    children?: React.ReactNode;
 } & NativeProps;
 export declare const CollapsePanel: FC<CollapsePanelProps>;
 declare type ValueProps<T> = {
@@ -20,6 +21,8 @@ export declare type CollapseProps = (({
     accordion?: false;
 } & ValueProps<string[]>) | ({
     accordion: true;
-} & ValueProps<string | null>)) & NativeProps;
+} & ValueProps<string | null>)) & {
+    children?: React.ReactNode;
+} & NativeProps;
 export declare const Collapse: FC<CollapseProps>;
 export {};

package/cjs/components/config-provider/config-provider.d.ts

@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { Locale } from '../../locales/base';
 declare type Config = {
     locale: Locale;
+    children?: React.ReactNode;
 };
 export declare const defaultConfigRef: {
     current: Config;

package/cjs/components/date-picker/date-picker.d.ts

@@ -2,7 +2,7 @@ import { FC, ReactNode } from 'react';
 import type { PickerProps } from '../picker';
 import { NativeProps } from '../../utils/native-props';
 import type { Precision, DatePickerFilter } from './date-picker-utils';
-export declare type DatePickerProps = Pick<PickerProps, 'onCancel' | 'onClose' | 'closeOnMaskClick' | 'visible' | 'confirmText' | 'cancelText' | 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'title' | 'stopPropagation' | 'style'> & {
+export declare type DatePickerProps = Pick<PickerProps, 'onCancel' | 'onClose' | 'closeOnMaskClick' | 'visible' | 'confirmText' | 'cancelText' | 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'title' | 'stopPropagation' | 'style' | 'mouseWheel'> & {
     value?: Date | null;
     defaultValue?: Date | null;
     onSelect?: (value: Date) => void;

package/cjs/components/date-picker/date-picker.js

@@ -79,7 +79,8 @@ const DatePicker = p => {
     afterClose: props.afterClose,
     onClick: props.onClick,
     title: props.title,
-    stopPropagation: props.stopPropagation
+    stopPropagation: props.stopPropagation,
+    mouseWheel: props.mouseWheel
   }, () => {
     var _a;
 

package/cjs/components/date-picker-view/date-picker-view.d.ts

@@ -2,7 +2,7 @@ import { FC, ReactNode } from 'react';
 import type { PickerViewProps } from '../picker-view';
 import { NativeProps } from '../../utils/native-props';
 import type { Precision, DatePickerFilter } from '../date-picker/date-picker-utils';
-export declare type DatePickerViewProps = Pick<PickerViewProps, 'style'> & {
+export declare type DatePickerViewProps = Pick<PickerViewProps, 'style' | 'mouseWheel'> & {
     value?: Date;
     defaultValue?: Date;
     onChange?: (value: Date) => void;

package/cjs/components/date-picker-view/date-picker-view.js

@@ -53,6 +53,7 @@ const DatePickerView = p => {
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(_pickerView.default, {
     columns: selected => (0, _datePickerUtils.generateDatePickerColumns)(selected, props.min, props.max, props.precision, props.renderLabel, props.filter),
     value: pickerValue,
+    mouseWheel: props.mouseWheel,
     onChange: onChange
   }));
 };

package/cjs/components/divider/divider.d.ts

@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type DividerProps = {
     contentPosition?: 'left' | 'right' | 'center';
     direction?: 'horizontal' | 'vertical';
+    children?: React.ReactNode;
 } & NativeProps;
 export declare const Divider: FC<DividerProps>;

package/cjs/components/dropdown/item.d.ts

@@ -9,10 +9,11 @@ export declare type DropdownItemProps = {
     destroyOnClose?: boolean;
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     arrow?: React.ReactNode;
+    children?: React.ReactNode;
 } & NativeProps;
 declare const Item: FC<DropdownItemProps>;
 export default Item;
 declare type DropdownItemChildrenWrapProps = {
     onClick?: () => void;
-} & Pick<DropdownItemProps, 'active' | 'forceRender' | 'destroyOnClose'>;
+} & Pick<DropdownItemProps, 'active' | 'forceRender' | 'destroyOnClose' | 'children'>;
 export declare const ItemChildrenWrap: FC<DropdownItemChildrenWrapProps>;

package/cjs/components/error-block/error-block.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactElement, ReactNode } from 'react';
+import React, { FC, ReactElement, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ErrorBlockProps = {
     status?: 'default' | 'disconnected' | 'empty' | 'busy';
@@ -6,5 +6,6 @@ export declare type ErrorBlockProps = {
     image?: string | ReactElement;
     description?: ReactNode;
     fullPage?: boolean;
+    children?: React.ReactNode;
 } & NativeProps<'--image-height' | '--image-height-full-page' | '--image-width' | '--image-width-full-page'>;
 export declare const ErrorBlock: FC<ErrorBlockProps>;

package/cjs/components/floating-bubble/floating-bubble.d.ts

@@ -4,5 +4,6 @@ export declare type FloatingBubbleProps = {
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     axis?: 'x' | 'y' | 'xy' | 'lock';
     magnetic?: 'x' | 'y';
+    children?: React.ReactNode;
 } & NativeProps<'--initial-position-left' | '--initial-position-right' | '--initial-position-top' | '--initial-position-bottom' | '--z-index' | '--edge-distance' | '--size' | '--border-radius' | '--background'>;
 export declare const FloatingBubble: FC<FloatingBubbleProps>;

package/cjs/components/form/form-item.css

@@ -35,7 +35,7 @@
   flex: auto;
 }
 .adm-form-item-child-position-right {
-  justify-content: right;
+  justify-content: flex-end;
 }
 .adm-form-item-child-position-right > * {
   flex: none;

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

@@ -121,7 +121,8 @@ const FormItemLayout = props => {
     extra: extra,
     description: description,
     className: (0, _classnames.default)(classPrefix, className, `${classPrefix}-${layout}`, {
-      [`${classPrefix}-hidden`]: hidden
+      [`${classPrefix}-hidden`]: hidden,
+      [`${classPrefix}-has-error`]: props.errors.length
     }),
     disabled: disabled,
     onClick: props.onClick,

package/cjs/components/form/header.d.ts

@@ -1,2 +1,4 @@
-import { FC } from 'react';
-export declare const Header: FC;
+import { FC, ReactNode } from 'react';
+export declare const Header: FC<{
+    children?: ReactNode;
+}>;

package/cjs/components/form/index.css

@@ -57,7 +57,7 @@
   flex: auto;
 }
 .adm-form-item-child-position-right {
-  justify-content: right;
+  justify-content: flex-end;
 }
 .adm-form-item-child-position-right > * {
   flex: none;

package/cjs/components/form/index.d.ts

@@ -14,7 +14,9 @@ declare const _default: import("react").ForwardRefExoticComponent<Pick<import("r
 } & import("react").RefAttributes<import("./form").FormInstance>> & {
     Item: import("react").FC<import("./form-item").FormItemProps>;
     Subscribe: import("react").VFC<import("./form-subscribe").FormSubscribeProps>;
-    Header: import("react").FC<{}>;
+    Header: import("react").FC<{
+        children?: import("react").ReactNode;
+    }>;
     Array: import("react").FC<import("./form-array").FormArrayProps>;
     useForm: typeof useForm;
 };

package/cjs/components/grid/grid.d.ts

@@ -3,10 +3,12 @@ import { NativeProps } from '../../utils/native-props';
 export declare type GridProps = {
     columns: number;
     gap?: number | string | [number | string, number | string];
+    children?: React.ReactNode;
 } & NativeProps<'--gap' | '--gap-vertical' | '--gap-horizontal'>;
 export declare const Grid: FC<GridProps>;
 export declare type GridItemProps = {
     span?: number;
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    children?: React.ReactNode;
 } & NativeProps;
 export declare const GridItem: FC<GridItemProps>;

package/cjs/components/image-uploader/image-uploader.d.ts

@@ -1,4 +1,4 @@
-import { FC, InputHTMLAttributes } from 'react';
+import React, { FC, InputHTMLAttributes } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import type { ImageProps } from '../image';
 export declare type TaskStatus = 'pending' | 'fail';
@@ -27,5 +27,6 @@ export declare type ImageUploaderProps = {
     preview?: boolean;
     showFailed?: boolean;
     imageFit?: ImageProps['fit'];
+    children?: React.ReactNode;
 } & NativeProps<'--cell-size'>;
 export declare const ImageUploader: FC<ImageUploaderProps>;

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

@@ -114,6 +114,8 @@ const ImageUploader = p => {
         file
       }));
       setTasks(prev => [...prev, ...newTasks]);
+      e.target.value = ''; // HACK: fix the same file doesn't trigger onChange
+
       yield Promise.all(newTasks.map(currentTask => (0, _tslib.__awaiter)(this, void 0, void 0, function* () {
         try {
           const result = yield props.upload(currentTask.file);
@@ -147,7 +149,6 @@ const ImageUploader = p => {
           throw e;
         }
       }))).catch(error => console.error(error));
-      e.target.value = ''; // HACK: fix the same file doesn't trigger onChange
     });
   }
 

package/cjs/components/infinite-scroll/infinite-scroll.d.ts

@@ -1,8 +1,9 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type InfiniteScrollProps = {
     loadMore: () => Promise<void>;
     hasMore: boolean;
     threshold?: number;
+    children?: React.ReactNode;
 } & NativeProps;
 export declare const InfiniteScroll: FC<InfiniteScrollProps>;

package/cjs/components/infinite-scroll/infinite-scroll.js

@@ -17,6 +17,8 @@ var _nativeProps = require("../../utils/native-props");
 
 var _getScrollParent = require("../../utils/get-scroll-parent");
 
+var _configProvider = require("../config-provider");
+
 var _dotLoading = _interopRequireDefault(require("../dot-loading"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -34,7 +36,10 @@ const classPrefix = `adm-infinite-scroll`;
 const InfiniteScrollContent = ({
   hasMore
 }) => {
-  return _react.default.createElement(_react.default.Fragment, null, hasMore ? _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("span", null, "\u52A0\u8F7D\u4E2D"), _react.default.createElement(_dotLoading.default, null)) : _react.default.createElement("span", null, "\u6CA1\u6709\u66F4\u591A\u4E86"));
+  const {
+    locale
+  } = (0, _configProvider.useConfig)();
+  return _react.default.createElement(_react.default.Fragment, null, hasMore ? _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("span", null, locale.common.loading), _react.default.createElement(_dotLoading.default, null)) : _react.default.createElement("span", null, locale.InfiniteScroll.noMore));
 };
 
 const InfiniteScroll = p => {