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

package/lib/cjs/datePicker/month.js

@@ -4,36 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-
 var _stubFalse2 = _interopRequireDefault(require("lodash/stubFalse"));
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _monthFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/datePicker/monthFoundation"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/datePicker/constants");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _index = require("@douyinfe/semi-foundation/lib/cjs/datePicker/_utils/index");
-
 var _dateFns = require("date-fns");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable jsx-a11y/click-events-have-key-events,jsx-a11y/no-noninteractive-element-interactions */
-
 /* eslint-disable max-len */
-const prefixCls = _constants.cssClasses.PREFIX;
 
+const prefixCls = _constants.cssClasses.PREFIX;
 class Month extends _baseComponent.default {
   constructor(props) {
     super(props);
@@ -48,7 +34,6 @@ class Month extends _baseComponent.default {
     };
     this.monthRef = /*#__PURE__*/_react.default.createRef();
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       updateToday: todayText => this.setState({
@@ -68,22 +53,18 @@ class Month extends _baseComponent.default {
       notifyWeeksRowNumChange: weeksRowNum => this.props.onWeeksRowNumChange(weeksRowNum)
     });
   }
-
   componentDidMount() {
     this.foundation = new _monthFoundation.default(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
@@ -104,22 +85,18 @@ class Month extends _baseComponent.default {
     const isToday = fullDate === todayText;
     const isSelected = selected.has(fullDate);
     let isDisabled = disabledDate && disabledDate((0, _dateFns.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 = (0, _index.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 = (0, _index.isBefore)(fullDate, rangeStart.trim().split(/\s+/)[0]);
     }
-
     return {
       isToday,
       isSelected,
       isDisabled // Disabled
-
     };
   }
 
@@ -132,28 +109,21 @@ class Month extends _baseComponent.default {
       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 = (0, _index.isSameDay)(hoverDay, fullDate); // When one is selected
+    }
+    // The range selects the hover date, and the normal hover is .semi-datepicker-main: hover
+    const _isHoverDay = (0, _index.isSameDay)(hoverDay, fullDate);
+    // When one is selected
     // eslint-disable-next-line one-var
-
-
     let _isHoverAfterStart, _isHoverBeforeEnd, isSelectedStart, isSelectedEnd, isHoverDayAroundOneSelected;
-
     if (rangeStart) {
       isSelectedStart = (0, _index.isSameDay)(fullDate, rangeStart);
-
       if (rangeInputFocus === 'rangeEnd') {
         _isHoverAfterStart = (0, _index.isBetween)(fullDate, {
           start: rangeStart,
@@ -161,10 +131,8 @@ class Month extends _baseComponent.default {
         });
       }
     }
-
     if (rangeEnd) {
       isSelectedEnd = (0, _index.isSameDay)(fullDate, rangeEnd);
-
       if (rangeInputFocus === 'rangeStart') {
         _isHoverBeforeEnd = (0, _index.isBetween)(fullDate, {
           start: hoverDay,
@@ -172,28 +140,22 @@ class Month extends _baseComponent.default {
         });
       }
     }
-
     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 = (0, _index.isBetween)(fullDate, {
         start: rangeStart,
         end: rangeEnd
       });
-
       if (!_isOffsetDateRangeAnyExist) {
         isSelectedStartAfterHover = isSelectedStart && (0, _index.isAfter)(rangeStart, hoverDay);
         isSelectedEndBeforeHover = isSelectedEnd && (0, _index.isBefore)(rangeEnd, hoverDay);
@@ -205,7 +167,6 @@ class Month extends _baseComponent.default {
         });
       }
     }
-
     return {
       isHoverDay: _isHoverDay,
       isSelectedStart,
@@ -218,7 +179,6 @@ class Month extends _baseComponent.default {
       isHoverDayInStartSelection,
       isHoverDayInEndSelection,
       isHoverDayAroundOneSelected // Hover date and select a date
-
     };
   }
 
@@ -230,56 +190,44 @@ class Month extends _baseComponent.default {
       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 = (0, _index.isBetween)(fullDate, {
       start: rangeStart,
       end: rangeEnd
     });
-
     const _isHoverDay = (0, _index.isSameDay)(hoverDay, fullDate);
-
     const _isSelectedStart = rangeStart && (0, _index.isSameDay)(fullDate, rangeStart);
-
     const _isSelectedEnd = rangeEnd && (0, _index.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 = (0, _index.isSameDay)(fullDate, offsetRangeStart);
     const isOffsetRangeEnd = (0, _index.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 || (0, _index.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)
-
     };
   }
   /**
@@ -288,8 +236,6 @@ class Month extends _baseComponent.default {
    * @param {Object} options
    * @returns {Object}
    */
-
-
   getDayStatus(currentDay, options) {
     const {
       fullDate
@@ -330,12 +276,11 @@ class Month extends _baseComponent.default {
       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
@@ -344,8 +289,8 @@ class Month extends _baseComponent.default {
     const weekdayItemCls = (0, _classnames.default)(`${prefixCls}-weekday-item`);
     const {
       weekdays
-    } = this.state; // i18n
-
+    } = this.state;
+    // i18n
     const weekdaysText = weekdays.map(key => locale.weeks[key]);
     return /*#__PURE__*/_react.default.createElement("div", {
       role: "row",
@@ -356,7 +301,6 @@ class Month extends _baseComponent.default {
       className: weekdayItemCls
     }, E)));
   }
-
   renderWeeks() {
     const {
       month
@@ -368,21 +312,18 @@ class Month extends _baseComponent.default {
       weeksRowNum
     } = this.props;
     let style = {};
-
     if (weeksRowNum) {
       const height = weeksRowNum * _constants.numbers.WEEK_HEIGHT;
       style = {
         height
       };
     }
-
     const weeksCls = (0, _classnames.default)(_constants.cssClasses.WEEKS);
     return /*#__PURE__*/_react.default.createElement("div", {
       className: weeksCls,
       style: style
     }, weeks.map((week, weekIndex) => this.renderWeek(week, weekIndex)));
   }
-
   renderWeek(week, weekIndex) {
     const weekCls = _constants.cssClasses.WEEK;
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -391,7 +332,6 @@ class Month extends _baseComponent.default {
       key: weekIndex
     }, week.map((day, dayIndex) => this.renderDay(day, dayIndex)));
   }
-
   renderDay(day, dayIndex) {
     const {
       todayText
@@ -404,7 +344,6 @@ class Month extends _baseComponent.default {
       fullDate,
       dayNumber
     } = day;
-
     if (!fullDate) {
       return /*#__PURE__*/_react.default.createElement("div", {
         role: "gridcell",
@@ -413,7 +352,6 @@ class Month extends _baseComponent.default {
         className: _constants.cssClasses.DAY
       }, /*#__PURE__*/_react.default.createElement("span", null));
     }
-
     const dayStatus = this.getDayStatus(day, Object.assign({
       todayText
     }, this.props));
@@ -459,7 +397,6 @@ class Month extends _baseComponent.default {
       className: dayMainCls
     }, (0, _isFunction2.default)(renderDate) ? renderDate(dayNumber, fullDate) : /*#__PURE__*/_react.default.createElement("span", null, dayNumber)));
   }
-
   render() {
     const {
       forwardRef,
@@ -476,9 +413,7 @@ class Month extends _baseComponent.default {
       className: monthCls
     }, weekday, weeks);
   }
-
 }
-
 exports.default = Month;
 Month.propTypes = {
   month: _propTypes.default.object,

package/lib/cjs/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">;