acud 1.2.17 → 1.2.18

package/es/date-picker/src/hooks/useTextValueMapping.js

@@ -2,25 +2,20 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import * as React from 'react';
 export default function useTextValueMapping(_ref) {
   var valueTexts = _ref.valueTexts,
-      onTextChange = _ref.onTextChange;
-
+    onTextChange = _ref.onTextChange;
   var _React$useState = React.useState(''),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      text = _React$useState2[0],
-      setInnerText = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    text = _React$useState2[0],
+    setInnerText = _React$useState2[1];
   var valueTextsRef = React.useRef([]);
   valueTextsRef.current = valueTexts;
-
   function triggerTextChange(value) {
     setInnerText(value);
     onTextChange(value);
   }
-
   function resetText() {
     setInnerText(valueTextsRef.current[0]);
   }
-
   React.useEffect(function () {
     if (valueTexts.every(function (valText) {
       return valText !== text;

package/es/date-picker/src/hooks/useValueTexts.d.ts

@@ -1,6 +1,6 @@
 import type { GenerateConfig } from '../generate';
 import type { CustomFormat, Locale } from '../interface';
-export declare type ValueTextConfig<DateType> = {
+export type ValueTextConfig<DateType> = {
     formatList: (string | CustomFormat<DateType>)[];
     generateConfig: GenerateConfig<DateType>;
     locale: Locale;

package/es/date-picker/src/hooks/useValueTexts.js

@@ -3,17 +3,15 @@ import useMemo from "rc-util/es/hooks/useMemo";
 import { formatValue } from '../utils/dateUtil';
 export default function useValueTexts(value, _ref) {
   var formatList = _ref.formatList,
-      generateConfig = _ref.generateConfig,
-      locale = _ref.locale;
+    generateConfig = _ref.generateConfig,
+    locale = _ref.locale;
   return useMemo(function () {
     if (!value) {
       return [[''], ''];
-    } // We will convert data format back to first format
-
-
+    }
+    // We will convert data format back to first format
     var firstValueText = '';
     var fullValueTexts = [];
-
     for (var i = 0; i < formatList.length; i += 1) {
       var format = formatList[i];
       var formatStr = formatValue(value, {
@@ -22,12 +20,10 @@ export default function useValueTexts(value, _ref) {
         format: format
       });
       fullValueTexts.push(formatStr);
-
       if (i === 0) {
         firstValueText = formatStr;
       }
     }
-
     return [fullValueTexts, firstValueText];
   }, [value, formatList], function (prev, next) {
     return prev[0] !== next[0] || !shallowEqual(prev[1], next[1]);

package/es/date-picker/src/interface.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { GenerateConfig } from './generate';
-export declare type Locale = {
+export type Locale = {
     locale: string;
     /** Display month before year in date panel header */
     monthBeforeYear?: boolean;
@@ -34,16 +34,16 @@ export declare type Locale = {
     shortWeekDays?: string[];
     shortMonths?: string[];
 };
-export declare type PanelMode = 'time' | 'date' | 'week' | 'month' | 'quarter' | 'year' | 'decade';
-export declare type PickerMode = Exclude<PanelMode, 'datetime' | 'decade'>;
-export declare type PanelRefProps = {
+export type PanelMode = 'time' | 'date' | 'week' | 'month' | 'quarter' | 'year' | 'decade';
+export type PickerMode = Exclude<PanelMode, 'datetime' | 'decade'>;
+export type PanelRefProps = {
     onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => boolean;
     onBlur?: React.FocusEventHandler<HTMLElement>;
     onClose?: () => void;
 };
-export declare type NullableDateType<DateType> = DateType | null | undefined;
-export declare type OnSelect<DateType> = (value: DateType, type: 'key' | 'mouse' | 'submit') => void;
-export declare type PanelSharedProps<DateType> = {
+export type NullableDateType<DateType> = DateType | null | undefined;
+export type OnSelect<DateType> = (value: DateType, type: 'key' | 'mouse' | 'submit') => void;
+export type PanelSharedProps<DateType> = {
     prefixCls: string;
     generateConfig: GenerateConfig<DateType>;
     value?: NullableDateType<DateType>;
@@ -66,23 +66,23 @@ export declare type PanelSharedProps<DateType> = {
     onViewDateChange: (value: DateType) => void;
     onPanelChange: (mode: PanelMode | null, viewValue: DateType) => void;
 };
-export declare type DisabledTimes = {
+export type DisabledTimes = {
     disabledHours?: () => number[];
     disabledMinutes?: (hour: number) => number[];
     disabledSeconds?: (hour: number, minute: number) => number[];
 };
-export declare type DisabledTime<DateType> = (date: DateType | null) => DisabledTimes;
-export declare type OnPanelChange<DateType> = (value: DateType, mode: PanelMode) => void;
-export declare type EventValue<DateType> = DateType | null;
-export declare type RangeValue<DateType> = [EventValue<DateType>, EventValue<DateType>] | null;
-export declare type Components = {
+export type DisabledTime<DateType> = (date: DateType | null) => DisabledTimes;
+export type OnPanelChange<DateType> = (value: DateType, mode: PanelMode) => void;
+export type EventValue<DateType> = DateType | null;
+export type RangeValue<DateType> = [EventValue<DateType>, EventValue<DateType>] | null;
+export type Components = {
     button?: React.ComponentType | string;
     rangeItem?: React.ComponentType | string;
 };
-export declare type RangeList = {
+export type RangeList = {
     label: string;
     onClick: () => void;
     onMouseEnter: () => void;
     onMouseLeave: () => void;
 }[];
-export declare type CustomFormat<DateType> = (value: DateType) => string;
+export type CustomFormat<DateType> = (value: DateType) => string;

package/es/date-picker/src/panels/DatePanel/DateBody.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import type { GenerateConfig } from '../../generate';
 import type { Locale } from '../../interface';
-export declare type DateRender<DateType> = (currentDate: DateType, today: DateType) => React.ReactNode;
-export declare type DateBodyPassProps<DateType> = {
+export type DateRender<DateType> = (currentDate: DateType, today: DateType) => React.ReactNode;
+export type DateBodyPassProps<DateType> = {
     dateRender?: DateRender<DateType>;
     disabledDate?: (date: DateType) => boolean;
     prefixColumn?: (date: DateType) => React.ReactNode;
     rowClassName?: (date: DateType) => string;
 };
-export declare type DateBodyProps<DateType> = {
+export type DateBodyProps<DateType> = {
     prefixCls: string;
     generateConfig: GenerateConfig<DateType>;
     value?: DateType | null;
@@ -17,5 +17,5 @@ export declare type DateBodyProps<DateType> = {
     rowCount: number;
     onSelect: (value: DateType) => void;
 } & DateBodyPassProps<DateType>;
-declare function DateBody<DateType>(props: DateBodyProps<DateType>): JSX.Element;
+declare function DateBody<DateType>(props: DateBodyProps<DateType>): React.JSX.Element;
 export default DateBody;

package/es/date-picker/src/panels/DatePanel/DateBody.js

@@ -4,43 +4,37 @@ import { WEEK_DAY_COUNT, getWeekStartDate, isSameDate, isSameMonth, formatValue
 import RangeContext from '../../RangeContext';
 import useCellClassName from '../../hooks/useCellClassName';
 import PanelBody from '../PanelBody';
-
 function DateBody(props) {
   var prefixCls = props.prefixCls,
-      generateConfig = props.generateConfig,
-      prefixColumn = props.prefixColumn,
-      locale = props.locale,
-      rowCount = props.rowCount,
-      viewDate = props.viewDate,
-      value = props.value,
-      dateRender = props.dateRender;
-
+    generateConfig = props.generateConfig,
+    prefixColumn = props.prefixColumn,
+    locale = props.locale,
+    rowCount = props.rowCount,
+    viewDate = props.viewDate,
+    value = props.value,
+    dateRender = props.dateRender;
   var _React$useContext = React.useContext(RangeContext),
-      rangedValue = _React$useContext.rangedValue,
-      hoverRangedValue = _React$useContext.hoverRangedValue;
-
+    rangedValue = _React$useContext.rangedValue,
+    hoverRangedValue = _React$useContext.hoverRangedValue;
   var baseDate = getWeekStartDate(locale.locale, generateConfig, viewDate);
   var cellPrefixCls = "".concat(prefixCls, "-cell");
   var weekFirstDay = generateConfig.locale.getWeekFirstDay(locale.locale);
-  var today = generateConfig.getNow(); // ============================== Header ==============================
-
+  var today = generateConfig.getNow();
+  // ============================== Header ==============================
   var headerCells = [];
   var weekDaysLocale = locale.shortWeekDays || (generateConfig.locale.getShortWeekDays ? generateConfig.locale.getShortWeekDays(locale.locale) : []);
-
   if (prefixColumn) {
     headerCells.push( /*#__PURE__*/React.createElement("th", {
       key: "empty",
       "aria-label": "empty cell"
     }));
   }
-
   for (var i = 0; i < WEEK_DAY_COUNT; i += 1) {
     headerCells.push( /*#__PURE__*/React.createElement("th", {
       key: i
     }, weekDaysLocale[(i + weekFirstDay) % WEEK_DAY_COUNT]));
-  } // =============================== Body ===============================
-
-
+  }
+  // =============================== Body ===============================
   var getCellClassName = useCellClassName({
     cellPrefixCls: cellPrefixCls,
     today: today,
@@ -79,5 +73,4 @@ function DateBody(props) {
     headerCells: headerCells
   }));
 }
-
 export default DateBody;

package/es/date-picker/src/panels/DatePanel/DateHeader.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { Locale } from '../../interface';
 import type { GenerateConfig } from '../../generate';
-export declare type DateHeaderProps<DateType> = {
+export type DateHeaderProps<DateType> = {
     prefixCls: string;
     viewDate: DateType;
     value?: DateType | null;
@@ -14,5 +14,5 @@ export declare type DateHeaderProps<DateType> = {
     onYearClick: () => void;
     onMonthClick: () => void;
 };
-declare function DateHeader<DateType>(props: DateHeaderProps<DateType>): JSX.Element;
+declare function DateHeader<DateType>(props: DateHeaderProps<DateType>): React.JSX.Element;
 export default DateHeader;

package/es/date-picker/src/panels/DatePanel/DateHeader.js

@@ -3,30 +3,26 @@ import * as React from 'react';
 import Header from '../Header';
 import PanelContext from '../../PanelContext';
 import { formatValue } from '../../utils/dateUtil';
-
 function DateHeader(props) {
   var prefixCls = props.prefixCls,
-      generateConfig = props.generateConfig,
-      locale = props.locale,
-      viewDate = props.viewDate,
-      onNextMonth = props.onNextMonth,
-      onPrevMonth = props.onPrevMonth,
-      onNextYear = props.onNextYear,
-      onPrevYear = props.onPrevYear,
-      onYearClick = props.onYearClick,
-      onMonthClick = props.onMonthClick;
-
+    generateConfig = props.generateConfig,
+    locale = props.locale,
+    viewDate = props.viewDate,
+    onNextMonth = props.onNextMonth,
+    onPrevMonth = props.onPrevMonth,
+    onNextYear = props.onNextYear,
+    onPrevYear = props.onPrevYear,
+    onYearClick = props.onYearClick,
+    onMonthClick = props.onMonthClick;
   var _React$useContext = React.useContext(PanelContext),
-      hideHeader = _React$useContext.hideHeader;
-
+    hideHeader = _React$useContext.hideHeader;
   if (hideHeader) {
     return null;
   }
-
   var headerPrefixCls = "".concat(prefixCls, "-header");
   var monthsLocale = locale.shortMonths || (generateConfig.locale.getShortMonths ? generateConfig.locale.getShortMonths(locale.locale) : []);
-  var month = generateConfig.getMonth(viewDate); // =================== Month & Year ===================
-
+  var month = generateConfig.getMonth(viewDate);
+  // =================== Month & Year ===================
   var yearNode = /*#__PURE__*/React.createElement("button", {
     type: "button",
     key: "year",
@@ -58,5 +54,4 @@ function DateHeader(props) {
     onSuperNext: onNextYear
   }), monthYearNodes);
 }
-
 export default DateHeader;

package/es/date-picker/src/panels/DatePanel/index.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { DateBodyPassProps, DateRender } from './DateBody';
 import type { PanelSharedProps } from '../../interface';
 import type { KeyboardConfig } from '../../utils/uiUtil';
-export declare type DatePanelProps<DateType> = {
+export type DatePanelProps<DateType> = {
     active?: boolean;
     dateRender?: DateRender<DateType>;
     panelName?: string;
     keyboardConfig?: KeyboardConfig;
 } & PanelSharedProps<DateType> & DateBodyPassProps<DateType>;
-declare function DatePanel<DateType>(props: DatePanelProps<DateType>): JSX.Element;
+declare function DatePanel<DateType>(props: DatePanelProps<DateType>): React.JSX.Element;
 export default DatePanel;

package/es/date-picker/src/panels/DatePanel/index.js

@@ -7,22 +7,21 @@ import DateHeader from './DateHeader';
 import { WEEK_DAY_COUNT } from '../../utils/dateUtil';
 import { createKeyDownHandler } from '../../utils/uiUtil';
 var DATE_ROW_COUNT = 6;
-
 function DatePanel(props) {
   var prefixCls = props.prefixCls,
-      _props$panelName = props.panelName,
-      panelName = _props$panelName === void 0 ? 'date' : _props$panelName,
-      keyboardConfig = props.keyboardConfig,
-      active = props.active,
-      operationRef = props.operationRef,
-      generateConfig = props.generateConfig,
-      value = props.value,
-      viewDate = props.viewDate,
-      onViewDateChange = props.onViewDateChange,
-      onPanelChange = props.onPanelChange,
-      _onSelect = props.onSelect;
-  var panelPrefixCls = "".concat(prefixCls, "-").concat(panelName, "-panel"); // ======================= Keyboard =======================
-
+    _props$panelName = props.panelName,
+    panelName = _props$panelName === void 0 ? 'date' : _props$panelName,
+    keyboardConfig = props.keyboardConfig,
+    active = props.active,
+    operationRef = props.operationRef,
+    generateConfig = props.generateConfig,
+    value = props.value,
+    viewDate = props.viewDate,
+    onViewDateChange = props.onViewDateChange,
+    onPanelChange = props.onPanelChange,
+    _onSelect = props.onSelect;
+  var panelPrefixCls = "".concat(prefixCls, "-").concat(panelName, "-panel");
+  // ======================= Keyboard =======================
   operationRef.current = {
     onKeyDown: function onKeyDown(event) {
       return createKeyDownHandler(event, _extends({
@@ -40,26 +39,25 @@ function DatePanel(props) {
         }
       }, keyboardConfig));
     }
-  }; // ==================== View Operation ====================
-
+  };
+  // ==================== View Operation ====================
   var onYearChange = function onYearChange(diff) {
     var newDate = generateConfig.addYear(viewDate, diff);
     onViewDateChange(newDate);
     onPanelChange(null, newDate);
   };
-
   var onMonthChange = function onMonthChange(diff) {
     var newDate = generateConfig.addMonth(viewDate, diff);
     onViewDateChange(newDate);
     onPanelChange(null, newDate);
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(panelPrefixCls, _defineProperty({}, "".concat(panelPrefixCls, "-active"), active))
   }, /*#__PURE__*/React.createElement(DateHeader, _extends({}, props, {
     prefixCls: prefixCls,
     value: value,
-    viewDate: viewDate // View Operation
+    viewDate: viewDate
+    // View Operation
     ,
     onPrevYear: function onPrevYear() {
       onYearChange(-1);
@@ -89,5 +87,4 @@ function DatePanel(props) {
     rowCount: DATE_ROW_COUNT
   })));
 }
-
 export default DatePanel;

package/es/date-picker/src/panels/DatetimePanel/index.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { DatePanelProps } from '../DatePanel';
 import type { SharedTimeProps } from '../TimePanel';
 import type { DisabledTime } from '../../interface';
-export declare type DatetimePanelProps<DateType> = {
+export type DatetimePanelProps<DateType> = {
     disabledTime?: DisabledTime<DateType>;
     showTime?: boolean | SharedTimeProps<DateType>;
     defaultValue?: DateType;
 } & Omit<DatePanelProps<DateType>, 'disabledHours' | 'disabledMinutes' | 'disabledSeconds'>;
-declare function DatetimePanel<DateType>(props: DatetimePanelProps<DateType>): JSX.Element;
+declare function DatetimePanel<DateType>(props: DatetimePanelProps<DateType>): React.JSX.Element;
 export default DatetimePanel;

package/es/date-picker/src/panels/DatetimePanel/index.js

@@ -9,29 +9,26 @@ import TimePanel from '../TimePanel';
 import { tuple } from '../../utils/miscUtil';
 import { setDateTime as setTime } from '../../utils/timeUtil';
 var ACTIVE_PANEL = tuple('date', 'time');
-
 function DatetimePanel(props) {
   var prefixCls = props.prefixCls,
-      generateConfig = props.generateConfig,
-      value = props.value,
-      defaultValue = props.defaultValue,
-      disabledTime = props.disabledTime,
-      showTime = props.showTime,
-      onSelect = props.onSelect;
-  var panelPrefixCls = "".concat(prefixCls, "-datetime-panel"); // @ts-ignore
-
+    generateConfig = props.generateConfig,
+    value = props.value,
+    defaultValue = props.defaultValue,
+    disabledTime = props.disabledTime,
+    showTime = props.showTime,
+    onSelect = props.onSelect;
+  var panelPrefixCls = "".concat(prefixCls, "-datetime-panel");
+  // @ts-ignore
   var _React$useState = React.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      activePanel = _React$useState2[0],
-      setActivePanel = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    activePanel = _React$useState2[0],
+    setActivePanel = _React$useState2[1];
   var dateOperationRef = React.useRef({});
   var timeOperationRef = React.useRef({});
-  var timeProps = _typeof(showTime) === 'object' ? _extends({}, showTime) : {}; // ======================== Events ========================
-
+  var timeProps = _typeof(showTime) === 'object' ? _extends({}, showTime) : {};
+  // ======================== Events ========================
   var onInternalSelect = function onInternalSelect(date, source) {
     var selectedDate = date;
-
     if (source === 'date' && !value && timeProps.defaultValue) {
       // Date with time defaultValue
       selectedDate = generateConfig.setHour(selectedDate, generateConfig.getHour(timeProps.defaultValue));
@@ -42,13 +39,11 @@ function DatetimePanel(props) {
       selectedDate = generateConfig.setMonth(selectedDate, generateConfig.getMonth(defaultValue));
       selectedDate = generateConfig.setDate(selectedDate, generateConfig.getDate(defaultValue));
     }
-
     if (onSelect) {
       onSelect(selectedDate, 'mouse');
     }
-  }; // ======================== Render ========================
-
-
+  };
+  // ======================== Render ========================
   var disabledTimes = disabledTime ? disabledTime(value || null) : {};
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(panelPrefixCls, _defineProperty({}, "".concat(panelPrefixCls, "-active"), activePanel))
@@ -69,5 +64,4 @@ function DatetimePanel(props) {
     }
   })));
 }
-
 export default DatetimePanel;

package/es/date-picker/src/panels/DecadePanel/DecadeBody.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { GenerateConfig } from '../../generate';
 export declare const DECADE_COL_COUNT = 3;
-export declare type YearBodyProps<DateType> = {
+export type YearBodyProps<DateType> = {
     prefixCls: string;
     generateConfig: GenerateConfig<DateType>;
     viewDate: DateType;
     disabledDate?: (date: DateType) => boolean;
     onSelect: (value: DateType) => void;
 };
-declare function DecadeBody<DateType>(props: YearBodyProps<DateType>): JSX.Element;
+declare function DecadeBody<DateType>(props: YearBodyProps<DateType>): React.JSX.Element;
 export default DecadeBody;

package/es/date-picker/src/panels/DecadePanel/DecadeBody.js

@@ -5,27 +5,23 @@ import { DECADE_DISTANCE_COUNT, DECADE_UNIT_DIFF } from '.';
 import PanelBody from '../PanelBody';
 export var DECADE_COL_COUNT = 3;
 var DECADE_ROW_COUNT = 4;
-
 function DecadeBody(props) {
   var DECADE_UNIT_DIFF_DES = DECADE_UNIT_DIFF - 1;
   var prefixCls = props.prefixCls,
-      viewDate = props.viewDate,
-      generateConfig = props.generateConfig;
+    viewDate = props.viewDate,
+    generateConfig = props.generateConfig;
   var cellPrefixCls = "".concat(prefixCls, "-cell");
   var yearNumber = generateConfig.getYear(viewDate);
   var decadeYearNumber = Math.floor(yearNumber / DECADE_UNIT_DIFF) * DECADE_UNIT_DIFF;
   var startDecadeYear = Math.floor(yearNumber / DECADE_DISTANCE_COUNT) * DECADE_DISTANCE_COUNT;
   var endDecadeYear = startDecadeYear + DECADE_DISTANCE_COUNT - 1;
   var baseDecadeYear = generateConfig.setYear(viewDate, startDecadeYear - Math.ceil((DECADE_COL_COUNT * DECADE_ROW_COUNT * DECADE_UNIT_DIFF - DECADE_DISTANCE_COUNT) / 2));
-
   var getCellClassName = function getCellClassName(date) {
     var _ref;
-
     var startDecadeNumber = generateConfig.getYear(date);
     var endDecadeNumber = startDecadeNumber + DECADE_UNIT_DIFF_DES;
     return _ref = {}, _defineProperty(_ref, "".concat(cellPrefixCls, "-in-view"), startDecadeYear <= startDecadeNumber && endDecadeNumber <= endDecadeYear), _defineProperty(_ref, "".concat(cellPrefixCls, "-selected"), startDecadeNumber === decadeYearNumber), _ref;
   };
-
   return /*#__PURE__*/React.createElement(PanelBody, _extends({}, props, {
     rowNum: DECADE_ROW_COUNT,
     colNum: DECADE_COL_COUNT,
@@ -40,5 +36,4 @@ function DecadeBody(props) {
     }
   }));
 }
-
 export default DecadeBody;

package/es/date-picker/src/panels/DecadePanel/DecadeHeader.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { GenerateConfig } from '../../generate';
-export declare type YearHeaderProps<DateType> = {
+export type YearHeaderProps<DateType> = {
     prefixCls: string;
     viewDate: DateType;
     generateConfig: GenerateConfig<DateType>;
     onPrevDecades: () => void;
     onNextDecades: () => void;
 };
-declare function DecadeHeader<DateType>(props: YearHeaderProps<DateType>): JSX.Element;
+declare function DecadeHeader<DateType>(props: YearHeaderProps<DateType>): React.JSX.Element;
 export default DecadeHeader;

package/es/date-picker/src/panels/DecadePanel/DecadeHeader.js

@@ -3,21 +3,17 @@ import * as React from 'react';
 import Header from '../Header';
 import { DECADE_DISTANCE_COUNT } from '.';
 import PanelContext from '../../PanelContext';
-
 function DecadeHeader(props) {
   var prefixCls = props.prefixCls,
-      generateConfig = props.generateConfig,
-      viewDate = props.viewDate,
-      onPrevDecades = props.onPrevDecades,
-      onNextDecades = props.onNextDecades;
-
+    generateConfig = props.generateConfig,
+    viewDate = props.viewDate,
+    onPrevDecades = props.onPrevDecades,
+    onNextDecades = props.onNextDecades;
   var _React$useContext = React.useContext(PanelContext),
-      hideHeader = _React$useContext.hideHeader;
-
+    hideHeader = _React$useContext.hideHeader;
   if (hideHeader) {
     return null;
   }
-
   var headerPrefixCls = "".concat(prefixCls, "-header");
   var yearNumber = generateConfig.getYear(viewDate);
   var startYear = Math.floor(yearNumber / DECADE_DISTANCE_COUNT) * DECADE_DISTANCE_COUNT;
@@ -28,5 +24,4 @@ function DecadeHeader(props) {
     onSuperNext: onNextDecades
   }), startYear, "-", endYear);
 }
-
 export default DecadeHeader;

package/es/date-picker/src/panels/DecadePanel/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { PanelSharedProps } from '../../interface';
-export declare type DecadePanelProps<DateType> = PanelSharedProps<DateType>;
+export type DecadePanelProps<DateType> = PanelSharedProps<DateType>;
 export declare const DECADE_UNIT_DIFF = 10;
 export declare const DECADE_DISTANCE_COUNT: number;
-declare function DecadePanel<DateType>(props: DecadePanelProps<DateType>): JSX.Element;
+declare function DecadePanel<DateType>(props: DecadePanelProps<DateType>): React.JSX.Element;
 export default DecadePanel;

package/es/date-picker/src/panels/DecadePanel/index.js

@@ -5,17 +5,16 @@ import DecadeBody, { DECADE_COL_COUNT } from './DecadeBody';
 import { createKeyDownHandler } from '../../utils/uiUtil';
 export var DECADE_UNIT_DIFF = 10;
 export var DECADE_DISTANCE_COUNT = DECADE_UNIT_DIFF * 10;
-
 function DecadePanel(props) {
   var prefixCls = props.prefixCls,
-      onViewDateChange = props.onViewDateChange,
-      generateConfig = props.generateConfig,
-      viewDate = props.viewDate,
-      operationRef = props.operationRef,
-      onSelect = props.onSelect,
-      onPanelChange = props.onPanelChange;
-  var panelPrefixCls = "".concat(prefixCls, "-decade-panel"); // ======================= Keyboard =======================
-
+    onViewDateChange = props.onViewDateChange,
+    generateConfig = props.generateConfig,
+    viewDate = props.viewDate,
+    operationRef = props.operationRef,
+    onSelect = props.onSelect,
+    onPanelChange = props.onPanelChange;
+  var panelPrefixCls = "".concat(prefixCls, "-decade-panel");
+  // ======================= Keyboard =======================
   operationRef.current = {
     onKeyDown: function onKeyDown(event) {
       return createKeyDownHandler(event, {
@@ -33,19 +32,17 @@ function DecadePanel(props) {
         }
       });
     }
-  }; // ==================== View Operation ====================
-
+  };
+  // ==================== View Operation ====================
   var onDecadesChange = function onDecadesChange(diff) {
     var newDate = generateConfig.addYear(viewDate, diff * DECADE_DISTANCE_COUNT);
     onViewDateChange(newDate);
     onPanelChange(null, newDate);
   };
-
   var onInternalSelect = function onInternalSelect(date) {
     onSelect(date, 'mouse');
     onPanelChange('year', date);
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: panelPrefixCls
   }, /*#__PURE__*/React.createElement(DecadeHeader, _extends({}, props, {
@@ -61,5 +58,4 @@ function DecadePanel(props) {
     onSelect: onInternalSelect
   })));
 }
-
 export default DecadePanel;

package/es/date-picker/src/panels/Header.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type HeaderProps = {
+export type HeaderProps = {
     prefixCls: string;
     prevIcon?: React.ReactNode;
     nextIcon?: React.ReactNode;
@@ -15,5 +15,5 @@ export declare type HeaderProps = {
     onSuperNext?: () => void;
     children?: React.ReactNode;
 };
-declare function Header({ prefixCls, prevIcon, nextIcon, superPrevIcon, superNextIcon, onSuperPrev, onSuperNext, onPrev, onNext, children, }: HeaderProps): JSX.Element;
+declare function Header({ prefixCls, prevIcon, nextIcon, superPrevIcon, superNextIcon, onSuperPrev, onSuperNext, onPrev, onNext, children, }: HeaderProps): React.JSX.Element;
 export default Header;