antd-mobile 5.26.0 → 5.27.0

package/2x/es/components/date-picker/date-picker-utils.js

@@ -1,5 +1,6 @@
 import * as dateUtils from './date-picker-date-utils';
 import * as weekUtils from './date-picker-week-utils';
+import { TILL_NOW } from './util';
 const precisionLengthRecord = {
   year: 1,
   month: 2,
@@ -18,23 +19,22 @@ export const convertDateToStringArray = (date, precision) => {
   }
 };
 export const convertStringArrayToDate = (value, precision) => {
+  // Special case for DATE_NOW
+  if ((value === null || value === void 0 ? void 0 : value[0]) === TILL_NOW) {
+    const now = new Date();
+    now.tillNow = true;
+    return now;
+  }
   if (precision.includes('week')) {
     return weekUtils.convertStringArrayToDate(value);
   } else {
     return dateUtils.convertStringArrayToDate(value);
   }
 };
-export const generateDatePickerColumns = (selected, min, max, precision, renderLabel, filter) => {
+export const generateDatePickerColumns = (selected, min, max, precision, renderLabel, filter, tillNow) => {
   if (precision.startsWith('week')) {
     return weekUtils.generateDatePickerColumns(selected, min, max, precision, renderLabel, filter);
   } else {
-    return dateUtils.generateDatePickerColumns(selected, min, max, precision, renderLabel, filter);
-  }
-};
-export const defaultRenderLabel = (precision, data) => {
-  if (precision.includes('week')) {
-    return weekUtils.defaultRenderLabel(precision, data);
-  } else {
-    return dateUtils.defaultRenderLabel(precision, data);
+    return dateUtils.generateDatePickerColumns(selected, min, max, precision, renderLabel, filter, tillNow);
   }
 };

package/2x/es/components/date-picker/date-picker-week-utils.d.ts

@@ -2,7 +2,6 @@ import { ReactNode } from 'react';
 import { PickerColumn } from '../picker';
 import type { DatePickerFilter } from './date-picker-utils';
 export declare type WeekPrecision = 'year' | 'week' | 'week-day';
-export declare function defaultRenderLabel(type: WeekPrecision, data: number): string;
 export declare function generateDatePickerColumns(selected: string[], min: Date, max: Date, precision: WeekPrecision, renderLabel: (type: WeekPrecision, data: number) => ReactNode, filter: DatePickerFilter | undefined): PickerColumn[];
 export declare function convertDateToStringArray(date: Date | undefined | null): string[];
 export declare function convertStringArrayToDate(value: (string | null | undefined)[]): Date;

package/2x/es/components/date-picker/date-picker-week-utils.js

@@ -10,9 +10,6 @@ const precisionRankRecord = {
   week: 1,
   'week-day': 2
 };
-export function defaultRenderLabel(type, data) {
-  return data.toString();
-}
 export function generateDatePickerColumns(selected, min, max, precision, renderLabel, filter) {
   const ret = [];
   const minYear = min.getFullYear();

package/2x/es/components/date-picker/date-picker.d.ts

@@ -2,32 +2,36 @@ import React, { ReactNode } from 'react';
 import type { PickerProps, PickerRef, PickerActions } from '../picker';
 import { NativeProps } from '../../utils/native-props';
 import type { Precision, DatePickerFilter } from './date-picker-utils';
+import type { RenderLabel } from '../date-picker-view/date-picker-view';
+import type { PickerDate } from './util';
 export declare type DatePickerRef = PickerRef;
 export declare type DatePickerProps = Pick<PickerProps, 'onCancel' | 'onClose' | 'closeOnMaskClick' | 'visible' | 'confirmText' | 'cancelText' | 'getContainer' | 'loading' | 'loadingContent' | 'afterShow' | 'afterClose' | 'onClick' | 'title' | 'stopPropagation' | 'style' | 'mouseWheel' | 'forceRender' | 'destroyOnClose'> & {
-    value?: Date | null;
-    defaultValue?: Date | null;
-    onSelect?: (value: Date) => void;
-    onConfirm?: (value: Date) => void;
-    min?: Date;
-    max?: Date;
+    value?: PickerDate | null;
+    defaultValue?: PickerDate | null;
+    onSelect?: (value: PickerDate) => void;
+    onConfirm?: (value: PickerDate) => void;
+    min?: PickerDate;
+    max?: PickerDate;
     precision?: Precision;
-    children?: (value: Date | null, actions: PickerActions) => ReactNode;
-    renderLabel?: (type: Precision, data: number) => ReactNode;
+    children?: (value: PickerDate | null, actions: PickerActions) => ReactNode;
+    renderLabel?: RenderLabel;
     filter?: DatePickerFilter;
+    tillNow?: boolean;
 } & NativeProps;
 export declare const DatePicker: React.ForwardRefExoticComponent<Pick<PickerProps, "style" | "title" | "onClick" | "visible" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "onCancel" | "onClose" | "loading" | "closeOnMaskClick" | "cancelText" | "mouseWheel" | "loadingContent" | "confirmText"> & {
-    value?: Date | null | undefined;
-    defaultValue?: Date | null | undefined;
-    onSelect?: ((value: Date) => void) | undefined;
-    onConfirm?: ((value: Date) => void) | undefined;
-    min?: Date | undefined;
-    max?: Date | undefined;
+    value?: PickerDate | null | undefined;
+    defaultValue?: PickerDate | null | undefined;
+    onSelect?: ((value: PickerDate) => void) | undefined;
+    onConfirm?: ((value: PickerDate) => void) | undefined;
+    min?: PickerDate | undefined;
+    max?: PickerDate | undefined;
     precision?: Precision | undefined;
-    children?: ((value: Date | null, actions: PickerActions) => ReactNode) | undefined;
-    renderLabel?: ((type: Precision, data: number) => ReactNode) | undefined;
+    children?: ((value: PickerDate | null, actions: PickerActions) => ReactNode) | undefined;
+    renderLabel?: RenderLabel | undefined;
     filter?: Partial<Record<Precision, (val: number, extend: {
         date: Date;
     }) => boolean>> | undefined;
+    tillNow?: boolean | undefined;
 } & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<never, string>>) | undefined;

package/2x/es/components/date-picker/date-picker.js

@@ -4,18 +4,22 @@ import Picker from '../picker';
 import { withNativeProps } from '../../utils/native-props';
 import { mergeProps } from '../../utils/with-default-props';
 import { usePropsValue } from '../../utils/use-props-value';
-import { convertDateToStringArray, convertStringArrayToDate, generateDatePickerColumns, defaultRenderLabel } from './date-picker-utils';
+import { convertDateToStringArray, convertStringArrayToDate, generateDatePickerColumns } from './date-picker-utils';
 import { bound } from '../../utils/bound';
+import useRenderLabel from '../date-picker-view/useRenderLabel';
+import { TILL_NOW } from './util';
 const thisYear = new Date().getFullYear();
 const defaultProps = {
   min: new Date(new Date().setFullYear(thisYear - 10)),
   max: new Date(new Date().setFullYear(thisYear + 10)),
   precision: 'day',
-  renderLabel: defaultRenderLabel,
   defaultValue: null
 };
 export const DatePicker = forwardRef((p, ref) => {
   const props = mergeProps(defaultProps, p);
+  const {
+    renderLabel
+  } = props;
   const [value, setValue] = usePropsValue({
     value: props.value,
     defaultValue: props.defaultValue,
@@ -26,20 +30,25 @@ export const DatePicker = forwardRef((p, ref) => {
     }
   });
   const now = useMemo(() => new Date(), []);
+  const mergedRenderLabel = useRenderLabel(renderLabel);
   const pickerValue = useMemo(() => {
     let date = value !== null && value !== void 0 ? value : now;
+    if (date.tillNow) {
+      return [TILL_NOW];
+    }
     date = new Date(bound(date.getTime(), props.min.getTime(), props.max.getTime()));
     return convertDateToStringArray(date, props.precision);
   }, [value, props.precision, props.min, props.max]);
   const onConfirm = useCallback(val => {
-    setValue(convertStringArrayToDate(val, props.precision), true);
+    const date = convertStringArrayToDate(val, props.precision);
+    setValue(date, true);
   }, [setValue, props.precision]);
   const onSelect = useMemoizedFn(val => {
     var _a;
     const date = convertStringArrayToDate(val, props.precision);
     (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, date);
   });
-  const columns = useCallback(selected => generateDatePickerColumns(selected, props.min, props.max, props.precision, props.renderLabel, props.filter), [props.min, props.max, props.precision, props.renderLabel]);
+  const columns = useCallback(selected => generateDatePickerColumns(selected, props.min, props.max, props.precision, mergedRenderLabel, props.filter, props.tillNow), [props.min, props.max, props.precision, mergedRenderLabel, props.tillNow]);
   return withNativeProps(props, React.createElement(Picker, {
     ref: ref,
     columns: columns,

package/2x/es/components/date-picker/index.d.ts

@@ -1,26 +1,27 @@
-/// <reference types="react" />
 import './date-picker.less';
 import { prompt } from './prompt';
 export type { DatePickerProps, DatePickerRef } from './date-picker';
 export type { DatePickerFilter } from './date-picker-utils';
 declare const _default: import("react").ForwardRefExoticComponent<Pick<import("../picker").PickerProps, "style" | "title" | "onClick" | "visible" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "onCancel" | "onClose" | "loading" | "closeOnMaskClick" | "cancelText" | "mouseWheel" | "loadingContent" | "confirmText"> & {
-    value?: Date | null | undefined;
-    defaultValue?: Date | null | undefined;
-    onSelect?: ((value: Date) => void) | undefined;
-    onConfirm?: ((value: Date) => void) | undefined;
-    min?: Date | undefined;
-    max?: Date | undefined;
+    value?: import("./util").PickerDate | null | undefined;
+    defaultValue?: import("./util").PickerDate | null | undefined;
+    onSelect?: ((value: import("./util").PickerDate) => void) | undefined;
+    onConfirm?: ((value: import("./util").PickerDate) => void) | undefined;
+    min?: import("./util").PickerDate | undefined;
+    max?: import("./util").PickerDate | undefined;
     precision?: import("./date-picker-utils").Precision | undefined;
-    children?: ((value: Date | null, actions: import("../picker").PickerActions) => import("react").ReactNode) | undefined;
-    renderLabel?: ((type: import("./date-picker-utils").Precision, data: number) => import("react").ReactNode) | undefined;
+    children?: ((value: import("./util").PickerDate | null, actions: import("../picker").PickerActions) => import("react").ReactNode) | undefined;
+    renderLabel?: import("../date-picker-view/date-picker-view").RenderLabel | undefined;
     filter?: Partial<Record<import("./date-picker-utils").Precision, (val: number, extend: {
         date: Date;
     }) => boolean>> | undefined;
+    tillNow?: boolean | undefined;
 } & {
     className?: string | undefined;
     style?: (import("react").CSSProperties & Partial<Record<never, string>>) | undefined;
     tabIndex?: number | undefined;
 } & import("react").AriaAttributes & import("react").RefAttributes<import("../picker").PickerActions>> & {
     prompt: typeof prompt;
+    DATE_NOW: string;
 };
 export default _default;

package/2x/es/components/date-picker/index.js

@@ -1,7 +1,9 @@
 import "./date-picker.css";
 import { attachPropertiesToComponent } from '../../utils/attach-properties-to-component';
 import { DatePicker } from './date-picker';
+import { TILL_NOW } from './util';
 import { prompt } from './prompt';
 export default attachPropertiesToComponent(DatePicker, {
-  prompt
+  prompt,
+  DATE_NOW: TILL_NOW
 });

package/2x/es/components/date-picker/prompt.d.ts

@@ -1,2 +1,3 @@
 import { DatePickerProps } from './date-picker';
-export declare function prompt(props: Omit<DatePickerProps, 'value' | 'visible' | 'children'>): Promise<Date | null>;
+import type { PickerDate } from './util';
+export declare function prompt(props: Omit<DatePickerProps, 'value' | 'visible' | 'children'>): Promise<PickerDate | null>;

package/2x/es/components/date-picker/util.d.ts

@@ -0,0 +1,4 @@
+export declare const TILL_NOW = "TILL_NOW";
+export declare type PickerDate = Date & {
+    tillNow?: boolean;
+};

package/2x/es/components/date-picker/util.js

@@ -0,0 +1 @@
+export const TILL_NOW = 'TILL_NOW';

package/2x/es/components/date-picker-view/date-picker-view.d.ts

@@ -2,6 +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 RenderLabel = (type: Precision | 'now', data: number) => ReactNode;
 export declare type DatePickerViewProps = Pick<PickerViewProps, 'style' | 'mouseWheel' | 'loading' | 'loadingContent'> & {
     value?: Date;
     defaultValue?: Date;
@@ -9,7 +10,7 @@ export declare type DatePickerViewProps = Pick<PickerViewProps, 'style' | 'mouse
     min?: Date;
     max?: Date;
     precision?: Precision;
-    renderLabel?: (type: Precision, data: number) => ReactNode;
+    renderLabel?: RenderLabel;
     filter?: DatePickerFilter;
 } & NativeProps;
 export declare const DatePickerView: FC<DatePickerViewProps>;

package/2x/es/components/date-picker-view/date-picker-view.js

@@ -3,21 +3,25 @@ import PickerView from '../picker-view';
 import { withNativeProps } from '../../utils/native-props';
 import { mergeProps } from '../../utils/with-default-props';
 import { usePropsValue } from '../../utils/use-props-value';
-import { generateDatePickerColumns, convertDateToStringArray, convertStringArrayToDate, defaultRenderLabel } from '../date-picker/date-picker-utils';
+import { generateDatePickerColumns, convertDateToStringArray, convertStringArrayToDate } from '../date-picker/date-picker-utils';
+import useRenderLabel from './useRenderLabel';
 const thisYear = new Date().getFullYear();
 const defaultProps = {
   min: new Date(new Date().setFullYear(thisYear - 10)),
   max: new Date(new Date().setFullYear(thisYear + 10)),
-  precision: 'day',
-  renderLabel: defaultRenderLabel
+  precision: 'day'
 };
 export const DatePickerView = p => {
   var _a;
   const props = mergeProps(defaultProps, p);
+  const {
+    renderLabel
+  } = props;
   const [value, setValue] = usePropsValue({
     value: props.value,
     defaultValue: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null
   });
+  const mergedRenderLabel = useRenderLabel(renderLabel);
   const pickerValue = useMemo(() => convertDateToStringArray(value, props.precision), [value, props.precision]);
   const onChange = useCallback(val => {
     var _a;
@@ -28,7 +32,7 @@ export const DatePickerView = p => {
     }
   }, [props.onChange, props.precision]);
   return withNativeProps(props, React.createElement(PickerView, {
-    columns: selected => generateDatePickerColumns(selected, props.min, props.max, props.precision, props.renderLabel, props.filter),
+    columns: selected => generateDatePickerColumns(selected, props.min, props.max, props.precision, mergedRenderLabel, props.filter),
     loading: props.loading,
     loadingContent: props.loadingContent,
     value: pickerValue,

package/2x/es/components/date-picker-view/useRenderLabel.d.ts

@@ -0,0 +1,2 @@
+import type { RenderLabel } from './date-picker-view';
+export default function useRenderLabel(renderLabel?: RenderLabel): RenderLabel;

package/2x/es/components/date-picker-view/useRenderLabel.js

@@ -0,0 +1,23 @@
+import { useCallback } from 'react';
+import { useConfig } from '../config-provider';
+export default function useRenderLabel(renderLabel) {
+  const {
+    locale
+  } = useConfig();
+  return useCallback((type, data) => {
+    if (renderLabel) {
+      return renderLabel(type, data);
+    }
+    // Default render
+    switch (type) {
+      case 'minute':
+      case 'second':
+      case 'hour':
+        return ('0' + data.toString()).slice(-2);
+      case 'now':
+        return locale.DatePicker.tillNow;
+      default:
+        return data.toString();
+    }
+  }, [renderLabel]);
+}

package/2x/es/components/dialog/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './dialog.less';
 import { show } from './show';
 import { alert } from './alert';

package/2x/es/components/dropdown/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './dropdown.less';
 export type { DropdownProps, DropdownRef } from './dropdown';
 export type { DropdownItemProps } from './item';

package/2x/es/components/error-block/error-block.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ErrorBlock: import("react").FC<import("./create-error-block").ErrorBlockProps>;

package/2x/es/components/error-block/images/busy.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const busyImage: JSX.Element;

package/2x/es/components/error-block/images/default.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const defaultImage: JSX.Element;

package/2x/es/components/error-block/images/disconnected.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const disconnectedImage: JSX.Element;

package/2x/es/components/error-block/images/empty.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const emptyImage: JSX.Element;

package/2x/es/components/form/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 import { useWatch, useForm } from 'rc-field-form';
 export declare type FormLayout = 'vertical' | 'horizontal';

package/2x/es/components/grid/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './grid.less';
 export type { GridProps, GridItemProps } from './grid';
 declare const _default: import("react").FC<import("./grid").GridProps> & {

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

@@ -208,9 +208,12 @@ export const ImageUploader = p => {
         setTasks(tasks.filter(x => x.id !== task.id));
       }
     });
-  }), showUpload && React.createElement("div", {
-    className: `${classPrefix}-upload-button-wrap`
-  }, props.children ? props.children : React.createElement("span", {
+  }), React.createElement("div", {
+    className: `${classPrefix}-upload-button-wrap`,
+    style: showUpload ? undefined : {
+      display: 'none'
+    }
+  }, props.children || React.createElement("span", {
     className: `${classPrefix}-cell ${classPrefix}-upload-button`,
     role: 'button',
     "aria-label": locale.ImageUploader.upload

package/2x/es/components/image-viewer/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './image-viewer.less';
 import { showMultiImageViewer, showImageViewer, clearImageViewer } from './methods';
 export type { ImageViewerProps, MultiImageViewerProps, MultiImageViewerRef, } from './image-viewer';

package/2x/es/components/index-bar/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index-bar.less';
 export type { IndexBarProps, IndexBarRef } from './index-bar';
 export type { IndexBarPanelProps } from './panel';

package/2x/es/components/jumbo-tabs/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './jumbo-tabs.less';
 export type { JumboTabsProps, JumboTabProps } from './jumbo-tabs';
 declare const _default: import("react").FC<import("./jumbo-tabs").JumboTabsProps> & {

package/2x/es/components/list/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './list.less';
 export type { ListProps, ListRef } from './list';
 export type { ListItemProps } from './list-item';

package/2x/es/components/modal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './modal.less';
 import { show } from './show';
 import { alert } from './alert';

package/2x/es/components/popover/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './popover.less';
 import './popover-menu.less';
 export type { PopoverProps, PopoverRef } from './popover';

package/2x/es/components/radio/group-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioValue } from '.';
 export declare const RadioGroupContext: import("react").Context<{
     value: RadioValue[];

package/2x/es/components/radio/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './radio.less';
 export type { RadioProps, RadioValue } from './radio';
 export type { RadioGroupProps } from './group';

package/2x/es/components/result-page/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './result-page.less';
 export type { ResultPageProps } from './result-page';
 declare const _default: import("react").FC<import("./result-page").ResultPageProps> & {

package/2x/es/components/side-bar/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './side-bar.less';
 export type { SideBarProps, SideBarItemProps } from './side-bar';
 declare const _default: import("react").FC<import("./side-bar").SideBarProps> & {

package/2x/es/components/skeleton/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './skeleton.less';
 export type { SkeletonProps, SkeletonTitleProps } from './skeleton';
 declare const _default: import("react").FC<import("./skeleton").SkeletonProps> & {

package/2x/es/components/slider/slider.js

@@ -3,12 +3,12 @@ import { withNativeProps } from '../../utils/native-props';
 import classNames from 'classnames';
 import Ticks from './ticks';
 import Marks from './marks';
+import getMiniDecimal, { toFixed } from '@rc-component/mini-decimal';
 import Thumb from './thumb';
 import { mergeProps } from '../../utils/with-default-props';
 import { nearest } from '../../utils/nearest';
 import { usePropsValue } from '../../utils/use-props-value';
 import { devWarning } from '../../utils/dev-log';
-import Big from 'big.js';
 const classPrefix = `adm-slider`;
 const defaultProps = {
   min: 0,
@@ -38,9 +38,14 @@ export const Slider = p => {
   function convertValue(value) {
     return props.range ? value : [props.min, value];
   }
+  function alignValue(value, decimalLen) {
+    const decimal = getMiniDecimal(value);
+    const fixedStr = toFixed(decimal.toString(), '.', decimalLen);
+    return getMiniDecimal(fixedStr).toNumber();
+  }
   function reverseValue(value) {
     const mergedDecimalLen = Math.max(getDecimalLen(step), getDecimalLen(value[0]), getDecimalLen(value[1]));
-    return props.range ? value.map(v => Big(Big(v).toFixed(mergedDecimalLen)).toNumber()) : Big(Big(value[1]).toFixed(mergedDecimalLen)).toNumber();
+    return props.range ? value.map(v => alignValue(v, mergedDecimalLen)) : alignValue(value[1], mergedDecimalLen);
   }
   function getDecimalLen(n) {
     return (`${n}`.split('.')[1] || '').length;
@@ -75,7 +80,7 @@ export const Slider = p => {
       return Object.keys(marks).map(parseFloat).sort((a, b) => a - b);
     } else {
       const points = [];
-      for (let i = Big(min); i.lte(max); i = i.plus(step)) {
+      for (let i = getMiniDecimal(min); i.lessEquals(getMiniDecimal(max)); i = i.add(step)) {
         points.push(i.toNumber());
       }
       return points;

package/2x/es/components/stepper/stepper.d.ts

@@ -1,27 +1,34 @@
-import { FC } from 'react';
+import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { InputProps } from '../input';
-declare type ValueProps = {
+declare type ValueProps<ValueType> = {
     allowEmpty: true;
-    value?: number | null;
-    defaultValue?: number | null;
-    onChange?: (value: number | null) => void;
+    value?: ValueType | null;
+    defaultValue?: ValueType | null;
+    onChange?: (value: ValueType | null) => void;
 };
-declare type ValuePropsWithNull = {
+declare type ValuePropsWithNull<ValueType> = {
     allowEmpty?: false;
-    value?: number;
-    defaultValue?: number;
-    onChange?: (value: number) => void;
+    value?: ValueType;
+    defaultValue?: ValueType;
+    onChange?: (value: ValueType) => void;
 };
-export declare type StepperProps = Pick<InputProps, 'onFocus' | 'onBlur'> & (ValuePropsWithNull | ValueProps) & {
-    min?: number;
-    max?: number;
-    step?: number;
+export declare type BaseStepperProps<ValueType> = Pick<InputProps, 'onFocus' | 'onBlur'> & (ValuePropsWithNull<ValueType> | ValueProps<ValueType>) & {
+    min?: ValueType;
+    max?: ValueType;
+    step?: ValueType;
     digits?: number;
     disabled?: boolean;
     inputReadOnly?: boolean;
-    parser?: (text: string) => number;
-    formatter?: (value?: number) => string;
+    parser?: (text: string) => ValueType;
+    formatter?: (value?: ValueType) => string;
 } & NativeProps<'--height' | '--input-width' | '--input-font-size' | '--input-background-color' | '--border-radius' | '--border' | '--border-inner' | '--active-border' | '--button-font-size' | '--button-background-color' | '--button-width' | '--input-font-color' | '--button-text-color'>;
-export declare const Stepper: FC<StepperProps>;
+export declare type NumberStepperProps = BaseStepperProps<number> & {
+    stringMode?: false;
+};
+export declare type StringStepperProps = BaseStepperProps<string> & {
+    stringMode: true;
+};
+export declare type StepperProps = NumberStepperProps | StringStepperProps;
+export declare function Stepper<ValueType extends number | string>(p: StepperProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export {};