antd-mobile 5.32.4 → 5.33.1

package/es/components/toast/toast.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import type { MaskProps } from '../mask';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 import { GetContainer } from '../../utils/render-to-container';
@@ -8,11 +8,11 @@ export interface ToastProps {
     maskClassName?: string;
     maskClickable?: boolean;
     content?: ReactNode;
-    icon?: 'success' | 'fail' | 'loading' | React.ReactNode;
+    icon?: 'success' | 'fail' | 'loading' | ReactNode;
     duration?: number;
     position?: 'top' | 'bottom' | 'center';
     visible?: boolean;
     getContainer?: GetContainer;
     stopPropagation?: PropagationEvent[];
 }
-export declare const InternalToast: React.FC<ToastProps>;
+export declare const InternalToast: FC<ToastProps>;

package/es/components/tree-select/multiple.d.ts

@@ -1,17 +1,14 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { TreeSelectOption } from '.';
+import type { FieldNamesType } from '../../hooks';
 export declare type MultipleProps = {
     options: TreeSelectOption[];
     defaultValue?: string[];
     value?: string[];
     onChange?: (value: string[], nodes: TreeSelectOption[]) => void;
     selectAllText?: string[];
-    fieldNames?: {
-        label: string;
-        value: string;
-        children: string;
-    };
+    fieldNames?: FieldNamesType;
     expandKeys?: string[];
     defaultExpandKeys?: string[];
     onExpand?: (expandedKeys: string[], nodes: TreeSelectOption[]) => void;

package/es/components/tree-select/multiple.js

@@ -6,6 +6,7 @@ import { mergeProps } from '../../utils/with-default-props';
 import Checkbox from '../checkbox';
 import { usePropsValue } from '../../utils/use-props-value';
 import { devWarning } from '../../utils/dev-log';
+import { useFieldNames } from '../../hooks';
 const classPrefix = `adm-tree-select-multiple`;
 export const Multiple = p => {
   const props = mergeProps({
@@ -18,9 +19,7 @@ export const Multiple = p => {
   useEffect(() => {
     devWarning('TreeSelect', 'TreeSelect.Multiple has been deprecated.');
   }, []);
-  const labelName = props.fieldNames.label || 'label';
-  const valueName = props.fieldNames.value || 'value';
-  const childrenName = props.fieldNames.children || 'children';
+  const [labelName, valueName, childrenName] = useFieldNames(props.fieldNames);
   // 打开的 keys
   const [expandKeys, setExpandKeys] = usePropsValue({
     value: props.expandKeys,

package/es/components/tree-select/tree-select.d.ts

@@ -1,8 +1,13 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
-export interface TreeSelectOption {
+import type { FieldNamesType } from '../../hooks';
+export declare type TreeSelectOption = {
+    label?: string;
+    value?: string;
+    children?: TreeSelectOption[];
+} & {
     [key: string]: any;
-}
+};
 export declare type TreeSelectProps = {
     options: TreeSelectOption[];
     defaultValue?: string[];
@@ -10,10 +15,6 @@ export declare type TreeSelectProps = {
     onChange?: (value: string[], extend: {
         options: TreeSelectOption[];
     }) => void;
-    fieldNames?: {
-        label: string;
-        value: string;
-        children: string;
-    };
+    fieldNames?: FieldNamesType;
 } & NativeProps;
 export declare const TreeSelect: FC<TreeSelectProps>;

package/es/components/tree-select/tree-select.js

@@ -4,6 +4,7 @@ import { withNativeProps } from '../../utils/native-props';
 import { getTreeDeep } from '../../utils/tree';
 import { mergeProps } from '../../utils/with-default-props';
 import { usePropsValue } from '../../utils/use-props-value';
+import { useFieldNames } from '../../hooks';
 const classPrefix = `adm-tree-select`;
 const defaultProps = {
   options: [],
@@ -12,9 +13,7 @@ const defaultProps = {
 };
 export const TreeSelect = p => {
   const props = mergeProps(defaultProps, p);
-  const labelName = props.fieldNames.label || 'label';
-  const valueName = props.fieldNames.value || 'value';
-  const childrenName = props.fieldNames.children || 'children';
+  const [labelName, valueName, childrenName] = useFieldNames(props.fieldNames);
   const [value, setValue] = usePropsValue({
     value: props.value,
     defaultValue: props.defaultValue

package/es/components/virtual-input/virtual-input.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactElement } from 'react';
+import React from 'react';
+import type { ReactElement } from 'react';
 import type { InputProps } from '../input';
 import { NativeProps } from '../../utils/native-props';
 import { NumberKeyboardProps } from '../number-keyboard';

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

@@ -71,9 +71,16 @@ export const VirtualInput = forwardRef((p, ref) => {
     },
     visible: hasFocus,
     onClose: () => {
-      var _a, _b, _c;
-      (_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);
+      var _a, _b, _c, _d;
+      const activeElement = document.activeElement;
+      // Long press makes `activeElement` to be the child of rootRef
+      // We will trigger blur on the child element instead
+      if (activeElement && ((_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.contains(activeElement))) {
+        activeElement.blur();
+      } else {
+        (_b = rootRef.current) === null || _b === void 0 ? void 0 : _b.blur();
+      }
+      (_d = (_c = keyboard.props).onClose) === null || _d === void 0 ? void 0 : _d.call(_c);
     },
     getContainer: null
   });

package/es/components/water-mark/water-mark.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type WaterMarkProps = {
     gapX?: number;

package/es/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export { useFieldNames } from './useFieldNames';
+export type { FieldNamesType } from './useFieldNames';
+export declare type BaseOptionType = {
+    [key: string]: any;
+};

package/es/hooks/index.js

@@ -0,0 +1 @@
+export { useFieldNames } from './useFieldNames';

package/es/hooks/useFieldNames.d.ts

@@ -0,0 +1,7 @@
+export declare type FieldNamesType = {
+    label?: string;
+    value?: string;
+    disabled?: string;
+    children?: string;
+};
+export declare const useFieldNames: (fieldNames?: FieldNamesType) => string[];

package/es/hooks/useFieldNames.js

@@ -0,0 +1,13 @@
+import { useMemo } from 'react';
+export const useFieldNames = (fieldNames = {}) => {
+  const fields = useMemo(() => {
+    const {
+      label = 'label',
+      value = 'value',
+      disabled = 'disabled',
+      children = 'children'
+    } = fieldNames;
+    return [label, value, children, disabled];
+  }, [JSON.stringify(fieldNames)]);
+  return fields;
+};

package/es/index.d.ts

@@ -12,6 +12,10 @@ export { default as Button } from './components/button';
 export type { ButtonProps, ButtonRef } from './components/button';
 export { default as Calendar } from './components/calendar';
 export type { CalendarProps, CalendarRef } from './components/calendar';
+export { default as CalendarPicker } from './components/calendar-picker';
+export type { CalendarPickerProps, CalendarPickerRef, } from './components/calendar-picker';
+export { default as CalendarPickerView } from './components/calendar-picker-view';
+export type { CalendarPickerViewProps, CalendarPickerViewRef, } from './components/calendar-picker-view';
 export { default as CapsuleTabs } from './components/capsule-tabs';
 export type { CapsuleTabsProps, CapsuleTabProps, } from './components/capsule-tabs';
 export { default as Card } from './components/card';
@@ -63,7 +67,7 @@ export type { GridProps, GridItemProps } from './components/grid';
 export { default as Image } from './components/image';
 export type { ImageProps } from './components/image';
 export { default as ImageUploader } from './components/image-uploader';
-export type { ImageUploaderProps, ImageUploadItem, } from './components/image-uploader';
+export type { ImageUploaderProps, ImageUploadItem, ImageUploaderRef, } from './components/image-uploader';
 export { default as ImageViewer } from './components/image-viewer';
 export type { ImageViewerProps, MultiImageViewerProps, MultiImageViewerRef, } from './components/image-viewer';
 export { default as IndexBar } from './components/index-bar';

package/es/index.js

@@ -6,6 +6,8 @@ export { default as Avatar } from './components/avatar';
 export { default as Badge } from './components/badge';
 export { default as Button } from './components/button';
 export { default as Calendar } from './components/calendar';
+export { default as CalendarPicker } from './components/calendar-picker';
+export { default as CalendarPickerView } from './components/calendar-picker-view';
 export { default as CapsuleTabs } from './components/capsule-tabs';
 export { default as Card } from './components/card';
 export { default as CascadePicker } from './components/cascade-picker';

package/es/locales/base.d.ts

@@ -7,6 +7,11 @@ export declare const base: {
         close: string;
     };
     Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
         markItems: string[];
         yearAndMonth: string;
     };

package/es/locales/base.js

@@ -8,6 +8,11 @@ export const base = {
     close: 'Close'
   },
   Calendar: {
+    title: 'Date selection',
+    confirm: 'Confirm',
+    start: 'start',
+    end: 'end',
+    today: 'today',
     markItems: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
     yearAndMonth: '${year}/${month}'
   },

package/es/locales/da-DK.d.ts

@@ -7,6 +7,11 @@ declare const daDK: {
         close: string;
     };
     Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
         markItems: string[];
         yearAndMonth: string;
     };

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

@@ -7,6 +7,11 @@ declare const enUS: {
         close: string;
     };
     Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
         markItems: string[];
         yearAndMonth: string;
     };

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

@@ -7,6 +7,11 @@ declare const esES: {
         close: string;
     };
     Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
         markItems: string[];
         yearAndMonth: string;
     };

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

@@ -7,6 +7,11 @@ declare const faIR: {
         close: string;
     };
     Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
         markItems: string[];
         yearAndMonth: string;
     };

package/es/locales/fr-FR.d.ts

@@ -7,6 +7,11 @@ declare const frFR: {
         close: string;
     };
     Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
         markItems: string[];
         yearAndMonth: string;
     };

package/es/locales/id-ID.d.ts

@@ -7,6 +7,11 @@ declare const idID: {
         close: string;
     };
     Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
         markItems: string[];
         yearAndMonth: string;
     };

package/es/locales/it-IT.d.ts

@@ -7,6 +7,11 @@ declare const itIT: {
         close: string;
     };
     Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
         markItems: string[];
         yearAndMonth: string;
     };

package/es/locales/ja-JP.d.ts

@@ -7,6 +7,11 @@ declare const jaJP: {
         close: string;
     };
     Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
         markItems: string[];
         yearAndMonth: string;
     };

package/es/locales/kk-KZ.d.ts

@@ -7,6 +7,11 @@ declare const kkKZ: {
         close: string;
     };
     Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
         markItems: string[];
         yearAndMonth: string;
     };

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

@@ -7,6 +7,11 @@ declare const koKR: {
         close: string;
     };
     Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
         markItems: string[];
         yearAndMonth: string;
     };

package/es/locales/nb-NO.d.ts

@@ -7,6 +7,11 @@ declare const nbNO: {
         close: string;
     };
     Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
         markItems: string[];
         yearAndMonth: string;
     };

