@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.0

package/lib/es/datePicker/monthsGrid.js

@@ -1,14 +1,9 @@
 import _stubFalse from "lodash/stubFalse";
 import _noop from "lodash/noop";
-
 /* eslint-disable jsx-a11y/interactive-supports-focus,jsx-a11y/click-events-have-key-events */
-
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-
 /* eslint-disable react/no-did-update-set-state */
-
 /* eslint-disable max-len */
-
 /* eslint-disable no-nested-ternary */
 import React from 'react';
 import classnames from 'classnames';
@@ -29,30 +24,25 @@ const prefixCls = cssClasses.PREFIX;
 export default class MonthsGrid extends BaseComponent {
   constructor(props) {
     super(props);
-
     this.cacheRefCurrent = (key, current) => {
       if (typeof key === 'string' && key.length) {
         this.adapter.setCache(key, current);
       }
     };
-
     this.leftIsYearOrTime = state => {
       const {
         monthLeft
       } = state || this.state;
-
       if (monthLeft && (monthLeft.isTimePickerOpen || monthLeft.isYearPickerOpen)) {
         return true;
       } else {
         return false;
       }
     };
-
     this.rightIsYearOrTime = state => {
       const {
         monthRight
       } = state || this.state;
-
       if (monthRight && (monthRight.isTimePickerOpen || monthRight.isYearPickerOpen)) {
         return true;
       } else {
@@ -62,8 +52,6 @@ export default class MonthsGrid extends BaseComponent {
     /**
      * Calculate the height of the scrolling list, if the animation is not over, return 0
      */
-
-
     this.calcScrollListHeight = () => {
       const wrapLeft = this.adapter.getCache(`wrap-${strings.PANEL_TYPE_LEFT}`);
       const wrapRight = this.adapter.getCache(`wrap-${strings.PANEL_TYPE_RIGHT}`);
@@ -73,23 +61,18 @@ export default class MonthsGrid extends BaseComponent {
       const rightRect = wrapRight && wrapRight.getBoundingClientRect();
       let leftHeight = leftRect && leftRect.height || 0;
       let rightHeight = rightRect && rightRect.height || 0;
-
       if (switchLeft) {
         leftHeight += switchLeft.getBoundingClientRect().height;
       }
-
       if (switchRight) {
         rightHeight += switchRight.getBoundingClientRect().height;
       }
-
       return Math.max(leftHeight, rightHeight);
     };
-
     this.handleWeeksRowNumChange = (weeksRowNum, panelType) => {
       const isLeft = panelType === strings.PANEL_TYPE_RIGHT;
       const isRight = panelType === strings.PANEL_TYPE_RIGHT;
       const allIsYearOrTime = this.leftIsYearOrTime() && this.rightIsYearOrTime();
-
       if (this.foundation.isRangeType() && !allIsYearOrTime) {
         const states = {
           weeksRowNum,
@@ -102,22 +85,18 @@ export default class MonthsGrid extends BaseComponent {
         });
       }
     };
-
     this.reselect = () => {
       const refKeys = [`timepicker-${strings.PANEL_TYPE_LEFT}`, `timepicker-${strings.PANEL_TYPE_RIGHT}`, `yam-${strings.PANEL_TYPE_LEFT}`, `yam-${strings.PANEL_TYPE_RIGHT}`];
       refKeys.forEach(key => {
         const current = this.adapter.getCache(key);
-
         if (current && typeof current.reselect === 'function') {
           current.reselect();
         }
       });
     };
-
     this.getYAMOpenType = () => {
       return this.foundation.getYAMOpenType();
     };
-
     const validFormat = props.format || getDefaultFormatTokenByType(props.type);
     const {
       nowDate,
@@ -156,7 +135,6 @@ export default class MonthsGrid extends BaseComponent {
     this.state = Object.assign(Object.assign({}, dateState), rangeState);
     this.foundation = new MonthsGridFoundation(this.adapter);
   }
-
   get dateAdapter() {
     return {
       updateDaySelected: selected => this.setState({
@@ -164,7 +142,6 @@ export default class MonthsGrid extends BaseComponent {
       })
     };
   }
-
   get rangeAdapter() {
     return {
       setRangeStart: rangeStart => this.setState({
@@ -187,7 +164,6 @@ export default class MonthsGrid extends BaseComponent {
       })
     };
   }
-
   get adapter() {
     return Object.assign(Object.assign(Object.assign(Object.assign({}, super.adapter), this.dateAdapter), this.rangeAdapter), {
       updateMonthOnLeft: v => this.setState({
@@ -203,28 +179,22 @@ export default class MonthsGrid extends BaseComponent {
       isAnotherPanelHasOpened: currentRangeInput => this.props.isAnotherPanelHasOpened(currentRangeInput)
     });
   }
-
   componentDidMount() {
     super.componentDidMount();
   }
-
   componentDidUpdate(prevProps, prevState) {
     const {
       defaultValue,
       defaultPickerValue
     } = this.props;
-
     if (prevProps.defaultValue !== defaultValue) {
       // we should always update panel state when value changes
       this.foundation.updateSelectedFromProps(defaultValue);
     }
-
     if (prevProps.defaultPickerValue !== defaultPickerValue) {
       this.foundation.initDefaultPickerValue();
     }
-
     const isRange = this.foundation.isRangeType();
-
     if (isRange) {
       /**
        * we have to add these code to ensure that scroll list's selector places center
@@ -235,7 +205,6 @@ export default class MonthsGrid extends BaseComponent {
       const nowSome = this.leftIsYearOrTime() && !this.rightIsYearOrTime() || !this.leftIsYearOrTime() && this.rightIsYearOrTime();
       const prevAllToSome = prevAll && nowSome;
       const prevSomeToAll = prevSome && nowAll;
-
       if (prevSomeToAll) {
         this.setState({
           currentPanelHeight: this.calcScrollListHeight()
@@ -245,7 +214,6 @@ export default class MonthsGrid extends BaseComponent {
       }
     }
   }
-
   renderPanel(month, panelType) {
     let monthCls = classnames(`${prefixCls}-month-grid-${panelType}`);
     const {
@@ -272,12 +240,10 @@ export default class MonthsGrid extends BaseComponent {
     const wrapLeft = this.adapter.getCache(`wrap-${strings.PANEL_TYPE_LEFT}`);
     const wrapRight = this.adapter.getCache(`wrap-${strings.PANEL_TYPE_RIGHT}`);
     const wrap = panelType === strings.PANEL_TYPE_RIGHT ? wrapRight : wrapLeft;
-
     if (this.foundation.isRangeType()) {
       if (isYearPickerOpen || isTimePickerOpen) {
         style.minWidth = wrap.getBoundingClientRect().width;
       }
-
       if (this.leftIsYearOrTime() && this.rightIsYearOrTime() && !insetInput) {
         /**
          * left和right同时为tpk时，panel会有一个minHeight
@@ -295,9 +261,7 @@ export default class MonthsGrid extends BaseComponent {
     } else if (this.props.type !== 'year' && this.props.type !== 'month' && (isTimePickerOpen || isYearPickerOpen)) {
       monthCls = classnames(monthCls, `${prefixCls}-yam-showing`);
     }
-
     const _isDatePanelOpen = !(isYearPickerOpen || isTimePickerOpen);
-
     const xOpenType = _isDatePanelOpen ? 'date' : isYearPickerOpen ? 'year' : 'time';
     return /*#__PURE__*/React.createElement("div", {
       className: monthCls,
@@ -306,7 +270,6 @@ export default class MonthsGrid extends BaseComponent {
       "x-open-type": xOpenType
     }, yearAndMonthLayer, timePickerLayer, this.foundation.isRangeType() ? panelContent : isYearPickerOpen || isTimePickerOpen ? null : panelContent, this.renderSwitch(panelType));
   }
-
   showYearPicker(panelType, e) {
     // e.stopPropagation();
     // When switching to the year and month, the e.target at this time is generated from Navigation, and the Navigation module will be removed from the DOM after switching
@@ -318,7 +281,6 @@ export default class MonthsGrid extends BaseComponent {
     e.nativeEvent.stopImmediatePropagation();
     this.foundation.showYearPicker(panelType);
   }
-
   renderMonth(month, panelType) {
     const {
       selected,
@@ -343,26 +305,24 @@ export default class MonthsGrid extends BaseComponent {
       syncSwitchMonth,
       multiple
     } = this.props;
-    let monthText = ''; // i18n monthText
-
+    let monthText = '';
+    // i18n monthText
     if (month) {
       // Get the absolute value of the year and month
       const yearNumber = month ? formatFn(month, 'yyyy') : '';
-      const monthNumber = month ? formatFn(month, 'L') : ''; // Display the month as the corresponding language text
-
+      const monthNumber = month ? formatFn(month, 'L') : '';
+      // Display the month as the corresponding language text
       const mText = locale.months[monthNumber];
-      const monthFormatToken = locale.monthText; // Display the year and month in a specific language format order
-
+      const monthFormatToken = locale.monthText;
+      // Display the year and month in a specific language format order
       monthText = monthFormatToken.replace('${year}', yearNumber).replace('${month}', mText);
     }
-
     let style = {};
-    const detail = panelType === strings.PANEL_TYPE_RIGHT ? this.state.monthRight : this.state.monthLeft; // Whether to select type for range
-
-    const isRangeType = this.foundation.isRangeType(); // Whether to switch synchronously for two panels
-
+    const detail = panelType === strings.PANEL_TYPE_RIGHT ? this.state.monthRight : this.state.monthLeft;
+    // Whether to select type for range
+    const isRangeType = this.foundation.isRangeType();
+    // Whether to switch synchronously for two panels
     const shouldBimonthSwitch = isRangeType && syncSwitchMonth;
-
     if (isRangeType && detail && (detail.isYearPickerOpen || detail.isTimePickerOpen)) {
       style = {
         visibility: 'hidden',
@@ -370,7 +330,6 @@ export default class MonthsGrid extends BaseComponent {
         pointerEvents: 'none'
       };
     }
-
     return /*#__PURE__*/React.createElement("div", {
       ref: current => this.cacheRefCurrent(`wrap-${panelType}`, current),
       style: style
@@ -411,7 +370,6 @@ export default class MonthsGrid extends BaseComponent {
       multiple: multiple
     }));
   }
-
   renderTimePicker(panelType, panelDetail) {
     const {
       type,
@@ -429,7 +387,6 @@ export default class MonthsGrid extends BaseComponent {
       hideDisabledOptions
     });
     const disabledOptions = this.foundation.calcDisabledTime(panelType);
-
     if (disabledOptions) {
       ['disabledHours', 'disabledMinutes', 'disabledSeconds'].forEach(key => {
         if (disabledOptions[key]) {
@@ -437,23 +394,20 @@ export default class MonthsGrid extends BaseComponent {
         }
       });
     }
-
     const {
       rangeStart,
       rangeEnd
     } = this.state;
     const dateFormat = this.foundation.getValidDateFormat();
     let startDate, endDate;
-
     if (type === 'dateTimeRange' && rangeStart && rangeEnd && isSameDay(startDate = compatibleParse(rangeStart, dateFormat, undefined, dateFnsLocale), endDate = compatibleParse(rangeEnd, dateFormat, undefined, dateFnsLocale))) {
       if (panelType === strings.PANEL_TYPE_RIGHT) {
         rangeStart && (restProps.startDate = startDate);
       } else {
         rangeEnd && (restProps.endDate = endDate);
       }
-    } // i18n placeholder
-
-
+    }
+    // i18n placeholder
     const placeholder = locale.selectTime;
     return /*#__PURE__*/React.createElement("div", {
       className: timePanelCls
@@ -465,7 +419,6 @@ export default class MonthsGrid extends BaseComponent {
       onChange: newTime => this.foundation.handleTimeChange(newTime, panelType)
     }, restProps)));
   }
-
   renderYearAndMonth(panelType, panelDetail) {
     const {
       pickerDate
@@ -498,7 +451,6 @@ export default class MonthsGrid extends BaseComponent {
       onBackToMain: () => {
         this.foundation.showDatePanel(panelType);
         const wrapCurrent = this.adapter.getCache(`wrap-${panelType}`);
-
         if (wrapCurrent) {
           wrapCurrent.style.height = 'auto';
         }
@@ -509,7 +461,6 @@ export default class MonthsGrid extends BaseComponent {
       endYear: endYear
     });
   }
-
   renderSwitch(panelType) {
     const {
       rangeStart,
@@ -524,23 +475,21 @@ export default class MonthsGrid extends BaseComponent {
       density,
       dateFnsLocale,
       insetInput
-    } = this.props; // Type: date, dateRange, year, month, inset input no rendering required
-
+    } = this.props;
+    // Type: date, dateRange, year, month, inset input no rendering required
     if (!type.includes('Time') || insetInput) {
       return null;
-    } // switch year/month & time
-
-
-    let panelDetail, dateText; // i18n
-
+    }
+    // switch year/month & time
+    let panelDetail, dateText;
+    // i18n
     const {
       FORMAT_SWITCH_DATE
-    } = locale.localeFormatToken; // Timepicker format is constant and does not change with language
+    } = locale.localeFormatToken;
+    // Timepicker format is constant and does not change with language
     // const FORMAT_TIME_PICKER = strings.FORMAT_TIME_PICKER;
-
     const formatTimePicker = this.foundation.getValidTimeFormat();
     const dateFormat = this.foundation.getValidDateFormat();
-
     if (panelType === strings.PANEL_TYPE_LEFT) {
       panelDetail = monthLeft;
       dateText = rangeStart ? formatFn(compatibleParse(rangeStart, dateFormat, undefined, dateFnsLocale), FORMAT_SWITCH_DATE) : '';
@@ -548,7 +497,6 @@ export default class MonthsGrid extends BaseComponent {
       panelDetail = monthRight;
       dateText = rangeEnd ? formatFn(compatibleParse(rangeEnd, dateFormat, undefined, dateFnsLocale), FORMAT_SWITCH_DATE) : '';
     }
-
     const {
       isTimePickerOpen,
       showDate
@@ -590,7 +538,6 @@ export default class MonthsGrid extends BaseComponent {
       className: textCls
     }, timeText)));
   }
-
   render() {
     const {
       monthLeft,
@@ -609,7 +556,6 @@ export default class MonthsGrid extends BaseComponent {
     const panelTypeLeft = strings.PANEL_TYPE_LEFT;
     const panelTypeRight = strings.PANEL_TYPE_RIGHT;
     let content = null;
-
     if (type === 'date' || type === 'dateTime') {
       content = this.renderPanel(monthLeft.pickerDate, panelTypeLeft);
     } else if (type === 'dateRange' || type === 'dateTimeRange') {
@@ -617,7 +563,6 @@ export default class MonthsGrid extends BaseComponent {
     } else if (type === 'year' || type === 'month') {
       content = 'year month';
     }
-
     const yearOpenType = this.getYAMOpenType();
     return /*#__PURE__*/React.createElement("div", {
       style: {
@@ -632,7 +577,6 @@ export default class MonthsGrid extends BaseComponent {
       ref: current => this.cacheRefCurrent('monthGrid', current)
     }, content)), presetPosition === "right" && renderQuickControls);
   }
-
 }
 MonthsGrid.propTypes = {
   type: PropTypes.oneOf(strings.TYPE_SET),

package/lib/es/datePicker/navigation.js

@@ -1,6 +1,6 @@
 import _noop from "lodash/noop";
-import React, { PureComponent } from 'react'; // import cls from 'classnames';
-
+import React, { PureComponent } from 'react';
+// import cls from 'classnames';
 import PropTypes from 'prop-types';
 import IconButton from '../iconButton';
 import Button from '../button';
@@ -12,7 +12,6 @@ export default class Navigation extends PureComponent {
     super(props);
     this.navRef = /*#__PURE__*/React.createRef();
   }
-
   render() {
     const {
       forwardRef,
@@ -31,23 +30,20 @@ export default class Navigation extends PureComponent {
     const btnNoHorizontalPadding = true;
     const buttonSize = density === 'compact' ? 'small' : 'default';
     const isLeftPanel = panelType === strings.PANEL_TYPE_LEFT;
-    const isRightPanel = panelType === strings.PANEL_TYPE_RIGHT; // syncSwitchMonth and the current panel is the left
-
-    const hiddenLeftPanelRightButtons = shouldBimonthSwitch && isLeftPanel; // syncSwitchMonth and the current panel is the right
-
-    const hiddenRightPanelLeftButtons = shouldBimonthSwitch && isRightPanel; // `visibility: hidden` will keep the icon in position
-
+    const isRightPanel = panelType === strings.PANEL_TYPE_RIGHT;
+    // syncSwitchMonth and the current panel is the left
+    const hiddenLeftPanelRightButtons = shouldBimonthSwitch && isLeftPanel;
+    // syncSwitchMonth and the current panel is the right
+    const hiddenRightPanelLeftButtons = shouldBimonthSwitch && isRightPanel;
+    // `visibility: hidden` will keep the icon in position
     const leftButtonStyle = {};
     const rightButtonStyle = {};
-
     if (hiddenRightPanelLeftButtons) {
       leftButtonStyle.visibility = 'hidden';
     }
-
     if (hiddenLeftPanelRightButtons) {
       rightButtonStyle.visibility = 'hidden';
     }
-
     const ref = forwardRef || this.navRef;
     return /*#__PURE__*/React.createElement("div", {
       className: prefixCls,
@@ -108,7 +104,6 @@ export default class Navigation extends PureComponent {
       style: rightButtonStyle
     }));
   }
-
 }
 Navigation.propTypes = {
   monthText: PropTypes.string,

package/lib/es/datePicker/quickControl.js

@@ -10,7 +10,6 @@ const prefixCls = cssClasses.PREFIX;
 const {
   Text
 } = Typography;
-
 class QuickControl extends PureComponent {
   render() {
     const {
@@ -50,11 +49,9 @@ class QuickControl extends PureComponent {
       [`${prefixCls}-quick-control-${presetPosition}-range-content-item-ellipsis`]: isTopAndBottomRange,
       [`${prefixCls}-quick-control-${presetPosition}-month-content-item-ellipsis`]: isTopAndBottomMonth
     });
-
     if (!presets.length) {
       return null;
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: wrapperCls,
       "x-insetinput": insetInput ? "true" : "false"
@@ -66,7 +63,6 @@ class QuickControl extends PureComponent {
       className: contentCls
     }, presets.map((item, index) => {
       const _item = typeof item === 'function' ? item() : item;
-
       return /*#__PURE__*/React.createElement(Button, {
         size: "small",
         type: "primary",
@@ -82,9 +78,7 @@ class QuickControl extends PureComponent {
       }, _item.text)));
     }))));
   }
-
 }
-
 QuickControl.propTypes = {
   presets: PropTypes.array,
   presetPosition: PropTypes.oneOf(strings.PRESET_POSITION_SET),

package/lib/es/datePicker/yearAndMonth.d.ts

@@ -8,7 +8,7 @@ import { PanelType } from '@douyinfe/semi-foundation/lib/es/datePicker/monthsGri
 export interface YearAndMonthProps extends YearAndMonthFoundationProps, BaseProps {
     locale?: Locale['DatePicker'];
 }
-export declare type YearAndMonthState = YearAndMonthFoundationState;
+export type YearAndMonthState = YearAndMonthFoundationState;
 declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonthState> {
     static propTypes: {
         currentYear: PropTypes.Requireable<object>;

package/lib/es/datePicker/yearAndMonth.js

@@ -1,7 +1,6 @@
 import _isEqual from "lodash/isEqual";
 import _stubFalse from "lodash/stubFalse";
 import _noop from "lodash/noop";
-
 /* eslint-disable max-len */
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -16,35 +15,28 @@ import { BASE_CLASS_PREFIX } from '@douyinfe/semi-foundation/lib/es/base/constan
 import { setYear, setMonth, set } from 'date-fns';
 import { strings } from '@douyinfe/semi-foundation/lib/es/datePicker/constants';
 const prefixCls = `${BASE_CLASS_PREFIX}-datepicker`;
-
 class YearAndMonth extends BaseComponent {
   constructor(props) {
     super(props);
-
     this.selectYear = (item, panelType) => {
       this.foundation.selectYear(item, panelType);
     };
-
     this.selectMonth = (item, panelType) => {
       this.foundation.selectMonth(item, panelType);
     };
-
     this.reselect = () => {
       const refKeys = ['yearRef', 'monthRef'];
       refKeys.forEach(key => {
         const ref = this[key];
-
         if (ref && ref.current && ref.current.scrollToIndex) {
           ref.current.scrollToIndex();
         }
       });
     };
-
     this.backToMain = e => {
       e.nativeEvent.stopImmediatePropagation();
       this.foundation.backToMain();
     };
-
     const now = new Date();
     let {
       currentYear,
@@ -76,7 +68,6 @@ class YearAndMonth extends BaseComponent {
     this.monthRef = /*#__PURE__*/React.createRef();
     this.foundation = new YearAndMonthFoundation(this.adapter);
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       // updateYears: years => this.setState({ years }),
@@ -106,21 +97,16 @@ class YearAndMonth extends BaseComponent {
       notifyBackToMain: () => this.props.onBackToMain()
     });
   }
-
   static getDerivedStateFromProps(props, state) {
     const willUpdateStates = {};
-
     if (!_isEqual(props.currentYear, state.currentYear) && props.currentYear.left !== 0) {
       willUpdateStates.currentYear = props.currentYear;
     }
-
     if (!_isEqual(props.currentMonth, state.currentMonth) && props.currentMonth.left !== 0) {
       willUpdateStates.currentMonth = props.currentMonth;
     }
-
     return willUpdateStates;
   }
-
   renderColYear(panelType) {
     const {
       years,
@@ -137,7 +123,6 @@ class YearAndMonth extends BaseComponent {
     const currentDate = setMonth(Date.now(), currentMonth[panelType] - 1);
     const left = strings.PANEL_TYPE_LEFT;
     const right = strings.PANEL_TYPE_RIGHT;
-
     const needDisabled = year => {
       if (panelType === right && currentYear[left]) {
         if (currentMonth[left] <= currentMonth[right]) {
@@ -146,10 +131,8 @@ class YearAndMonth extends BaseComponent {
           return currentYear[left] >= year;
         }
       }
-
       return false;
     };
-
     const list = years.map(_ref => {
       let {
         value,
@@ -171,14 +154,11 @@ class YearAndMonth extends BaseComponent {
         disabled: isAllMonthDisabled || isRightPanelDisabled
       };
     });
-
     let transform = val => val;
-
     if (localeCode === 'zh-CN' || localeCode === 'zh-TW') {
       // Only Chinese needs to add [year] after the selected year
       transform = val => `${val}年`;
     }
-
     return /*#__PURE__*/React.createElement(ScrollItem, Object.assign({
       ref: this.yearRef,
       cycled: yearCycled,
@@ -190,7 +170,6 @@ class YearAndMonth extends BaseComponent {
       mode: "normal"
     }, yearAndMonthOpts));
   }
-
   renderColMonth(panelType) {
     const {
       months,
@@ -204,19 +183,15 @@ class YearAndMonth extends BaseComponent {
       disabledDate,
       yearAndMonthOpts
     } = this.props;
-
     let transform = val => val;
-
     const currentDate = setYear(Date.now(), currentYear[panelType]);
     const left = strings.PANEL_TYPE_LEFT;
     const right = strings.PANEL_TYPE_RIGHT;
-
     if (localeCode === 'zh-CN' || localeCode === 'zh-TW') {
       // Only Chinese needs to add [month] after the selected month
       transform = val => `${val}月`;
-    } // i18n
-
-
+    }
+    // i18n
     const list = months.map(_ref3 => {
       let {
         value,
@@ -227,9 +202,9 @@ class YearAndMonth extends BaseComponent {
         month,
         disabled: disabledDate(setMonth(currentDate, month - 1)) || isRightPanelDisabled,
         value: locale.fullMonths[value] // Actual rendered text
-
       };
     });
+
     const selectedIndex = list.findIndex(item => item.month === currentMonth[panelType]);
     return /*#__PURE__*/React.createElement(ScrollItem, Object.assign({
       ref: this.monthRef,
@@ -242,11 +217,9 @@ class YearAndMonth extends BaseComponent {
       mode: 'normal'
     }, yearAndMonthOpts));
   }
-
   renderPanel(panelType) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ScrollList, null, this.renderColYear(panelType), this.renderColMonth(panelType)));
   }
-
   render() {
     const {
       locale,
@@ -258,15 +231,14 @@ class YearAndMonth extends BaseComponent {
       type
     } = this.props;
     const prefix = `${prefixCls}-yearmonth-header`;
-    const bodyCls = `${prefixCls}-yearmonth-body`; // i18n
-
+    const bodyCls = `${prefixCls}-yearmonth-body`;
+    // i18n
     const selectDateText = locale.selectDate;
     const iconSize = density === 'compact' ? 'default' : 'large';
     const buttonSize = density === 'compact' ? 'small' : 'default';
     const panelTypeLeft = strings.PANEL_TYPE_LEFT;
     const panelTypeRight = strings.PANEL_TYPE_RIGHT;
     let content = null;
-
     if (type === 'month') {
       content = this.renderPanel(panelTypeLeft);
     } else {
@@ -274,7 +246,6 @@ class YearAndMonth extends BaseComponent {
         className: bodyCls
       }, this.renderPanel(panelTypeLeft), this.renderPanel(panelTypeRight));
     }
-
     return /*#__PURE__*/React.createElement(React.Fragment, null, noBackBtn ? null : /*#__PURE__*/React.createElement("div", {
       className: prefix
     }, /*#__PURE__*/React.createElement(IconButton, {
@@ -291,9 +262,7 @@ class YearAndMonth extends BaseComponent {
       }
     }, presetPosition === "left" && type !== 'monthRange' && renderQuickControls, /*#__PURE__*/React.createElement("div", null, renderDateInput, content), presetPosition === "right" && type !== 'monthRange' && renderQuickControls) : /*#__PURE__*/React.createElement(React.Fragment, null, renderDateInput, content));
   }
-
 }
-
 YearAndMonth.propTypes = {
   currentYear: PropTypes.object,
   currentMonth: PropTypes.object,

package/lib/es/descriptions/descriptions-context.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type DescriptionsAlign = 'center' | 'justify' | 'left' | 'plain';
+export type DescriptionsAlign = 'center' | 'justify' | 'left' | 'plain';
 export interface DescriptionsContextValue {
     align?: DescriptionsAlign;
 }