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

package/lib/es/datePicker/month.js

@@ -1,9 +1,7 @@
 import _isFunction from "lodash/isFunction";
 import _stubFalse from "lodash/stubFalse";
 import _noop from "lodash/noop";
-
 /* eslint-disable jsx-a11y/click-events-have-key-events,jsx-a11y/no-noninteractive-element-interactions */
-
 /* eslint-disable max-len */
 import React from 'react';
 import classNames from 'classnames';
@@ -28,7 +26,6 @@ export default class Month extends BaseComponent {
     };
     this.monthRef = /*#__PURE__*/React.createRef();
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       updateToday: todayText => this.setState({
@@ -48,22 +45,18 @@ export default class Month extends BaseComponent {
       notifyWeeksRowNumChange: weeksRowNum => this.props.onWeeksRowNumChange(weeksRowNum)
     });
   }
-
   componentDidMount() {
     this.foundation = new MonthFoundation(this.adapter);
     this.foundation.init();
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   componentDidUpdate(prevProps, prevState) {
     if (prevProps.month !== this.props.month) {
       this.foundation.getMonthTable();
     }
   }
-
   getSingleDayStatus(options) {
     const {
       rangeInputFocus
@@ -84,22 +77,18 @@ export default class Month extends BaseComponent {
     const isToday = fullDate === todayText;
     const isSelected = selected.has(fullDate);
     let isDisabled = disabledDate && disabledDate(parseISO(fullDate), disabledOptions);
-
     if (!isDisabled && this.props.rangeInputFocus === 'rangeStart' && rangeEnd && this.props.focusRecordsRef && this.props.focusRecordsRef.current.rangeEnd) {
       // The reason for splitting is that the dateRangeTime format: 'yyyy-MM-dd HH:MM:SS'
       isDisabled = isAfter(fullDate, rangeEnd.trim().split(/\s+/)[0]);
     }
-
     if (!isDisabled && this.props.rangeInputFocus === 'rangeEnd' && rangeStart && this.props.focusRecordsRef && this.props.focusRecordsRef.current.rangeStart) {
       // The reason for splitting is that the dateRangeTime format: 'yyyy-MM-dd HH:MM:SS'
       isDisabled = isBefore(fullDate, rangeStart.trim().split(/\s+/)[0]);
     }
-
     return {
       isToday,
       isSelected,
       isDisabled // Disabled
-
     };
   }
 
@@ -112,28 +101,21 @@ export default class Month extends BaseComponent {
       offsetRangeStart,
       offsetRangeEnd,
       rangeInputFocus
-    } = options; // If no item is selected, return the empty object directly
-
+    } = options;
+    // If no item is selected, return the empty object directly
     const _isDateRangeAnySelected = Boolean(rangeStart || rangeEnd);
-
     const _isDateRangeSelected = Boolean(rangeStart && rangeEnd);
-
     const _isOffsetDateRangeAnyExist = offsetRangeStart || offsetRangeEnd;
-
     if (!_isDateRangeAnySelected) {
       return {};
-    } // The range selects the hover date, and the normal hover is .semi-datepicker-main: hover
-
-
-    const _isHoverDay = isSameDay(hoverDay, fullDate); // When one is selected
+    }
+    // The range selects the hover date, and the normal hover is .semi-datepicker-main: hover
+    const _isHoverDay = isSameDay(hoverDay, fullDate);
+    // When one is selected
     // eslint-disable-next-line one-var
-
-
     let _isHoverAfterStart, _isHoverBeforeEnd, isSelectedStart, isSelectedEnd, isHoverDayAroundOneSelected;
-
     if (rangeStart) {
       isSelectedStart = isSameDay(fullDate, rangeStart);
-
       if (rangeInputFocus === 'rangeEnd') {
         _isHoverAfterStart = isBetween(fullDate, {
           start: rangeStart,
@@ -141,10 +123,8 @@ export default class Month extends BaseComponent {
         });
       }
     }
-
     if (rangeEnd) {
       isSelectedEnd = isSameDay(fullDate, rangeEnd);
-
       if (rangeInputFocus === 'rangeStart') {
         _isHoverBeforeEnd = isBetween(fullDate, {
           start: hoverDay,
@@ -152,28 +132,22 @@ export default class Month extends BaseComponent {
         });
       }
     }
-
     if (!_isDateRangeSelected && _isDateRangeAnySelected) {
       isHoverDayAroundOneSelected = _isHoverDay;
-    } // eslint-disable-next-line one-var
-
-
+    }
+    // eslint-disable-next-line one-var
     let isHover;
-
     if (!_isOffsetDateRangeAnyExist) {
       isHover = _isHoverAfterStart || _isHoverBeforeEnd || _isHoverDay;
-    } // Select all
+    }
+    // Select all
     // eslint-disable-next-line one-var
-
-
     let isInRange, isSelectedStartAfterHover, isSelectedEndBeforeHover, isHoverDayInStartSelection, isHoverDayInEndSelection, isHoverDayInRange;
-
     if (_isDateRangeSelected) {
       isInRange = isBetween(fullDate, {
         start: rangeStart,
         end: rangeEnd
       });
-
       if (!_isOffsetDateRangeAnyExist) {
         isSelectedStartAfterHover = isSelectedStart && isAfter(rangeStart, hoverDay);
         isSelectedEndBeforeHover = isSelectedEnd && isBefore(rangeEnd, hoverDay);
@@ -185,7 +159,6 @@ export default class Month extends BaseComponent {
         });
       }
     }
