antd-mobile 5.26.0 → 5.27.0

package/cjs/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/cjs/components/slider/slider.js

@@ -9,12 +9,12 @@ var _nativeProps = require("../../utils/native-props");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _ticks = _interopRequireDefault(require("./ticks"));
 var _marks = _interopRequireDefault(require("./marks"));
+var _miniDecimal = _interopRequireWildcard(require("@rc-component/mini-decimal"));
 var _thumb = _interopRequireDefault(require("./thumb"));
 var _withDefaultProps = require("../../utils/with-default-props");
 var _nearest = require("../../utils/nearest");
 var _usePropsValue = require("../../utils/use-props-value");
 var _devLog = require("../../utils/dev-log");
-var _big = _interopRequireDefault(require("big.js"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -47,9 +47,14 @@ const Slider = p => {
   function convertValue(value) {
     return props.range ? value : [props.min, value];
   }
+  function alignValue(value, decimalLen) {
+    const decimal = (0, _miniDecimal.default)(value);
+    const fixedStr = (0, _miniDecimal.toFixed)(decimal.toString(), '.', decimalLen);
+    return (0, _miniDecimal.default)(fixedStr).toNumber();
+  }
   function reverseValue(value) {
     const mergedDecimalLen = Math.max(getDecimalLen(step), getDecimalLen(value[0]), getDecimalLen(value[1]));
-    return props.range ? value.map(v => (0, _big.default)((0, _big.default)(v).toFixed(mergedDecimalLen)).toNumber()) : (0, _big.default)((0, _big.default)(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;
@@ -84,7 +89,7 @@ const Slider = p => {
       return Object.keys(marks).map(parseFloat).sort((a, b) => a - b);
     } else {
       const points = [];
-      for (let i = (0, _big.default)(min); i.lte(max); i = i.plus(step)) {
+      for (let i = (0, _miniDecimal.default)(min); i.lessEquals((0, _miniDecimal.default)(max)); i = i.add(step)) {
         points.push(i.toNumber());
       }
       return points;

package/cjs/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 {};

package/cjs/components/stepper/stepper.js

@@ -3,37 +3,39 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Stepper = void 0;
+exports.Stepper = Stepper;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _antdMobileIcons = require("antd-mobile-icons");
+var _useMergedState = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
+var _miniDecimal = _interopRequireWildcard(require("@rc-component/mini-decimal"));
 var _nativeProps = require("../../utils/native-props");
-var _usePropsValue = require("../../utils/use-props-value");
 var _withDefaultProps = require("../../utils/with-default-props");
-var _bound = require("../../utils/bound");
 var _input = _interopRequireDefault(require("../input"));
 var _button = _interopRequireDefault(require("../button"));
-var _big = _interopRequireDefault(require("big.js"));
 var _configProvider = require("../config-provider");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const classPrefix = `adm-stepper`;
 const defaultProps = {
-  defaultValue: 0,
   step: 1,
   disabled: false,
   allowEmpty: false
 };
-const Stepper = p => {
+function Stepper(p) {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   const {
+    defaultValue = 0,
+    value,
+    onChange,
     disabled,
     step,
     max,
     min,
     inputReadOnly,
     digits,
+    stringMode,
     formatter,
     parser
   } = props;
@@ -41,44 +43,70 @@ const Stepper = p => {
     locale
   } = (0, _configProvider.useConfig)();
   // ========================== Parse / Format ==========================
+  const fixedValue = value => {
+    const fixedValue = digits !== undefined ? (0, _miniDecimal.toFixed)(value.toString(), '.', digits) : value;
+    return fixedValue.toString();
+  };
+  const getValueAsType = value => stringMode ? value.toString() : value.toNumber();
   const parseValue = text => {
     if (text === '') return null;
-    return parser ? parser(text) : parseFloat(text);
+    if (parser) {
+      return String(parser(text));
+    }
+    const decimal = (0, _miniDecimal.default)(text);
+    return decimal.isInvalidate() ? null : decimal.toString();
   };
   const formatValue = value => {
     if (value === null) return '';
     if (formatter) {
       return formatter(value);
-    } else if (digits !== undefined) {
-      return value.toFixed(digits);
     } else {
-      return value.toString();
+      return fixedValue(value);
     }
   };
   // ======================== Value & InputValue ========================
-  const [value, setValue] = (0, _usePropsValue.usePropsValue)(props);
-  const [inputValue, setInputValue] = (0, _react.useState)(() => formatValue(value));
+  const [mergedValue, setMergedValue] = (0, _useMergedState.default)(defaultValue, {
+    value,
+    onChange: nextValue => {
+      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
+    }
+  });
+  const [inputValue, setInputValue] = (0, _react.useState)(() => formatValue(mergedValue));
   // >>>>> Value
-  function setValueWithCheck(v) {
-    if (isNaN(v)) return;
-    let target = (0, _bound.bound)(v, props.min, props.max);
+  function setValueWithCheck(nextValue) {
+    if (nextValue.isNaN()) return;
+    let target = nextValue;
+    // Put into range
+    if (min !== undefined) {
+      const minDecimal = (0, _miniDecimal.default)(min);
+      if (target.lessEquals(minDecimal)) {
+        target = minDecimal;
+      }
+    }
+    if (max !== undefined) {
+      const maxDecimal = (0, _miniDecimal.default)(max);
+      if (maxDecimal.lessEquals(target)) {
+        target = maxDecimal;
+      }
+    }
+    // Fix digits
     if (digits !== undefined) {
-      target = parseFloat(target.toFixed(digits));
+      target = (0, _miniDecimal.default)(fixedValue(getValueAsType(target)));
     }
-    setValue(target);
+    setMergedValue(getValueAsType(target));
   }
   // >>>>> Input
   const handleInputChange = v => {
     setInputValue(v);
-    const value = parseValue(v);
-    if (value === null) {
+    const valueStr = parseValue(v);
+    if (valueStr === null) {
       if (props.allowEmpty) {
-        setValue(null);
+        setMergedValue(null);
       } else {
-        setValue(props.defaultValue);
+        setMergedValue(defaultValue);
       }
     } else {
-      setValueWithCheck(value);
+      setValueWithCheck((0, _miniDecimal.default)(valueStr));
     }
   };
   // ============================== Focus ===============================
@@ -88,7 +116,7 @@ const Stepper = p => {
     setFocused(nextFocus);
     // We will convert value to original text when focus
     if (nextFocus) {
-      setInputValue(typeof value === 'number' ? String(value) : '');
+      setInputValue(mergedValue !== null && mergedValue !== undefined ? String(mergedValue) : '');
     }
   }
   (0, _react.useEffect)(() => {
@@ -100,29 +128,36 @@ const Stepper = p => {
   // Focus change to format value
   (0, _react.useEffect)(() => {
     if (!focused) {
-      setInputValue(formatValue(value));
+      setInputValue(formatValue(mergedValue));
     }
-  }, [focused, value, digits]);
+  }, [focused, mergedValue, digits]);
   // ============================ Operations ============================
+  const handleOffset = positive => {
+    let stepValue = (0, _miniDecimal.default)(step);
+    if (!positive) {
+      stepValue = stepValue.negate();
+    }
+    setValueWithCheck((0, _miniDecimal.default)(mergedValue !== null && mergedValue !== void 0 ? mergedValue : 0).add(stepValue.toString()));
+  };
   const handleMinus = () => {
-    setValueWithCheck((0, _big.default)(value !== null && value !== void 0 ? value : 0).minus(step).toNumber());
+    handleOffset(false);
   };
   const handlePlus = () => {
-    setValueWithCheck((0, _big.default)(value !== null && value !== void 0 ? value : 0).add(step).toNumber());
+    handleOffset(true);
   };
   const minusDisabled = () => {
     if (disabled) return true;
-    if (value === null) return false;
+    if (mergedValue === null) return false;
     if (min !== undefined) {
-      return value <= min;
+      return mergedValue <= min;
     }
     return false;
   };
   const plusDisabled = () => {
     if (disabled) return true;
-    if (value === null) return false;
+    if (mergedValue === null) return false;
     if (max !== undefined) {
-      return value >= max;
+      return mergedValue >= max;
     }
     return false;
   };
@@ -162,8 +197,8 @@ const Stepper = p => {
     readOnly: inputReadOnly,
     role: 'spinbutton',
     "aria-valuenow": Number(inputValue),
-    "aria-valuemax": max,
-    "aria-valuemin": min,
+    "aria-valuemax": Number(max),
+    "aria-valuemin": Number(min),
     inputMode: 'decimal'
   })), _react.default.createElement(_button.default, {
     className: `${classPrefix}-plus`,
@@ -174,5 +209,4 @@ const Stepper = p => {
     color: 'primary',
     "aria-label": locale.Stepper.increase
   }, _react.default.createElement(_antdMobileIcons.AddOutline, null))));
-};
-exports.Stepper = Stepper;
+}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './steps.less';
 export type { StepsProps } from './steps';
 export type { StepProps } from './step';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './swiper.less';
 export type { SwiperProps, SwiperRef } from './swiper';
 declare const _default: import("react").ForwardRefExoticComponent<{

package/cjs/components/tab-bar/index.d.ts

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

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

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

package/cjs/components/tree-select/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './tree-select.less';
 export type { TreeSelectProps, TreeSelectOption } from './tree-select';
 export type { MultipleProps } from './multiple';

package/cjs/locales/base.d.ts

@@ -15,6 +15,9 @@ export declare const base: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/cjs/locales/base.js

@@ -22,6 +22,9 @@ const base = {
   Dialog: {
     ok: 'OK'
   },
+  DatePicker: {
+    tillNow: 'Till Now'
+  },
   ErrorBlock: {
     default: {
       title: 'Oops, something went wrong',

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

@@ -15,6 +15,9 @@ declare const enUS: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

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

@@ -15,6 +15,9 @@ declare const esES: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

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

@@ -15,6 +15,9 @@ declare const faIR: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

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

@@ -15,6 +15,9 @@ declare const frFR: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

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

@@ -15,6 +15,9 @@ declare const idID: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

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

@@ -15,6 +15,9 @@ declare const jaJP: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

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

@@ -15,6 +15,9 @@ declare const kkKZ: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

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

@@ -15,6 +15,9 @@ declare const koKR: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/cjs/locales/zh-CN.d.ts

@@ -15,6 +15,9 @@ declare const zhCN: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/cjs/locales/zh-CN.js

@@ -24,6 +24,9 @@ const zhCN = (0, _mergeLocale.mergeLocale)(_base.base, {
   Dialog: {
     ok: '我知道了'
   },
+  DatePicker: {
+    tillNow: '至今'
+  },
   ErrorBlock: {
     default: {
       title: '页面遇到一些小问题',

package/cjs/locales/zh-HK.d.ts

@@ -15,6 +15,9 @@ declare const zhHK: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/cjs/locales/zh-TW.d.ts

@@ -15,6 +15,9 @@ declare const zhTW: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/cjs/utils/use-isomorphic-update-layout-effect.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const useIsomorphicUpdateLayoutEffect: typeof import("react").useEffect | typeof import("react").useLayoutEffect;

package/cjs/utils/use-ref-state.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function useRefState<T>(initialState: T | (() => T)): readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>, import("react").MutableRefObject<T>];

package/es/components/action-sheet/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './action-sheet.less';
 import { showActionSheet } from './action-sheet';
 export type { Action, ActionSheetProps, ActionSheetShowHandler, } from './action-sheet';

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

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

package/es/components/capsule-tabs/index.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { prompt } from './prompt';
 export type { CascadePickerProps, CascadePickerRef, CascadePickerOption, } from './cascade-picker';
 declare const _default: import("react").ForwardRefExoticComponent<Omit<import("../picker").PickerProps, "columns"> & {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { prompt } from './prompt';
 import './cascader.less';
 export type { CascaderProps, CascaderRef, CascaderActions } from './cascader';

package/es/components/cascader-view/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './cascader-view.less';
 export type { CascaderViewProps, CascaderValue, CascaderValueExtend, CascaderOption, } from './cascader-view';
 declare const _default: import("react").FC<import("./cascader-view").CascaderViewProps> & {

package/es/components/check-list/index.d.ts

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

package/es/components/checkbox/group-context.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './checkbox.less';
 export type { CheckboxValue, CheckboxProps, CheckboxRef } from './checkbox';
 export type { CheckboxGroupProps } from './group';

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

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

package/es/components/date-picker/date-picker-date-utils.d.ts

@@ -1,8 +1,7 @@
-import { ReactNode } from 'react';
 import { PickerColumn } from '../picker';
 import type { DatePickerFilter } from './date-picker-utils';
+import { RenderLabel } from '../date-picker-view/date-picker-view';
 export declare type DatePrecision = 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second';
-export declare function defaultRenderLabel(type: DatePrecision, data: number): string;
-export declare function generateDatePickerColumns(selected: string[], min: Date, max: Date, precision: DatePrecision, renderLabel: (type: DatePrecision, data: number) => ReactNode, filter: DatePickerFilter | undefined): PickerColumn[];
+export declare function generateDatePickerColumns(selected: string[], min: Date, max: Date, precision: DatePrecision, renderLabel: RenderLabel, filter: DatePickerFilter | undefined, tillNow?: boolean): PickerColumn[];
 export declare function convertDateToStringArray(date: Date | undefined | null): string[];
 export declare function convertStringArrayToDate(value: (string | null | undefined)[]): Date;

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

@@ -2,6 +2,7 @@ import dayjs from 'dayjs';
 import isoWeek from 'dayjs/plugin/isoWeek';
 import isoWeeksInYear from 'dayjs/plugin/isoWeeksInYear';
 import isLeapYear from 'dayjs/plugin/isLeapYear';
+import { TILL_NOW } from './util';
 dayjs.extend(isoWeek);
 dayjs.extend(isoWeeksInYear);
 dayjs.extend(isLeapYear);
@@ -13,17 +14,7 @@ const precisionRankRecord = {
   minute: 4,
   second: 5
 };
-export function defaultRenderLabel(type, data) {
-  switch (type) {
-    case 'minute':
-    case 'second':
-    case 'hour':
-      return ('0' + data.toString()).slice(-2);
-    default:
-      return data.toString();
-  }
-}
-export function generateDatePickerColumns(selected, min, max, precision, renderLabel, filter) {
+export function generateDatePickerColumns(selected, min, max, precision, renderLabel, filter, tillNow) {
   const ret = [];
   const minYear = min.getFullYear();
   const minMonth = min.getMonth() + 1;
@@ -137,6 +128,18 @@ export function generateDatePickerColumns(selected, min, max, precision, renderL
       };
     }));
   }
+  // Till Now
+  if (tillNow) {
+    ret[0].push({
+      label: renderLabel('now', null),
+      value: TILL_NOW
+    });
+    if (TILL_NOW === (selected === null || selected === void 0 ? void 0 : selected[0])) {
+      for (let i = 1; i < ret.length; i += 1) {
+        ret[i] = [];
+      }
+    }
+  }
   return ret;
 }
 export function convertDateToStringArray(date) {

package/es/components/date-picker/date-picker-utils.d.ts

@@ -1,11 +1,10 @@
-import { ReactNode } from 'react';
 import type { DatePrecision } from './date-picker-date-utils';
 import type { WeekPrecision } from './date-picker-week-utils';
+import { RenderLabel } from '../date-picker-view/date-picker-view';
 export declare type Precision = DatePrecision | WeekPrecision;
 export declare type DatePickerFilter = Partial<Record<Precision, (val: number, extend: {
     date: Date;
 }) => boolean>>;
 export declare const convertDateToStringArray: (date: Date | undefined | null, precision: Precision) => string[];
 export declare const convertStringArrayToDate: (value: (string | null | undefined)[], precision: Precision) => Date;
-export declare const generateDatePickerColumns: (selected: string[], min: Date, max: Date, precision: Precision, renderLabel: (type: Precision, data: number) => ReactNode, filter: DatePickerFilter | undefined) => import("../picker-view").PickerColumn[];
-export declare const defaultRenderLabel: (precision: Precision, data: number) => string;
+export declare const generateDatePickerColumns: (selected: string[], min: Date, max: Date, precision: Precision, renderLabel: RenderLabel, filter: DatePickerFilter | undefined, tillNow?: boolean | undefined) => import("../picker-view").PickerColumn[];