@douyinfe/semi-foundation 2.25.2 → 2.25.4

package/datePicker/monthsGridFoundation.ts

@@ -55,7 +55,8 @@ export type YearMonthChangeType = 'prevMonth' | 'nextMonth' | 'prevYear' | 'next
 
 export interface MonthsGridFoundationProps extends MonthsGridElementProps {
     type?: Type;
-    defaultValue?: ValueType;
+    /** may be null if selection is not complete when type is dateRange or dateTimeRange */
+    defaultValue?: (Date | null)[];
     defaultPickerValue?: ValueType;
     multiple?: boolean;
     max?: number;
@@ -96,7 +97,11 @@ export interface MonthsGridFoundationProps extends MonthsGridElementProps {
 }
 
 export interface MonthInfo {
+    /** The date displayed in the current date panel, update when switching year and month */
     pickerDate: Date;
+    /**
+     * Default date or selected date (when selected)
+     */
     showDate: Date;
     isTimePickerOpen: boolean;
     isYearPickerOpen: boolean
@@ -167,22 +172,22 @@ export default class MonthsGridFoundation extends BaseFoundation<MonthsGridAdapt
         }
     }
 
-    updateSelectedFromProps(values: ValueType, refreshPicker = true) {
+    updateSelectedFromProps(values: (Date | null)[], refreshPicker = true) {
         const type: Type = this.getProp('type');
         const { selected, rangeStart, rangeEnd } = this.getStates();
-        if (values && (values as BaseValueType[]).length) {
+        if (values && values?.length) {
             switch (type) {
                 case 'date':
-                    this._initDatePickerFromValue(values as BaseValueType[], refreshPicker);
+                    this._initDatePickerFromValue(values, refreshPicker);
                     break;
                 case 'dateRange':
-                    this._initDateRangePickerFromValue(values as BaseValueType[]);
+                    this._initDateRangePickerFromValue(values);
                     break;
                 case 'dateTime':
-                    this._initDateTimePickerFromValue(values as BaseValueType[]);
+                    this._initDateTimePickerFromValue(values);
                     break;
                 case 'dateTimeRange':
-                    this._initDateTimeRangePickerFormValue(values as BaseValueType[]);
+                    this._initDateTimeRangePickerFormValue(values);
                     break;
                 default:
                     break;
@@ -222,7 +227,7 @@ export default class MonthsGridFoundation extends BaseFoundation<MonthsGridAdapt
         }
     }
 
-    _initDatePickerFromValue(values: BaseValueType[], refreshPicker = true) {
+    _initDatePickerFromValue(values: Date[], refreshPicker = true) {
         const monthLeft = this.getState('monthLeft');
         const newMonthLeft = { ...monthLeft };
         // REMOVE:
@@ -244,16 +249,32 @@ export default class MonthsGridFoundation extends BaseFoundation<MonthsGridAdapt
         this._adapter.updateDaySelected(newSelected);
     }
 
-    _initDateRangePickerFromValue(values: BaseValueType[], withTime = false) {
+    _initDateRangePickerFromValue(values: (Date | null)[], withTime = false) {
         // init month panel
-        const monthLeft = this.getState('monthLeft');
-        const monthRight = this.getState('monthRight');
+        const monthLeft = this.getState('monthLeft') as MonthsGridFoundationState['monthLeft'];
+        const monthRight = this.getState('monthRight') as MonthsGridFoundationState['monthRight'];
         const adjustResult = this._autoAdjustMonth(
             { ...monthLeft, pickerDate: values[0] || monthLeft.pickerDate },
             { ...monthRight, pickerDate: values[1] || monthRight.pickerDate }
         );
-        this.handleShowDateAndTime(strings.PANEL_TYPE_LEFT, adjustResult.monthLeft.pickerDate);
-        this.handleShowDateAndTime(strings.PANEL_TYPE_RIGHT, adjustResult.monthRight.pickerDate);
+
+        const validValue = Array.isArray(values) && values.filter(item => item).length > 1;
+        if (validValue) {
+            this.handleShowDateAndTime(strings.PANEL_TYPE_LEFT, adjustResult.monthLeft.pickerDate);
+            this.handleShowDateAndTime(strings.PANEL_TYPE_RIGHT, adjustResult.monthRight.pickerDate);
+        } else {
+            const selectedDate = values.find(item => item) as Date;
+            // 如果日期不完整且输入日期不在面板范围内，则更新面板
+            if (selectedDate) {                
+                const notLeftMonth = selectedDate?.getMonth() !== monthLeft.pickerDate.getMonth();
+                const notRightMonth = selectedDate?.getMonth() !== monthRight.pickerDate.getMonth();
+    
+                if (notLeftMonth && notRightMonth) {
+                    this.handleShowDateAndTime(strings.PANEL_TYPE_LEFT, adjustResult.monthLeft.pickerDate);
+                    this.handleShowDateAndTime(strings.PANEL_TYPE_RIGHT, adjustResult.monthRight.pickerDate);
+                }
+            }
+        }
 
         // init range
         const formatToken = withTime ? strings.FORMAT_DATE_TIME : strings.FORMAT_FULL_DATE;
@@ -268,11 +289,11 @@ export default class MonthsGridFoundation extends BaseFoundation<MonthsGridAdapt
         this._adapter.setHoverDay(rangeEnd);
     }
 
-    _initDateTimePickerFromValue(values: BaseValueType[]) {
+    _initDateTimePickerFromValue(values: Date[]) {
         this._initDatePickerFromValue(values);
     }
 
-    _initDateTimeRangePickerFormValue(values: BaseValueType[]) {
+    _initDateTimeRangePickerFormValue(values: (Date | null)[]) {
         this._initDateRangePickerFromValue(values, true);
     }
 

package/lib/cjs/anchor/constants.js

@@ -8,7 +8,7 @@ exports.strings = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-anchor")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-anchor`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/anchor/foundation.js

@@ -58,12 +58,12 @@ class AnchorFoundation extends _foundation.default {
 
 
     this.setScrollHeight = () => {
-      const anchorWrapper = ".".concat(prefixCls, "-link-wrapper");
+      const anchorWrapper = `.${prefixCls}-link-wrapper`;
 
       const anchorNode = this._adapter.getAnchorNode(anchorWrapper);
 
       if (anchorNode) {
-        const scrollHeight = "".concat(anchorNode.scrollHeight, "px");
+        const scrollHeight = `${anchorNode.scrollHeight}px`;
 
         this._adapter.setScrollHeight(scrollHeight);
       }
@@ -246,7 +246,7 @@ class AnchorFoundation extends _foundation.default {
     };
 
     this._setActiveSlide = () => {
-      const activeClass = ".".concat(_constants.cssClasses.PREFIX, "-link-title-active");
+      const activeClass = `.${_constants.cssClasses.PREFIX}-link-title-active`;
 
       const linkNode = this._adapter.getAnchorNode(activeClass);
 

package/lib/cjs/autoComplete/constants.js

@@ -10,9 +10,9 @@ var _constants = require("../tooltip/constants");
 var _constants2 = require("../base/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants2.BASE_CLASS_PREFIX, "-autocomplete"),
-  PREFIX_OPTION: "".concat(_constants2.BASE_CLASS_PREFIX, "-autoComplete-option"),
-  PREFIX_GROUP: "".concat(_constants2.BASE_CLASS_PREFIX, "-autoComplete-group")
+  PREFIX: `${_constants2.BASE_CLASS_PREFIX}-autocomplete`,
+  PREFIX_OPTION: `${_constants2.BASE_CLASS_PREFIX}-autoComplete-option`,
+  PREFIX_GROUP: `${_constants2.BASE_CLASS_PREFIX}-autoComplete-group`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/avatar/constants.js

@@ -8,7 +8,7 @@ exports.strings = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-avatar")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-avatar`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/backtop/constants.js

@@ -8,7 +8,7 @@ exports.strings = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-backtop")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-backtop`
 };
 exports.cssClasses = cssClasses;
 const strings = {};

package/lib/cjs/badge/constants.js

@@ -8,7 +8,7 @@ exports.strings = exports.numbers = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-badge")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-badge`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/banner/constants.js

@@ -8,7 +8,7 @@ exports.strings = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-banner")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-banner`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/breadcrumb/constants.js

@@ -8,7 +8,7 @@ exports.strings = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-breadcrumb")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-breadcrumb`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/button/constants.js

@@ -8,7 +8,7 @@ exports.strings = exports.numbers = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-button")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-button`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/calendar/constants.js

@@ -8,7 +8,7 @@ exports.strings = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-calendar")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-calendar`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/card/constants.js

@@ -8,7 +8,7 @@ exports.strings = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-card")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-card`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/carousel/constants.js

@@ -8,15 +8,15 @@ exports.strings = exports.numbers = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
 
 const cssClasses = {
-  CAROUSEL: "".concat(_constants.BASE_CLASS_PREFIX, "-carousel"),
-  CAROUSEL_INDICATOR: "".concat(_constants.BASE_CLASS_PREFIX, "-carousel-indicator"),
-  CAROUSEL_INDICATOR_LINE: "".concat(_constants.BASE_CLASS_PREFIX, "-carousel-indicator-line"),
-  CAROUSEL_INDICATOR_DOT: "".concat(_constants.BASE_CLASS_PREFIX, "-carousel-indicator-dot"),
-  CAROUSEL_INDICATOR_COLUMNAR: "".concat(_constants.BASE_CLASS_PREFIX, "-carousel-indicator-columnar"),
-  CAROUSEL_INDICATOR_INACTIVE: "".concat(_constants.BASE_CLASS_PREFIX, "-carousel-indicator-inactive"),
-  CAROUSEL_INDICATOR_ACTIVE: "".concat(_constants.BASE_CLASS_PREFIX, "-carousel-indicator-active"),
-  CAROUSEL_CONTENT: "".concat(_constants.BASE_CLASS_PREFIX, "-carousel-content"),
-  CAROUSEL_ARROW: "".concat(_constants.BASE_CLASS_PREFIX, "-carousel-arrow")
+  CAROUSEL: `${_constants.BASE_CLASS_PREFIX}-carousel`,
+  CAROUSEL_INDICATOR: `${_constants.BASE_CLASS_PREFIX}-carousel-indicator`,
+  CAROUSEL_INDICATOR_LINE: `${_constants.BASE_CLASS_PREFIX}-carousel-indicator-line`,
+  CAROUSEL_INDICATOR_DOT: `${_constants.BASE_CLASS_PREFIX}-carousel-indicator-dot`,
+  CAROUSEL_INDICATOR_COLUMNAR: `${_constants.BASE_CLASS_PREFIX}-carousel-indicator-columnar`,
+  CAROUSEL_INDICATOR_INACTIVE: `${_constants.BASE_CLASS_PREFIX}-carousel-indicator-inactive`,
+  CAROUSEL_INDICATOR_ACTIVE: `${_constants.BASE_CLASS_PREFIX}-carousel-indicator-active`,
+  CAROUSEL_CONTENT: `${_constants.BASE_CLASS_PREFIX}-carousel-content`,
+  CAROUSEL_ARROW: `${_constants.BASE_CLASS_PREFIX}-carousel-arrow`
 };
 exports.cssClasses = cssClasses;
 const numbers = {

package/lib/cjs/cascader/constants.js

@@ -8,8 +8,8 @@ exports.strings = exports.numbers = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-cascader"),
-  PREFIX_OPTION: "".concat(_constants.BASE_CLASS_PREFIX, "-cascader-option")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-cascader`,
+  PREFIX_OPTION: `${_constants.BASE_CLASS_PREFIX}-cascader-option`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/cascader/foundation.js

@@ -321,7 +321,7 @@ class CascaderFoundation extends _foundation.default {
       }
     } else if (value && value.length) {
       const val = valuePath[valuePath.length - 1];
-      const key = "not-exist-".concat(val);
+      const key = `not-exist-${val}`;
       const optionNotExist = {
         data: {
           label: val,

package/lib/cjs/cascader/util.js

@@ -20,7 +20,7 @@ var _constants = require("./constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function getPosition(level, index) {
-  return "".concat(level, "-").concat(index);
+  return `${level}-${index}`;
 }
 
 function isValid(val) {
@@ -45,7 +45,7 @@ function traverseDataNodes(treeNodes, callback) {
     let item = null; // Process node if is not root
 
     if (node) {
-      const key = parent ? getPosition(parent.key, ind) : "".concat(ind);
+      const key = parent ? getPosition(parent.key, ind) : `${ind}`;
       item = {
         data: Object.assign({}, node),
         ind,

package/lib/cjs/checkbox/constants.js

@@ -8,23 +8,23 @@ exports.strings = exports.numbers = exports.checkboxGroupClasses = exports.check
 var _constants = require("../base/constants");
 
 const checkboxClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-checkbox"),
-  INNER: "".concat(_constants.BASE_CLASS_PREFIX, "-checkbox-inner"),
-  TEXT: "".concat(_constants.BASE_CLASS_PREFIX, "-checkbox-text"),
-  INPUT: "".concat(_constants.BASE_CLASS_PREFIX, "-checkbox-input"),
-  CHECKED: "".concat(_constants.BASE_CLASS_PREFIX, "-checkbox-checked"),
-  DISABLED: "".concat(_constants.BASE_CLASS_PREFIX, "-checkbox-disabled"),
-  BUTTON: "".concat(_constants.BASE_CLASS_PREFIX, "-checkbox-button"),
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-checkbox`,
+  INNER: `${_constants.BASE_CLASS_PREFIX}-checkbox-inner`,
+  TEXT: `${_constants.BASE_CLASS_PREFIX}-checkbox-text`,
+  INPUT: `${_constants.BASE_CLASS_PREFIX}-checkbox-input`,
+  CHECKED: `${_constants.BASE_CLASS_PREFIX}-checkbox-checked`,
+  DISABLED: `${_constants.BASE_CLASS_PREFIX}-checkbox-disabled`,
+  BUTTON: `${_constants.BASE_CLASS_PREFIX}-checkbox-button`,
   WRAPPER: ''
 };
 exports.checkboxClasses = checkboxClasses;
 const checkboxGroupClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-checkboxGroup"),
-  INNER: "".concat(_constants.BASE_CLASS_PREFIX, "-checkboxGroup-inner"),
-  TEXT: "".concat(_constants.BASE_CLASS_PREFIX, "-checkboxGroup-text"),
-  INPUT: "".concat(_constants.BASE_CLASS_PREFIX, "-checkboxGroup-input"),
-  CHECKED: "".concat(_constants.BASE_CLASS_PREFIX, "-checkboxGroup-checked"),
-  DISABLED: "".concat(_constants.BASE_CLASS_PREFIX, "-checkboxGroup-disabled")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-checkboxGroup`,
+  INNER: `${_constants.BASE_CLASS_PREFIX}-checkboxGroup-inner`,
+  TEXT: `${_constants.BASE_CLASS_PREFIX}-checkboxGroup-text`,
+  INPUT: `${_constants.BASE_CLASS_PREFIX}-checkboxGroup-input`,
+  CHECKED: `${_constants.BASE_CLASS_PREFIX}-checkboxGroup-checked`,
+  DISABLED: `${_constants.BASE_CLASS_PREFIX}-checkboxGroup-disabled`
 };
 exports.checkboxGroupClasses = checkboxGroupClasses;
 const strings = {

package/lib/cjs/collapse/constants.js

@@ -8,7 +8,7 @@ exports.strings = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-collapse")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-collapse`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/collapsible/constants.js

@@ -8,6 +8,6 @@ exports.cssClasses = void 0;
 var _constants = require("../base/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-collapsible")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-collapsible`
 };
 exports.cssClasses = cssClasses;

package/lib/cjs/datePicker/_utils/getInsetInputFormatToken.js

@@ -36,7 +36,7 @@ function getInsetInputFormatToken(options) {
     case 'dateTime':
     case 'dateTimeRange':
       const dateTimeResult = dateTimeReg.exec(format);
-      insetInputFormat = dateTimeResult && dateTimeResult[1] && dateTimeResult[2] ? "".concat(dateTimeResult[1], " ").concat(dateTimeResult[2]) : defaultToken;
+      insetInputFormat = dateTimeResult && dateTimeResult[1] && dateTimeResult[2] ? `${dateTimeResult[1]} ${dateTimeResult[2]}` : defaultToken;
       break;
 
     case 'date':

package/lib/cjs/datePicker/_utils/getMonthTable.js

@@ -17,9 +17,9 @@ function formatFullDate() {
   let month = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   let day = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   let dateStr = '';
-  const monthFull = typeof month === 'number' && month < 10 ? "0".concat(month) : month.toString();
-  const dayNumberFull = typeof day === 'number' && day < 10 ? "0".concat(day) : day.toString();
-  dateStr = "".concat(String(year), "-").concat(monthFull, "-").concat(dayNumberFull);
+  const monthFull = typeof month === 'number' && month < 10 ? `0${month}` : month.toString();
+  const dayNumberFull = typeof day === 'number' && day < 10 ? `0${day}` : day.toString();
+  dateStr = `${String(year)}-${monthFull}-${dayNumberFull}`;
   return dateStr;
 }
 
@@ -53,7 +53,7 @@ function getWeeks(date) {
 
   for (let d = 0; d < daysInMonth; d++) {
     const dayNumber = d + 1;
-    const dayNumberFull = dayNumber < 10 ? "0".concat(dayNumber) : dayNumber.toString();
+    const dayNumberFull = dayNumber < 10 ? `0${dayNumber}` : dayNumber.toString();
     const fullDate = formatFullDate(year, month, dayNumber);
     week.push({
       dayNumber,

package/lib/cjs/datePicker/_utils/getMonthsInYear.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 const getMonthsInYear = year => Array.from({
   length: 12
-}, (v, i) => "".concat(year, "-").concat(i + 1));
+}, (v, i) => `${year}-${i + 1}`);
 
 var _default = getMonthsInYear;
 exports.default = _default;

package/lib/cjs/datePicker/constants.js

@@ -10,35 +10,35 @@ var _constants = require("../base/constants");
 var _constants2 = require("../popover/constants");
 
 const dayItemClasses = {
-  DAY_TODAY: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day-today"),
-  DAY_IN_RANGE: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day-inrange"),
-  DAY_HOVER: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day-inhover"),
-  DAY_SELECTED: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day-selected"),
-  DAY_SELECTED_START: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day-selected-start"),
-  DAY_SELECTED_END: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day-selected-end"),
-  DAY_DISABLED: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day-disabled"),
-  DAY_HOVER_DAY: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day-hoverday"),
-  DAY_HOVER_DAY_OFFSET: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day-hoverday-offset"),
-  DAY_IN_OFFSET_RANGE: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day-inoffsetrange"),
-  DAY_SELECTED_RANGE_HOVER: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day-selectedrange-hover"),
-  DAY_OFFSET_RANGE_START: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day-offsetrange-start"),
-  DAY_OFFSET_RANGE_END: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day-offsetrange-end"),
-  DAY_SELECTED_START_AFTER_HOVER: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day-selected-start-afterhover"),
-  DAY_SELECTED_END_BEFORE_HOVER: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day-selected-end-beforehover"),
-  DAY_HOVER_DAY_BEFORE_RANGE: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day-hoverday-beforerange"),
-  DAY_HOVER_DAY_AFTER_RANGE: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day-hoverday-afterrange"),
-  DAY_HOVER_DAY_IN_RANGE: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day-hoverday-inrange"),
-  DAY_HOVER_DAY_AROUND_SINGLE_SELECTED: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day-hoverday-around-singleselected")
+  DAY_TODAY: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-today`,
+  DAY_IN_RANGE: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-inrange`,
+  DAY_HOVER: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-inhover`,
+  DAY_SELECTED: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-selected`,
+  DAY_SELECTED_START: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-selected-start`,
+  DAY_SELECTED_END: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-selected-end`,
+  DAY_DISABLED: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-disabled`,
+  DAY_HOVER_DAY: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-hoverday`,
+  DAY_HOVER_DAY_OFFSET: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-hoverday-offset`,
+  DAY_IN_OFFSET_RANGE: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-inoffsetrange`,
+  DAY_SELECTED_RANGE_HOVER: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-selectedrange-hover`,
+  DAY_OFFSET_RANGE_START: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-offsetrange-start`,
+  DAY_OFFSET_RANGE_END: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-offsetrange-end`,
+  DAY_SELECTED_START_AFTER_HOVER: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-selected-start-afterhover`,
+  DAY_SELECTED_END_BEFORE_HOVER: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-selected-end-beforehover`,
+  DAY_HOVER_DAY_BEFORE_RANGE: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-hoverday-beforerange`,
+  DAY_HOVER_DAY_AFTER_RANGE: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-hoverday-afterrange`,
+  DAY_HOVER_DAY_IN_RANGE: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-hoverday-inrange`,
+  DAY_HOVER_DAY_AROUND_SINGLE_SELECTED: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-hoverday-around-singleselected`
 };
 const cssClasses = Object.assign({
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker"),
-  NAVIGATION: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-navigation"),
-  PANEL_YAM: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-panel-yam"),
-  MONTH: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-month"),
-  WEEKDAY: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-weekday"),
-  WEEKS: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-weeks"),
-  WEEK: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-week"),
-  DAY: "".concat(_constants.BASE_CLASS_PREFIX, "-datepicker-day")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-datepicker`,
+  NAVIGATION: `${_constants.BASE_CLASS_PREFIX}-datepicker-navigation`,
+  PANEL_YAM: `${_constants.BASE_CLASS_PREFIX}-datepicker-panel-yam`,
+  MONTH: `${_constants.BASE_CLASS_PREFIX}-datepicker-month`,
+  WEEKDAY: `${_constants.BASE_CLASS_PREFIX}-datepicker-weekday`,
+  WEEKS: `${_constants.BASE_CLASS_PREFIX}-datepicker-weeks`,
+  WEEK: `${_constants.BASE_CLASS_PREFIX}-datepicker-week`,
+  DAY: `${_constants.BASE_CLASS_PREFIX}-datepicker-day`
 }, dayItemClasses);
 exports.cssClasses = cssClasses;
 const formatToken = {

package/lib/cjs/datePicker/foundation.js

@@ -841,12 +841,12 @@ class DatePickerFoundation extends _foundation.default {
           const endIsTruthy = !(0, _isNullOrUndefined.default)(dates[1]);
 
           if (startIsTruthy && endIsTruthy) {
-            str = "".concat(this.localeFormat(dates[0], formatToken)).concat(rangeSeparator).concat(this.localeFormat(dates[1], formatToken));
+            str = `${this.localeFormat(dates[0], formatToken)}${rangeSeparator}${this.localeFormat(dates[1], formatToken)}`;
           } else {
             if (startIsTruthy) {
-              str = "".concat(this.localeFormat(dates[0], formatToken)).concat(rangeSeparator);
+              str = `${this.localeFormat(dates[0], formatToken)}${rangeSeparator}`;
             } else if (endIsTruthy) {
-              str = "".concat(rangeSeparator).concat(this.localeFormat(dates[1], formatToken));
+              str = `${rangeSeparator}${this.localeFormat(dates[1], formatToken)}`;
             }
           }
 

package/lib/cjs/datePicker/inputFoundation.js

@@ -321,7 +321,7 @@ class InputFoundation extends _foundation.default {
       date,
       time
     } = _ref2;
-    return "".concat(date, " ").concat(time);
+    return `${date} ${time}`;
   }
 
   concatInsetDateRange(_ref3) {
@@ -334,7 +334,7 @@ class InputFoundation extends _foundation.default {
       rangeSeparator
     } = this._adapter.getProps();
 
-    return "".concat(rangeStart).concat(rangeSeparator).concat(rangeEnd);
+    return `${rangeStart}${rangeSeparator}${rangeEnd}`;
   }
 
   concatInsetInputValue(_ref4) {

package/lib/cjs/datePicker/monthsGridFoundation.d.ts

@@ -1,7 +1,7 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import { strings } from './constants';
 import { WeekStartNumber } from './_utils/getMonthTable';
-import { BaseValueType, PresetPosition, ValueType } from './foundation';
+import { PresetPosition, ValueType } from './foundation';
 import { MonthDayInfo } from './monthFoundation';
 import { ArrayElement } from '../utils/type';
 declare type Type = ArrayElement<typeof strings.TYPE_SET>;
@@ -15,7 +15,8 @@ export declare type PanelType = 'left' | 'right';
 export declare type YearMonthChangeType = 'prevMonth' | 'nextMonth' | 'prevYear' | 'nextYear';
 export interface MonthsGridFoundationProps extends MonthsGridElementProps {
     type?: Type;
-    defaultValue?: ValueType;
+    /** may be null if selection is not complete when type is dateRange or dateTimeRange */
+    defaultValue?: (Date | null)[];
     defaultPickerValue?: ValueType;
     multiple?: boolean;
     max?: number;
@@ -58,7 +59,11 @@ export interface MonthsGridFoundationProps extends MonthsGridElementProps {
     renderDateInput?: any;
 }
 export interface MonthInfo {
+    /** The date displayed in the current date panel, update when switching year and month */
     pickerDate: Date;
+    /**
+     * Default date or selected date (when selected)
+     */
     showDate: Date;
     isTimePickerOpen: boolean;
     isYearPickerOpen: boolean;
@@ -101,12 +106,12 @@ export default class MonthsGridFoundation extends BaseFoundation<MonthsGridAdapt
     constructor(adapter: MonthsGridAdapter);
     init(): void;
     initDefaultPickerValue(): void;
-    updateSelectedFromProps(values: ValueType, refreshPicker?: boolean): void;
+    updateSelectedFromProps(values: (Date | null)[], refreshPicker?: boolean): void;
     calcDisabledTime(panelType: PanelType): any;
-    _initDatePickerFromValue(values: BaseValueType[], refreshPicker?: boolean): void;
-    _initDateRangePickerFromValue(values: BaseValueType[], withTime?: boolean): void;
-    _initDateTimePickerFromValue(values: BaseValueType[]): void;
-    _initDateTimeRangePickerFormValue(values: BaseValueType[]): void;
+    _initDatePickerFromValue(values: Date[], refreshPicker?: boolean): void;
+    _initDateRangePickerFromValue(values: (Date | null)[], withTime?: boolean): void;
+    _initDateTimePickerFromValue(values: Date[]): void;
+    _initDateTimeRangePickerFormValue(values: (Date | null)[]): void;
     destroy(): void;
     /**
      * sync change another panel month when change months from the else yam panel

package/lib/cjs/datePicker/monthsGridFoundation.js

@@ -79,7 +79,7 @@ class MonthsGridFoundation extends _foundation.default {
       rangeEnd
     } = this.getStates();
 
-    if (values && values.length) {
+    if (values && (values === null || values === void 0 ? void 0 : values.length)) {
       switch (type) {
         case 'date':
           this._initDatePickerFromValue(values, refreshPicker);
@@ -191,8 +191,25 @@ class MonthsGridFoundation extends _foundation.default {
       pickerDate: values[1] || monthRight.pickerDate
     }));
 
-    this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_LEFT, adjustResult.monthLeft.pickerDate);
-    this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_RIGHT, adjustResult.monthRight.pickerDate); // init range
+    const validValue = Array.isArray(values) && values.filter(item => item).length > 1;
+
+    if (validValue) {
+      this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_LEFT, adjustResult.monthLeft.pickerDate);
+      this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_RIGHT, adjustResult.monthRight.pickerDate);
+    } else {
+      const selectedDate = values.find(item => item); // 如果日期不完整且输入日期不在面板范围内，则更新面板
+
+      if (selectedDate) {
+        const notLeftMonth = (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.getMonth()) !== monthLeft.pickerDate.getMonth();
+        const notRightMonth = (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.getMonth()) !== monthRight.pickerDate.getMonth();
+
+        if (notLeftMonth && notRightMonth) {
+          this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_LEFT, adjustResult.monthLeft.pickerDate);
+          this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_RIGHT, adjustResult.monthRight.pickerDate);
+        }
+      }
+    } // init range
+
 
     const formatToken = withTime ? _constants.strings.FORMAT_DATE_TIME : _constants.strings.FORMAT_FULL_DATE;
     let rangeStart = values[0] && (0, _dateFns.format)(values[0], formatToken);
@@ -704,7 +721,7 @@ class MonthsGridFoundation extends _foundation.default {
     const dateStr = (0, _dateFns.format)((0, _index.isValidDate)(date) ? date : (0, _parser.compatibleParse)(date, _constants.strings.FORMAT_FULL_DATE, undefined, dateFnsLocale), _constants.strings.FORMAT_FULL_DATE);
     const timeStr = (0, _dateFns.format)((0, _index.isValidDate)(time) ? time : (0, _parser.compatibleParse)(time, _constants.strings.FORMAT_TIME_PICKER, undefined, dateFnsLocale), _constants.strings.FORMAT_TIME_PICKER);
     const timeFormat = this.getValidTimeFormat();
-    return (0, _parser.compatibleParse)("".concat(dateStr, " ").concat(timeStr), timeFormat, undefined, dateFnsLocale);
+    return (0, _parser.compatibleParse)(`${dateStr} ${timeStr}`, timeFormat, undefined, dateFnsLocale);
   }
 
   handleRangeSelected(day) {

package/lib/cjs/descriptions/constants.js

@@ -8,7 +8,7 @@ exports.strings = exports.numbers = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-descriptions")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-descriptions`
 };
 exports.cssClasses = cssClasses;
 const strings = {