-
     return {
       isHoverDay: _isHoverDay,
       isSelectedStart,
@@ -198,7 +171,6 @@ export default class Month extends BaseComponent {
       isHoverDayInStartSelection,
       isHoverDayInEndSelection,
       isHoverDayAroundOneSelected // Hover date and select a date
-
     };
   }
 
@@ -210,56 +182,44 @@ export default class Month extends BaseComponent {
       rangeEnd,
       fullDate,
       hoverDay
-    } = options; // When there is no offset, return the empty object directly
-
+    } = options;
+    // When there is no offset, return the empty object directly
     const _isOffsetDateRangeNull = !(offsetRangeStart || offsetRangeEnd);
-
     if (_isOffsetDateRangeNull) {
       return {};
-    } // Range Select base date
-
-
+    }
+    // Range Select base date
     const _isInRange = isBetween(fullDate, {
       start: rangeStart,
       end: rangeEnd
     });
-
     const _isHoverDay = isSameDay(hoverDay, fullDate);
-
     const _isSelectedStart = rangeStart && isSameDay(fullDate, rangeStart);
-
     const _isSelectedEnd = rangeEnd && isSameDay(fullDate, rangeEnd);
-
-    const _isDateRangeSelected = Boolean(rangeStart && rangeEnd); // Determine whether it is offsetStart or offsetRangeEnd
-
-
+    const _isDateRangeSelected = Boolean(rangeStart && rangeEnd);
+    // Determine whether it is offsetStart or offsetRangeEnd
     const isOffsetRangeStart = isSameDay(fullDate, offsetRangeStart);
     const isOffsetRangeEnd = isSameDay(fullDate, offsetRangeEnd);
-    const isHoverDayOffset = _isHoverDay; // When selected
-
+    const isHoverDayOffset = _isHoverDay;
+    // When selected
     let isHoverInOffsetRange, isInOffsetRange;
-
     if (_isDateRangeSelected) {
       isHoverInOffsetRange = _isInRange && _isHoverDay;
-    } // When there is an offset area
-
-
+    }
+    // When there is an offset area
     const _isOffsetDateRangeSelected = Boolean(offsetRangeStart && offsetRangeEnd);
-
     if (_isOffsetDateRangeSelected) {
       isInOffsetRange = _isSelectedStart || isBetween(fullDate, {
         start: offsetRangeStart,
         end: offsetRangeEnd
       }) || _isSelectedEnd;
     }
-
     return {
       isOffsetRangeStart,
       isOffsetRangeEnd,
       isHoverInOffsetRange,
       isHoverDayOffset,
       isInOffsetRange // Include start and end within the week selection (start and end styles are the same as other dates, so start and end are included)
-
     };
   }
   /**
@@ -268,8 +228,6 @@ export default class Month extends BaseComponent {
    * @param {Object} options
    * @returns {Object}
    */
