antd-mobile 5.31.1 → 5.32.1

package/2x/cjs/locales/ru-RU.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _mergeLocale = require("../utils/merge-locale");
+var _base = require("./base");
+const typeTemplate = '${label} не соответствует типу ${type}';
+const ruRU = (0, _mergeLocale.mergeLocale)(_base.base, {
+  locale: 'ru',
+  common: {
+    confirm: 'Подтвердить',
+    cancel: 'Отменить',
+    loading: 'Загрузка',
+    close: 'Закрыть'
+  },
+  Calendar: {
+    markItems: ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'],
+    yearAndMonth: '${year}/${month}'
+  },
+  Cascader: {
+    placeholder: 'Выбор'
+  },
+  Dialog: {
+    ok: 'ОК'
+  },
+  DatePicker: {
+    tillNow: 'До настоящего времени'
+  },
+  ErrorBlock: {
+    default: {
+      title: 'Упс! Что-то пошло не так',
+      description: 'Пожалуйста, подождите минуту и повторите попытку'
+    },
+    busy: {
+      title: 'Упс, не загружается',
+      description: 'Попробуйте обновить страницу'
+    },
+    disconnected: {
+      title: 'Сеть занята',
+      description: 'Попробуйте обновить страницу'
+    },
+    empty: {
+      title: 'Хм, не могу найти...',
+      description: 'Хотите попробовать другой запрос?'
+    }
+  },
+  Form: {
+    required: 'Обязательное',
+    optional: 'Опциональное',
+    defaultValidateMessages: {
+      default: 'Ошибка валидации поля ${label}',
+      required: 'Пожалуйста, заполните поле ${label}',
+      enum: 'Значение ${label} должно быть одним из [${enum}]',
+      whitespace: '${label} не может быть пустым символом',
+      date: {
+        format: '${label} имеет некорректный формат даты',
+        parse: '${label} не может быть конвертировано в дату',
+        invalid: '${label} не является валидной датой'
+      },
+      types: {
+        string: typeTemplate,
+        method: typeTemplate,
+        array: typeTemplate,
+        object: typeTemplate,
+        number: typeTemplate,
+        date: typeTemplate,
+        boolean: typeTemplate,
+        integer: typeTemplate,
+        float: typeTemplate,
+        regexp: typeTemplate,
+        email: typeTemplate,
+        url: typeTemplate,
+        hex: typeTemplate
+      },
+      string: {
+        len: 'Длина ${label} должна быть ${len} символов(-а)',
+        min: 'Длина ${label} должна быть не меньше ${min} символов(-а)',
+        max: 'Длина ${label} должна быть не больше ${max} символов(-а)',
+        range: 'Длина ${label} должна быть в диапазоне от ${min} до ${max} символов(-а)'
+      },
+      number: {
+        len: '${label} должно быть равно ${len}',
+        min: '${label} должно быть значением не меньше ${min}',
+        max: '${label} должно быть значением не больше ${max}',
+        range: '${label} должно быть значением в диапазоне от ${min} до ${max}'
+      },
+      array: {
+        len: 'Размер ${label} должен быть ${len}',
+        min: 'Размер ${label} должен быть не меньше ${min}',
+        max: 'Размер ${label} должен быть не больше ${max}',
+        range: 'Размер ${label} должен быть в диапазоне от ${min} до ${max}'
+      },
+      pattern: {
+        mismatch: '${label} не соответствует шаблону ${pattern}'
+      }
+    }
+  },
+  ImageUploader: {
+    uploading: 'Выгружается...',
+    upload: 'Выгрузить'
+  },
+  InfiniteScroll: {
+    noMore: 'Больше нет',
+    failedToLoad: 'Ошибка загрузки',
+    retry: 'Повторить'
+  },
+  Input: {
+    clear: 'очистить'
+  },
+  Mask: {
+    name: 'Маска'
+  },
+  Modal: {
+    ok: 'ОК'
+  },
+  PasscodeInput: {
+    name: 'Ввод пароля'
+  },
+  PullToRefresh: {
+    pulling: 'Прокрутите вниз, чтобы обновления',
+    canRelease: 'Отпустите, чтобы немедленно обновить',
+    complete: 'Обновление успешно'
+  },
+  SearchBar: {
+    name: 'Панель поиска'
+  },
+  Slider: {
+    name: 'Слайдер'
+  },
+  Stepper: {
+    decrease: 'вычесть',
+    increase: 'прибавить'
+  },
+  Switch: {
+    name: 'Переключатель'
+  },
+  Selector: {
+    name: 'Селектор'
+  }
+});
+var _default = ruRU;
+exports.default = _default;

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

