@douyinfe/semi-foundation 2.30.0-alpha.0 → 2.30.0

package/datePicker/monthsGridFoundation.ts

@@ -228,12 +228,13 @@ export default class MonthsGridFoundation extends BaseFoundation<MonthsGridAdapt
     }
 
     _initDatePickerFromValue(values: Date[], refreshPicker = true) {
-        const monthLeft = this.getState('monthLeft');
+        const { monthLeft } = this._adapter.getStates();
         const newMonthLeft = { ...monthLeft };
         // REMOVE:
         this._adapter.updateMonthOnLeft(newMonthLeft);
         const newSelected = new Set<string>();
-        if (!this._isMultiple()) {
+        const isMultiple = this._isMultiple();
+        if (!isMultiple) {
             values[0] && newSelected.add(format(values[0] as Date, strings.FORMAT_FULL_DATE));
         } else {
             values.forEach(date => {
@@ -241,7 +242,12 @@ export default class MonthsGridFoundation extends BaseFoundation<MonthsGridAdapt
             });
         }
         if (refreshPicker) {
-            this.handleShowDateAndTime(strings.PANEL_TYPE_LEFT, values[0] || newMonthLeft.pickerDate);
+            if (isMultiple) {
+                const leftPickerDateInSelected = values?.some(item => item && differenceInCalendarMonths(item, monthLeft.pickerDate) === 0);
+                !leftPickerDateInSelected && this.handleShowDateAndTime(strings.PANEL_TYPE_LEFT, values[0] || newMonthLeft.pickerDate);
+            } else {
+                this.handleShowDateAndTime(strings.PANEL_TYPE_LEFT, values[0] || newMonthLeft.pickerDate);
+            }
         } else {
             // FIXME:
             this.handleShowDateAndTime(strings.PANEL_TYPE_LEFT, newMonthLeft.pickerDate);

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

@@ -323,7 +323,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

@@ -844,12 +844,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.js

@@ -154,14 +154,20 @@ class MonthsGridFoundation extends _foundation.default {
 
   _initDatePickerFromValue(values) {
     let refreshPicker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    const monthLeft = this.getState('monthLeft');
+
+    const {
+      monthLeft
+    } = this._adapter.getStates();
+
     const newMonthLeft = Object.assign({}, monthLeft); // REMOVE:
 
     this._adapter.updateMonthOnLeft(newMonthLeft);
 
     const newSelected = new Set();
 
-    if (!this._isMultiple()) {
+    const isMultiple = this._isMultiple();
+
+    if (!isMultiple) {
       values[0] && newSelected.add((0, _dateFns.format)(values[0], _constants.strings.FORMAT_FULL_DATE));
     } else {
       values.forEach(date => {
@@ -170,7 +176,12 @@ class MonthsGridFoundation extends _foundation.default {
     }
 
     if (refreshPicker) {
-      this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_LEFT, values[0] || newMonthLeft.pickerDate);
+      if (isMultiple) {
+        const leftPickerDateInSelected = values === null || values === void 0 ? void 0 : values.some(item => item && (0, _dateFns.differenceInCalendarMonths)(item, monthLeft.pickerDate) === 0);
+        !leftPickerDateInSelected && this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_LEFT, values[0] || newMonthLeft.pickerDate);
+      } else {
+        this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_LEFT, values[0] || newMonthLeft.pickerDate);
+      }
     } else {
       // FIXME:
       this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_LEFT, newMonthLeft.pickerDate);
@@ -721,7 +732,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 = {

package/lib/cjs/divider/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)
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/dropdown/constants.js

@@ -10,9 +10,9 @@ var _constants = require("../tooltip/constants");
 var _constants2 = require("../base/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants2.BASE_CLASS_PREFIX, "-dropdown"),
-  SELECTED: "".concat(_constants2.BASE_CLASS_PREFIX, "-dropdown-item-selected"),
-  DISABLED: "".concat(_constants2.BASE_CLASS_PREFIX, "-dropdown-item-disabled")
+  PREFIX: `${_constants2.BASE_CLASS_PREFIX}-dropdown`,
+  SELECTED: `${_constants2.BASE_CLASS_PREFIX}-dropdown-item-selected`,
+  DISABLED: `${_constants2.BASE_CLASS_PREFIX}-dropdown-item-disabled`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/dropdown/menuFoundation.js

@@ -22,7 +22,7 @@ class DropdownMenuFoundation extends _foundation.default {
     const trigger = this._adapter.getContext('trigger');
 
     if (trigger === 'custom') {
-      const menuButton = menu && (0, _a11y.getMenuButton)(document.querySelectorAll("[data-popupid]"), menu.id);
+      const menuButton = menu && (0, _a11y.getMenuButton)(document.querySelectorAll(`[data-popupid]`), menu.id);
       menuButton.focus();
     }
   }

package/lib/cjs/empty/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, "-empty")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-empty`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/form/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, "-form")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-form`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/form/foundation.js

@@ -130,7 +130,7 @@ class FormFoundation extends _foundation.default {
         ObjectUtil.remove(this.data.touched, field);
       }
     } catch (error) {
-      console.error("some thing wrong when unregister field:".concat(field));
+      console.error(`some thing wrong when unregister field:${field}`);
     } // delete field
 
 

package/lib/cjs/form/utils.js

@@ -39,7 +39,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
  */
 function getDisplayName(WrappedComponent) {
   const originName = WrappedComponent.displayName || WrappedComponent.name;
-  return originName ? "SemiField".concat(originName) : 'SemiField';
+  return originName ? `SemiField${originName}` : 'SemiField';
 }
 
 function generateValidatesFromRules(field) {

package/lib/cjs/grid/constants.js

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

package/lib/cjs/highlight/constants.js

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

package/lib/cjs/icons/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, "-icon")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-icon`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/image/constants.js

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

package/lib/cjs/input/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, "-input")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-input`
 };
 exports.cssClasses = cssClasses;
 const strings = {