package/es/locales/nl-NL.d.ts

@@ -7,6 +7,11 @@ declare const nlNL: {
         close: string;
     };
     Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
         markItems: string[];
         yearAndMonth: string;
     };

package/es/locales/ru-RU.d.ts

@@ -7,6 +7,11 @@ declare const ruRU: {
         close: string;
     };
     Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
         markItems: string[];
         yearAndMonth: string;
     };

package/es/locales/tr-TR.d.ts

@@ -0,0 +1,139 @@
+declare const trTR: {
+    locale: string;
+    common: {
+        confirm: string;
+        cancel: string;
+        loading: string;
+        close: string;
+    };
+    Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
+        markItems: string[];
+        yearAndMonth: string;
+    };
+    Cascader: {
+        placeholder: string;
+    };
+    Dialog: {
+        ok: string;
+    };
+    DatePicker: {
+        tillNow: string;
+    };
+    ErrorBlock: {
+        default: {
+            title: string;
+            description: string;
+        };
+        busy: {
+            title: string;
+            description: string;
+        };
+        disconnected: {
+            title: string;
+            description: string;
+        };
+        empty: {
+            title: string;
+            description: string;
+        };
+    };
+    Form: {
+        required: string;
+        optional: string;
+        defaultValidateMessages: {
+            default: string;
+            required: string;
+            enum: string;
+            whitespace: string;
+            date: {
+                format: string;
+                parse: string;
+                invalid: string;
+            };
+            types: {
+                string: string;
+                method: string;
+                array: string;
+                object: string;
+                number: string;
+                date: string;
+                boolean: string;
+                integer: string;
+                float: string;
+                regexp: string;
+                email: string;
+                url: string;
+                hex: string;
+            };
+            string: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            number: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            array: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            pattern: {
+                mismatch: string;
+            };
+        };
+    };
+    ImageUploader: {
+        uploading: string;
+        upload: string;
+    };
+    InfiniteScroll: {
+        noMore: string;
+        failedToLoad: string;
+        retry: string;
+    };
+    Input: {
+        clear: string;
+    };
+    Mask: {
+        name: string;
+    };
+    Modal: {
+        ok: string;
+    };
+    PasscodeInput: {
+        name: string;
+    };
+    PullToRefresh: {
+        pulling: string;
+        canRelease: string;
+        complete: string;
+    };
+    SearchBar: {
+        name: string;
+    };
+    Slider: {
+        name: string;
+    };
+    Stepper: {
+        decrease: string;
+        increase: string;
+    };
+    Switch: {
+        name: string;
+    };
+    Selector: {
+        name: string;
+    };
+};
+export default trTR;