antd-mobile 5.26.0 → 5.28.0

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

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

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

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

package/2x/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/2x/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/2x/cjs/utils/with-func-props.d.ts

@@ -0,0 +1,5 @@
+declare type Merge<T, P> = {
+    [K in keyof T & keyof P]: P[K] | T[K];
+};
+export declare function mergeFuncProps<T extends Record<string, any>, P extends Record<string, any>>(p1: T, p2: P): Merge<T, P>;
+export {};

package/2x/cjs/utils/with-func-props.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mergeFuncProps = mergeFuncProps;
+function mergeFuncProps(p1, p2) {
+  const p1Keys = Object.keys(p1);
+  const p2Keys = Object.keys(p2);
+  const keys = new Set([...p1Keys, ...p2Keys]);
+  const res = {};
+  keys.forEach(key => {
+    const p1Value = p1[key];
+    const p2Value = p2[key];
+    if (typeof p1Value === 'function' && typeof p2Value === 'function') {
+      res[key] = function (...args) {
+        p1Value(...args);
+        p2Value(...args);
+      };
+    } else {
+      res[key] = p1Value || p2Value;
+    }
+  });
+  return res;
+}

package/2x/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/2x/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/2x/es/components/calendar/calendar.d.ts

@@ -13,6 +13,7 @@ export declare type CalendarProps = {
     onPageChange?: (year: number, month: number) => void;
     weekStartsOn?: 'Monday' | 'Sunday';
     renderLabel?: (date: Date) => React.ReactNode;
+    renderDate?: (date: Date) => React.ReactNode;
     allowClear?: boolean;
     max?: Date;
     min?: Date;

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

@@ -188,7 +188,7 @@ export const Calendar = forwardRef((p, ref) => {
         }
       }, React.createElement("div", {
         className: `${classPrefix}-cell-top`
-      }, d.date()), React.createElement("div", {
+      }, props.renderDate ? props.renderDate(d.toDate()) : d.date()), React.createElement("div", {
         className: `${classPrefix}-cell-bottom`
       }, (_a = props.renderLabel) === null || _a === void 0 ? void 0 : _a.call(props, d.toDate()))));
       iterator = iterator.add(1, 'day');

package/2x/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/2x/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/2x/es/components/cascader/cascader.patch.css

@@ -0,0 +1,3 @@
+.adm-cascader .adm-cascader-view-content {
+  height: 620px;
+}

package/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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[];

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/footer/footer.js

@@ -2,7 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 import { withNativeProps } from '../../utils/native-props';
 import { mergeProps } from '../../utils/with-default-props';
-import { Divider } from '../divider/divider';
+import Divider from '../divider';
 const classPrefix = `adm-footer`;
 const defaultProps = {
   label: '',

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';