@@ -8,7 +8,7 @@ declare const zhCN: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

package/2x/cjs/locales/zh-CN.js

@@ -17,7 +17,7 @@ const zhCN = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],
-    renderYearAndMonth: (year, month) => `${year}年${month}月`
+    yearAndMonth: '${year}年${month}月'
   },
   Cascader: {
     placeholder: '请选择'

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

@@ -8,7 +8,7 @@ declare const zhHK: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

package/2x/cjs/locales/zh-HK.js

@@ -17,7 +17,7 @@ const zhHK = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],
-    renderYearAndMonth: (year, month) => `${year}年${month}月`
+    yearAndMonth: '${year}年${month}月'
   },
   Cascader: {
     placeholder: '請選擇'

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

@@ -8,7 +8,7 @@ declare const zhTW: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

package/2x/cjs/locales/zh-TW.js

@@ -17,7 +17,7 @@ const zhTW = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],
-    renderYearAndMonth: (year, month) => `${year}年${month}月`
+    yearAndMonth: '${year}年${month}月'
   },
   Cascader: {
     placeholder: '請選擇'

package/2x/cjs/utils/replace-message.d.ts

@@ -0,0 +1 @@
+export declare function replaceMessage(template: string, kv: Record<string, string>): string;

package/2x/cjs/utils/replace-message.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.replaceMessage = replaceMessage;
+// 移植自 field-form https://github.com/react-component/field-form/blob/master/src/utils/validateUtil.ts#L21
+function replaceMessage(template, kv) {
+  return template.replace(/\$\{\w+\}/g, str => {
+    const key = str.slice(2, -1);
+    return kv[key];
+  });
+}

package/2x/cjs/utils/use-lock-scroll.js

@@ -41,14 +41,18 @@ function useLockScroll(rootRef, shouldLock) {
       offsetHeight,
       scrollTop
     } = el;
+    const {
+      height
+    } = el.getBoundingClientRect();
     let status = '11';
     if (scrollTop === 0) {
       status = offsetHeight >= scrollHeight ? '00' : '01';
-    } else if (scrollTop + offsetHeight >= scrollHeight) {
+    } else if (scrollHeight <= Math.round(height + scrollTop)) {
       status = '10';
     }
     if (status !== '11' && touch.isVertical() && !(parseInt(status, 2) & parseInt(direction, 2))) {
-      if (event.cancelable) {
+      if (event.cancelable && _supportsPassive.supportsPassive) {
+        // https://github.com/ant-design/ant-design-mobile/issues/6282
         event.preventDefault();
       }
     }

package/2x/es/components/action-sheet/action-sheet.css

@@ -33,7 +33,7 @@
 }
 
 .adm-action-sheet-button-item:active {
-  background-color: #eeeeee;
+  background-color: var(--adm-color-border);
 }
 
 .adm-action-sheet-button-item-disabled {

package/2x/es/components/button/button.css

@@ -36,8 +36,8 @@
   transform: translate(calc(var(--border-width) * -1), calc(var(--border-width) * -1));
   width: 100%;
   height: 100%;
-  background-color: #000;
-  border: var(--border-width) var(--border-style) #000;
+  background-color: var(--adm-color-text-dark-solid);
+  border: var(--border-width) var(--border-style) var(--adm-color-text-dark-solid);
   border-radius: var(--border-radius);
   opacity: 0;
   content: ' ';

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

@@ -9,6 +9,7 @@ import { useConfig } from '../config-provider';
 import isoWeek from 'dayjs/plugin/isoWeek';
 import { useUpdateEffect } from 'ahooks';
 import { usePropsValue } from '../../utils/use-props-value';
+import { replaceMessage } from '../../utils/replace-message';
 import { convertValueToRange, convertPageToDayjs } from './convert';
 dayjs.extend(isoWeek);
 const classPrefix = 'adm-calendar';
@@ -97,7 +98,10 @@ export const Calendar = forwardRef((p, ref) => {
     }
   }, props.prevMonthButton), React.createElement("div", {
     className: `${classPrefix}-title`
-  }, locale.Calendar.renderYearAndMonth(current.year(), current.month() + 1)), React.createElement("a", {
+  }, replaceMessage(locale.Calendar.yearAndMonth, {
+    year: current.year().toString(),
+    month: (current.month() + 1).toString()
+  })), React.createElement("a", {
     className: classNames(`${classPrefix}-arrow-button`, `${classPrefix}-arrow-button-right`, `${classPrefix}-arrow-button-right-month`),
     onClick: () => {
       handlePageChange('add', 1, 'month');

package/2x/es/components/calendar/convert.js

@@ -1,11 +1,6 @@
 import dayjs from 'dayjs';
 export function convertValueToRange(selectionMode, value) {
-  if (selectionMode === undefined) {
-    return null;
-  }
-  if (value === null) {
-    return null;
-  }
+  if (selectionMode === undefined || value === null) return null;
   if (Array.isArray(value)) {
     return value;
   }

package/2x/es/components/capsule-tabs/capsule-tabs.js

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React, { isValidElement, useRef } from 'react';
 import classNames from 'classnames';
 import { animated } from '@react-spring/web';
 import { withNativeProps } from '../../utils/native-props';
@@ -9,9 +9,7 @@ import ScrollMask from '../scroll-mask';
 import { ShouldRender } from '../../utils/should-render';
 import { traverseReactNode } from '../../utils/traverse-react-node';
 const classPrefix = `adm-capsule-tabs`;
-export const CapsuleTab = () => {
-  return null;
-};
+export const CapsuleTab = () => null;
 export const CapsuleTabs = props => {
   var _a;
   const tabListContainerRef = useRef(null);
@@ -20,7 +18,7 @@ export const CapsuleTabs = props => {
   let firstActiveKey = null;
   const panes = [];
   traverseReactNode(props.children, (child, index) => {
-    if (!React.isValidElement(child)) return;
+    if (!isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
     if (index === 0) {

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

@@ -21,6 +21,7 @@ export declare type CascaderProps = {
     title?: ReactNode;
     confirmText?: ReactNode;
     cancelText?: ReactNode;
+    loading?: boolean;
     children?: (items: (CascaderOption | null)[], actions: CascaderActions) => ReactNode;
     onTabsChange?: (index: number) => void;
     activeIcon?: ReactNode;
@@ -38,6 +39,7 @@ export declare const Cascader: React.ForwardRefExoticComponent<{
     title?: ReactNode;
     confirmText?: ReactNode;
     cancelText?: ReactNode;
+    loading?: boolean | undefined;
     children?: ((items: (CascaderOption | null)[], actions: CascaderActions) => ReactNode) | undefined;
     onTabsChange?: ((index: number) => void) | undefined;
     activeIcon?: ReactNode;

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

@@ -15,6 +15,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     title?: import("react").ReactNode;
     confirmText?: import("react").ReactNode;
     cancelText?: import("react").ReactNode;
+    loading?: boolean | undefined;
     children?: ((items: (import("../cascader-view").CascaderOption | null)[], actions: import("./cascader").CascaderActions) => import("react").ReactNode) | undefined;
     onTabsChange?: ((index: number) => void) | undefined;
     activeIcon?: import("react").ReactNode;

package/2x/es/components/center-popup/center-popup.js

@@ -12,6 +12,7 @@ import { ShouldRender } from '../../utils/should-render';
 import { useLockScroll } from '../../utils/use-lock-scroll';
 import { CloseOutline } from 'antd-mobile-icons';
 import { defaultPopupBaseProps } from '../popup/popup-base-props';
+const classPrefix = 'adm-center-popup';
 const defaultProps = Object.assign(Object.assign({}, defaultPopupBaseProps), {
   getContainer: null
 });
@@ -48,11 +49,11 @@ export const CenterPopup = p => {
   useLockScroll(ref, props.disableBodyScroll && active);
   const maskVisible = useInnerVisible(active && props.visible);
   const body = React.createElement("div", {
-    className: classNames('adm-center-popup-body', props.bodyClassName),
+    className: classNames(`${classPrefix}-body`, props.bodyClassName),
     style: props.bodyStyle
   }, props.children);
   const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React.createElement("div", {
-    className: 'adm-center-popup',
+    className: classPrefix,
     style: {
       display: active ? undefined : 'none',
       pointerEvents: active ? undefined : 'none'
@@ -69,18 +70,18 @@ export const CenterPopup = p => {
       }
     },
     style: props.maskStyle,
-    className: classNames('adm-center-popup-mask', props.maskClassName),
+    className: classNames(`${classPrefix}-mask`, props.maskClassName),
     disableBodyScroll: false,
     stopPropagation: props.stopPropagation
   }), React.createElement("div", {
-    className: 'adm-center-popup-wrap',
+    className: `${classPrefix}-wrap`,
     role: props.role,
     "aria-label": props['aria-label']
   }, React.createElement(animated.div, {
     style: style,
     ref: ref
   }, props.showCloseButton && React.createElement("a", {
-    className: classNames('adm-center-popup-close', 'adm-plain-anchor'),
+    className: classNames(`${classPrefix}-close`, 'adm-plain-anchor'),
     onClick: () => {
       var _a;
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);

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

@@ -12,6 +12,7 @@ export declare type CheckboxProps = {
     id?: string;
     icon?: (checked: boolean, indeterminate: boolean) => React.ReactNode;
     children?: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void;
 } & NativeProps<'--icon-size' | '--font-size' | '--gap'>;
 export declare type CheckboxRef = {
     check: () => void;
@@ -29,6 +30,7 @@ export declare const Checkbox: React.ForwardRefExoticComponent<{
     id?: string | undefined;
     icon?: ((checked: boolean, indeterminate: boolean) => React.ReactNode) | undefined;
     children?: React.ReactNode;
+    onClick?: ((event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void) | undefined;
 } & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<"--font-size" | "--icon-size" | "--gap", string>>) | undefined;

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

@@ -69,6 +69,7 @@ export const Checkbox = forwardRef((p, ref) => {
     }, props.indeterminate ? React.createElement(IndeterminateIcon, null) : checked && React.createElement(CheckIcon, null));
   };
   return withNativeProps(props, React.createElement("label", {
+    onClick: props.onClick,
     className: classNames(classPrefix, {
       [`${classPrefix}-checked`]: checked && !props.indeterminate,
       [`${classPrefix}-indeterminate`]: props.indeterminate,

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

@@ -12,6 +12,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     id?: string | undefined;
     icon?: ((checked: boolean, indeterminate: boolean) => import("react").ReactNode) | undefined;
     children?: import("react").ReactNode;
+    onClick?: ((event: import("react").MouseEvent<HTMLLabelElement, MouseEvent>) => void) | undefined;
 } & {
     className?: string | undefined;
     style?: (import("react").CSSProperties & Partial<Record<"--font-size" | "--icon-size" | "--gap", string>>) | undefined;

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

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React, { isValidElement, useRef } from 'react';
 import { withNativeProps } from '../../utils/native-props';
 import List from '../list';
 import { DownOutline } from 'antd-mobile-icons';
@@ -78,26 +78,41 @@ const CollapsePanelContent = props => {
   }, React.createElement(List.Item, null, shouldRender && props.children)));
 };
 export const Collapse = props => {
-  var _a;
   const panels = [];
   traverseReactNode(props.children, child => {
-    if (!React.isValidElement(child)) return;
+    if (!isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
     panels.push(child);
   });
-  const [activeKey, setActiveKey] = usePropsValue(props.accordion ? {
-    value: props.activeKey === undefined ? undefined : props.activeKey === null ? [] : [props.activeKey],
-    defaultValue: props.defaultActiveKey === undefined || props.defaultActiveKey === null ? [] : [props.defaultActiveKey],
-    onChange: v => {
-      var _a, _b;
-      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, (_b = v[0]) !== null && _b !== void 0 ? _b : null);
+  const handlePropsValue = () => {
+    var _a;
+    if (!props.accordion) {
+      return {
+        value: props.activeKey,
+        defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : [],
+        onChange: props.onChange
+      };
     }
-  } : {
-    value: props.activeKey,
-    defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : [],
-    onChange: props.onChange
-  });
+    const initValue = {
+      value: [],
+      defaultValue: [],
+      onChange: v => {
+        var _a, _b;
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, (_b = v[0]) !== null && _b !== void 0 ? _b : null);
+      }
+    };
+    if (props.activeKey === undefined) {
+      initValue.value = undefined;
+    } else if (props.activeKey !== null) {
+      initValue.value = [props.activeKey];
+    }
+    if (![null, undefined].includes(props.defaultActiveKey)) {
+      initValue.defaultValue = [props.defaultActiveKey];
+    }
+    return initValue;
+  };
+  const [activeKey, setActiveKey] = usePropsValue(handlePropsValue());
   const activeKeyList = activeKey === null ? [] : Array.isArray(activeKey) ? activeKey : [activeKey];
   return withNativeProps(props, React.createElement("div", {
     className: classPrefix

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

@@ -66,67 +66,55 @@ export function generateDatePickerColumns(selected, min, max, precision, renderL
     const lower = minYear;
     const upper = maxYear;
     const years = generateColumn(lower, upper, 'year');
-    ret.push(years.map(v => {
-      return {
-        label: renderLabel('year', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(years.map(v => ({
+      label: renderLabel('year', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.month) {
     const lower = isInMinYear ? minMonth : 1;
     const upper = isInMaxYear ? maxMonth : 12;
     const months = generateColumn(lower, upper, 'month');
-    ret.push(months.map(v => {
-      return {
-        label: renderLabel('month', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(months.map(v => ({
+      label: renderLabel('month', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.day) {
     const lower = isInMinMonth ? minDay : 1;
     const upper = isInMaxMonth ? maxDay : firstDayInSelectedMonth.daysInMonth();
     const days = generateColumn(lower, upper, 'day');
-    ret.push(days.map(v => {
-      return {
-        label: renderLabel('day', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(days.map(v => ({
+      label: renderLabel('day', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.hour) {
     const lower = isInMinDay ? minHour : 0;
     const upper = isInMaxDay ? maxHour : 23;
     const hours = generateColumn(lower, upper, 'hour');
-    ret.push(hours.map(v => {
-      return {
-        label: renderLabel('hour', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(hours.map(v => ({
+      label: renderLabel('hour', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.minute) {
     const lower = isInMinHour ? minMinute : 0;
     const upper = isInMaxHour ? maxMinute : 59;
     const minutes = generateColumn(lower, upper, 'minute');
-    ret.push(minutes.map(v => {
-      return {
-        label: renderLabel('minute', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(minutes.map(v => ({
+      label: renderLabel('minute', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.second) {
     const lower = isInMinMinute ? minSecond : 0;
     const upper = isInMaxMinute ? maxSecond : 59;
     const seconds = generateColumn(lower, upper, 'second');
-    ret.push(seconds.map(v => {
-      return {
-        label: renderLabel('second', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(seconds.map(v => ({
+      label: renderLabel('second', v),
+      value: v.toString()
+    })));
   }
   // Till Now
   if (tillNow) {

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

@@ -49,34 +49,28 @@ export function generateDatePickerColumns(selected, min, max, precision, renderL
     const lower = minYear;
     const upper = maxYear;
     const years = generateColumn(lower, upper, 'year');
-    ret.push(years.map(v => {
-      return {
-        label: renderLabel('year', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(years.map(v => ({
+      label: renderLabel('year', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.week) {
     const lower = isInMinYear ? minWeek : 1;
     const upper = isInMaxYear ? maxWeek : selectedYearWeeks;
     const weeks = generateColumn(lower, upper, 'week');
-    ret.push(weeks.map(v => {
-      return {
-        label: renderLabel('week', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(weeks.map(v => ({
+      label: renderLabel('week', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord['week-day']) {
     const lower = isInMinWeek ? minWeekday : 1;
     const upper = isInMaxWeek ? maxWeekday : 7;
     const weeks = generateColumn(lower, upper, 'week-day');
-    ret.push(weeks.map(v => {
-      return {
-        label: renderLabel('week-day', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(weeks.map(v => ({
+      label: renderLabel('week-day', v),
+      value: v.toString()
+    })));
   }
   return ret;
 }

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

@@ -2,15 +2,17 @@ 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';
+import type { PickerDate } from '../date-picker/util';
 export declare type RenderLabel = (type: Precision | 'now', data: number) => ReactNode;
 export declare type DatePickerViewProps = Pick<PickerViewProps, 'style' | 'mouseWheel' | 'loading' | 'loadingContent'> & {
-    value?: Date;
-    defaultValue?: Date;
-    onChange?: (value: Date) => void;
-    min?: Date;
-    max?: Date;
+    value?: PickerDate;
+    defaultValue?: PickerDate;
+    onChange?: (value: PickerDate) => void;
+    min?: PickerDate;
+    max?: PickerDate;
     precision?: Precision;
     renderLabel?: RenderLabel;
     filter?: DatePickerFilter;
+    tillNow?: boolean;
 } & NativeProps;
 export declare const DatePickerView: FC<DatePickerViewProps>;