antd-mobile 5.10.2 → 5.10.3

package/bundle/antd-mobile.cjs.js

@@ -1241,7 +1241,7 @@ const base = {
   common: {
     confirm: "Confirm",
     cancel: "Cancel",
-    loading: "Loading..."
+    loading: "Loading"
   },
   Calendar: {
     markItems: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
@@ -1325,6 +1325,9 @@ const base = {
   ImageUploader: {
     uploading: "Uploading..."
   },
+  InfiniteScroll: {
+    noMore: "No more"
+  },
   Mask: {
     name: "Mask"
   },
@@ -1343,7 +1346,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"],
@@ -1427,6 +1430,9 @@ const zhCN = mergeLocale(base, {
   ImageUploader: {
     uploading: "\u4E0A\u4F20\u4E2D..."
   },
+  InfiniteScroll: {
+    noMore: "\u6CA1\u6709\u66F4\u591A\u4E86"
+  },
   Mask: {
     name: "\u906E\u7F69\u5C42"
   },
@@ -8874,7 +8880,7 @@ const Calendar = React$1.forwardRef((p, ref) => {
       } else {
         page = pageOrPageGenerator;
       }
-      setCurrent(dayjs__default["default"]().year(page.year).month(page.month - 1));
+      setCurrent(dayjs__default["default"]().year(page.year).month(page.month - 1).date(1));
     },
     jumpToToday: () => {
       setCurrent(dayjs__default["default"]().date(1));
@@ -9631,7 +9637,7 @@ const Wheel = React$1.memo((props) => {
       return;
     onSelect(item.value);
   }
-  const bind = react.useDrag((state) => {
+  const handleDrag = (state) => {
     draggingRef.current = true;
     const min = -((column.length - 1) * itemHeight.current);
     const max = 0;
@@ -9646,13 +9652,30 @@ const Wheel = React$1.memo((props) => {
         y: rubberbandIfOutOfBounds(position, min, max, itemHeight.current * 50, 0.2)
       });
     }
+  };
+  react.useDrag((state) => {
+    state.event.stopPropagation();
+    handleDrag(state);
   }, {
     axis: "y",
     from: () => [0, y2.get()],
     filterTaps: true,
     pointer: {
       touch: true
-    }
+    },
+    target: rootRef
+  });
+  react.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() {
@@ -9686,10 +9709,10 @@ const Wheel = React$1.memo((props) => {
       "aria-label": `\u9009\u62E9\u4E0B\u4E00\u9879\uFF1A${next.label}`
     }, "-")));
   }
-  return React__default["default"].createElement("div", Object.assign({
+  return React__default["default"].createElement("div", {
     ref: rootRef,
     className: `${classPrefix$13}-column`
-  }, bind()), React__default["default"].createElement(web.animated.div, {
+  }, React__default["default"].createElement(web.animated.div, {
     style: {
       translateY: y2
     },
@@ -9771,7 +9794,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 = React$1.memo((p) => {
   const props = mergeProps(defaultProps$S, p);
@@ -9822,7 +9846,8 @@ const PickerView = React$1.memo((p) => {
     column,
     value: innerValue[index2],
     onSelect: handleSelect,
-    renderLabel: props.renderLabel
+    renderLabel: props.renderLabel,
+    mouseWheel: props.mouseWheel
   })), React__default["default"].createElement("div", {
     className: `${classPrefix$12}-mask`
   }, React__default["default"].createElement("div", {
@@ -9902,6 +9927,7 @@ const Picker$1 = React$1.memo((p) => {
     columns: props.columns,
     renderLabel: props.renderLabel,
     value: innerValue,
+    mouseWheel: props.mouseWheel,
     onChange
   }))));
   const popupElement = React__default["default"].createElement(Popup, {
@@ -11382,7 +11408,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);
@@ -11447,6 +11474,7 @@ const DatePickerView = (p) => {
   return withNativeProps(props, React__default["default"].createElement(PickerView, {
     columns: (selected) => generateDatePickerColumns(selected, props.min, props.max, props.precision, props.renderLabel, props.filter),
     value: pickerValue,
+    mouseWheel: props.mouseWheel,
     onChange
   }));
 };
@@ -14467,7 +14495,10 @@ const classPrefix$w = `adm-infinite-scroll`;
 const InfiniteScrollContent = ({
   hasMore
 }) => {
-  return React__default["default"].createElement(React__default["default"].Fragment, null, hasMore ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("span", null, "\u52A0\u8F7D\u4E2D"), React__default["default"].createElement(DotLoading, null)) : React__default["default"].createElement("span", null, "\u6CA1\u6709\u66F4\u591A\u4E86"));
+  const {
+    locale
+  } = useConfig();
+  return React__default["default"].createElement(React__default["default"].Fragment, null, hasMore ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("span", null, locale.common.loading), React__default["default"].createElement(DotLoading, null)) : React__default["default"].createElement("span", null, locale.InfiniteScroll.noMore));
 };
 const InfiniteScroll = (p) => {
   const props = mergeProps({
@@ -14615,7 +14646,8 @@ const Input = React$1.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__default["default"].createElement("div", {
     className: `${classPrefix$v}-clear`,
     onMouseDown: (e) => {
@@ -15408,7 +15440,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,
@@ -15421,7 +15453,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
@@ -17212,7 +17244,8 @@ const TextArea = React$1.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/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"
   },
@@ -8864,7 +8870,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));
@@ -9621,7 +9627,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;
@@ -9636,13 +9642,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() {
@@ -9676,10 +9699,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
     },
@@ -9761,7 +9784,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);
@@ -9812,7 +9836,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", {
@@ -9892,6 +9917,7 @@ const Picker$1 = memo((p) => {
     columns: props.columns,
     renderLabel: props.renderLabel,
     value: innerValue,
+    mouseWheel: props.mouseWheel,
     onChange
   }))));
   const popupElement = React$1.createElement(Popup, {
@@ -11372,7 +11398,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);
@@ -11437,6 +11464,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
   }));
 };
@@ -14457,7 +14485,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({
@@ -14605,7 +14636,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) => {
@@ -15398,7 +15430,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,
@@ -15411,7 +15443,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
@@ -17202,7 +17234,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

@@ -875,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 {

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/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.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>;