-
-
   getDayStatus(currentDay, options) {
     const {
       fullDate
@@ -310,12 +268,11 @@ export default class Month extends BaseComponent {
       rangeEnd,
       fullDate,
       hoverDay
-    }, singleDayStatus), dateRangeStatus)); // this parameter will pass to the user when given renderFullDate function, do not delete or modify its key
-
+    }, singleDayStatus), dateRangeStatus));
+    // this parameter will pass to the user when given renderFullDate function, do not delete or modify its key
     const dayStatus = Object.assign(Object.assign(Object.assign({}, singleDayStatus), dateRangeStatus), offsetDataStatus);
     return dayStatus;
   }
-
   renderDayOfWeek() {
     const {
       locale
@@ -324,8 +281,8 @@ export default class Month extends BaseComponent {
     const weekdayItemCls = classNames(`${prefixCls}-weekday-item`);
     const {
       weekdays
-    } = this.state; // i18n
-
+    } = this.state;
+    // i18n
     const weekdaysText = weekdays.map(key => locale.weeks[key]);
     return /*#__PURE__*/React.createElement("div", {
       role: "row",
@@ -336,7 +293,6 @@ export default class Month extends BaseComponent {
       className: weekdayItemCls
     }, E)));
   }
-
   renderWeeks() {
     const {
       month
@@ -348,21 +304,18 @@ export default class Month extends BaseComponent {
       weeksRowNum
     } = this.props;
     let style = {};
-
     if (weeksRowNum) {
       const height = weeksRowNum * numbers.WEEK_HEIGHT;
       style = {
         height
       };
     }
-
     const weeksCls = classNames(cssClasses.WEEKS);
     return /*#__PURE__*/React.createElement("div", {
       className: weeksCls,
       style: style
     }, weeks.map((week, weekIndex) => this.renderWeek(week, weekIndex)));
   }
-
   renderWeek(week, weekIndex) {
     const weekCls = cssClasses.WEEK;
     return /*#__PURE__*/React.createElement("div", {
@@ -371,7 +324,6 @@ export default class Month extends BaseComponent {
       key: weekIndex
     }, week.map((day, dayIndex) => this.renderDay(day, dayIndex)));
   }
-
   renderDay(day, dayIndex) {
     const {
       todayText
@@ -384,7 +336,6 @@ export default class Month extends BaseComponent {
       fullDate,
       dayNumber
     } = day;
-
     if (!fullDate) {
       return /*#__PURE__*/React.createElement("div", {
         role: "gridcell",
@@ -393,7 +344,6 @@ export default class Month extends BaseComponent {
         className: cssClasses.DAY
       }, /*#__PURE__*/React.createElement("span", null));
     }
-
     const dayStatus = this.getDayStatus(day, Object.assign({
       todayText
     }, this.props));
@@ -422,9 +372,7 @@ export default class Month extends BaseComponent {
       [`${cssClasses.DAY}-main`]: true
     });
     const fullDateArgs = [dayNumber, fullDate, dayStatus];
-
     const customRender = _isFunction(renderFullDate);
-
     return /*#__PURE__*/React.createElement("div", {
       role: "gridcell",
       tabIndex: dayStatus.isDisabled ? -1 : 0,
@@ -441,7 +389,6 @@ export default class Month extends BaseComponent {
       className: dayMainCls
     }, _isFunction(renderDate) ? renderDate(dayNumber, fullDate) : /*#__PURE__*/React.createElement("span", null, dayNumber)));
   }
-
   render() {
     const {
       forwardRef,
@@ -458,7 +405,6 @@ export default class Month extends BaseComponent {
       className: monthCls
     }, weekday, weeks);
   }
-
 }
 Month.propTypes = {
   month: PropTypes.object,

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

@@ -16,7 +16,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
     }>;
     yearAndMonthOpts?: ScrollItemProps<any>;
 }
-export declare type MonthsGridState = MonthsGridFoundationState;
+export type MonthsGridState = MonthsGridFoundationState;
 export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
     static propTypes: {
         type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;