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

package/lib/es/autoComplete/constants.js

@@ -1,9 +1,9 @@
 import { strings as tooltipStrings } from '../tooltip/constants';
 import { BASE_CLASS_PREFIX, VALIDATE_STATUS } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-autocomplete"),
-  PREFIX_OPTION: "".concat(BASE_CLASS_PREFIX, "-autoComplete-option"),
-  PREFIX_GROUP: "".concat(BASE_CLASS_PREFIX, "-autoComplete-group")
+  PREFIX: `${BASE_CLASS_PREFIX}-autocomplete`,
+  PREFIX_OPTION: `${BASE_CLASS_PREFIX}-autoComplete-option`,
+  PREFIX_GROUP: `${BASE_CLASS_PREFIX}-autoComplete-group`
 };
 const strings = {
   SIZE: ['small', 'large', 'default'],

package/lib/es/avatar/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-avatar")
+  PREFIX: `${BASE_CLASS_PREFIX}-avatar`
 };
 const strings = {
   SHAPE: ['circle', 'square'],

package/lib/es/backtop/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-backtop")
+  PREFIX: `${BASE_CLASS_PREFIX}-backtop`
 };
 const strings = {};
 export { cssClasses, strings };

package/lib/es/badge/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-badge")
+  PREFIX: `${BASE_CLASS_PREFIX}-badge`
 };
 const strings = {
   TYPE_SET: ['primary', 'secondary', 'tertiary', 'warning', 'danger'],

package/lib/es/banner/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-banner")
+  PREFIX: `${BASE_CLASS_PREFIX}-banner`
 };
 const strings = {
   TYPE: ['info', 'success', 'danger', 'warning']

package/lib/es/breadcrumb/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-breadcrumb")
+  PREFIX: `${BASE_CLASS_PREFIX}-breadcrumb`
 };
 const strings = {
   MORE_TYPE: ['default', 'popover']

package/lib/es/button/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-button")
+  PREFIX: `${BASE_CLASS_PREFIX}-button`
 };
 const strings = {
   sizes: ['default', 'small', 'large'],

package/lib/es/calendar/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-calendar")
+  PREFIX: `${BASE_CLASS_PREFIX}-calendar`
 };
 const strings = {
   MODE: ['day', 'week', 'month', 'range']

package/lib/es/card/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-card")
+  PREFIX: `${BASE_CLASS_PREFIX}-card`
 };
 const strings = {
   SHADOWS: ['hover', 'always'],

package/lib/es/carousel/constants.js

@@ -1,14 +1,14 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  CAROUSEL: "".concat(BASE_CLASS_PREFIX, "-carousel"),
-  CAROUSEL_INDICATOR: "".concat(BASE_CLASS_PREFIX, "-carousel-indicator"),
-  CAROUSEL_INDICATOR_LINE: "".concat(BASE_CLASS_PREFIX, "-carousel-indicator-line"),
-  CAROUSEL_INDICATOR_DOT: "".concat(BASE_CLASS_PREFIX, "-carousel-indicator-dot"),
-  CAROUSEL_INDICATOR_COLUMNAR: "".concat(BASE_CLASS_PREFIX, "-carousel-indicator-columnar"),
-  CAROUSEL_INDICATOR_INACTIVE: "".concat(BASE_CLASS_PREFIX, "-carousel-indicator-inactive"),
-  CAROUSEL_INDICATOR_ACTIVE: "".concat(BASE_CLASS_PREFIX, "-carousel-indicator-active"),
-  CAROUSEL_CONTENT: "".concat(BASE_CLASS_PREFIX, "-carousel-content"),
-  CAROUSEL_ARROW: "".concat(BASE_CLASS_PREFIX, "-carousel-arrow")
+  CAROUSEL: `${BASE_CLASS_PREFIX}-carousel`,
+  CAROUSEL_INDICATOR: `${BASE_CLASS_PREFIX}-carousel-indicator`,
+  CAROUSEL_INDICATOR_LINE: `${BASE_CLASS_PREFIX}-carousel-indicator-line`,
+  CAROUSEL_INDICATOR_DOT: `${BASE_CLASS_PREFIX}-carousel-indicator-dot`,
+  CAROUSEL_INDICATOR_COLUMNAR: `${BASE_CLASS_PREFIX}-carousel-indicator-columnar`,
+  CAROUSEL_INDICATOR_INACTIVE: `${BASE_CLASS_PREFIX}-carousel-indicator-inactive`,
+  CAROUSEL_INDICATOR_ACTIVE: `${BASE_CLASS_PREFIX}-carousel-indicator-active`,
+  CAROUSEL_CONTENT: `${BASE_CLASS_PREFIX}-carousel-content`,
+  CAROUSEL_ARROW: `${BASE_CLASS_PREFIX}-carousel-arrow`
 };
 const numbers = {
   DEFAULT_ACTIVE_INDEX: 0,

package/lib/es/cascader/constants.js

@@ -1,7 +1,7 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-cascader"),
-  PREFIX_OPTION: "".concat(BASE_CLASS_PREFIX, "-cascader-option")
+  PREFIX: `${BASE_CLASS_PREFIX}-cascader`,
+  PREFIX_OPTION: `${BASE_CLASS_PREFIX}-cascader-option`
 };
 const strings = {
   SIZE_SET: ['small', 'large', 'default'],

package/lib/es/cascader/foundation.js

@@ -299,7 +299,7 @@ export default class CascaderFoundation extends BaseFoundation {
       }
     } 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/es/cascader/util.js

@@ -4,7 +4,7 @@ import _isNull from "lodash/isNull";
 import { strings } from './constants';
 
 function getPosition(level, index) {
-  return "".concat(level, "-").concat(index);
+  return `${level}-${index}`;
 }
 
 export function isValid(val) {
@@ -27,7 +27,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/es/checkbox/constants.js

@@ -1,21 +1,21 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const checkboxClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-checkbox"),
-  INNER: "".concat(BASE_CLASS_PREFIX, "-checkbox-inner"),
-  TEXT: "".concat(BASE_CLASS_PREFIX, "-checkbox-text"),
-  INPUT: "".concat(BASE_CLASS_PREFIX, "-checkbox-input"),
-  CHECKED: "".concat(BASE_CLASS_PREFIX, "-checkbox-checked"),
-  DISABLED: "".concat(BASE_CLASS_PREFIX, "-checkbox-disabled"),
-  BUTTON: "".concat(BASE_CLASS_PREFIX, "-checkbox-button"),
+  PREFIX: `${BASE_CLASS_PREFIX}-checkbox`,
+  INNER: `${BASE_CLASS_PREFIX}-checkbox-inner`,
+  TEXT: `${BASE_CLASS_PREFIX}-checkbox-text`,
+  INPUT: `${BASE_CLASS_PREFIX}-checkbox-input`,
+  CHECKED: `${BASE_CLASS_PREFIX}-checkbox-checked`,
+  DISABLED: `${BASE_CLASS_PREFIX}-checkbox-disabled`,
+  BUTTON: `${BASE_CLASS_PREFIX}-checkbox-button`,
   WRAPPER: ''
 };
 const checkboxGroupClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-checkboxGroup"),
-  INNER: "".concat(BASE_CLASS_PREFIX, "-checkboxGroup-inner"),
-  TEXT: "".concat(BASE_CLASS_PREFIX, "-checkboxGroup-text"),
-  INPUT: "".concat(BASE_CLASS_PREFIX, "-checkboxGroup-input"),
-  CHECKED: "".concat(BASE_CLASS_PREFIX, "-checkboxGroup-checked"),
-  DISABLED: "".concat(BASE_CLASS_PREFIX, "-checkboxGroup-disabled")
+  PREFIX: `${BASE_CLASS_PREFIX}-checkboxGroup`,
+  INNER: `${BASE_CLASS_PREFIX}-checkboxGroup-inner`,
+  TEXT: `${BASE_CLASS_PREFIX}-checkboxGroup-text`,
+  INPUT: `${BASE_CLASS_PREFIX}-checkboxGroup-input`,
+  CHECKED: `${BASE_CLASS_PREFIX}-checkboxGroup-checked`,
+  DISABLED: `${BASE_CLASS_PREFIX}-checkboxGroup-disabled`
 };
 const strings = {
   DIRECTION_SET: ['horizontal', 'vertical'],

package/lib/es/collapse/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-collapse")
+  PREFIX: `${BASE_CLASS_PREFIX}-collapse`
 };
 const strings = {
   iconPosition: ['left', 'right']

package/lib/es/collapsible/constants.js

@@ -1,5 +1,5 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-collapsible")
+  PREFIX: `${BASE_CLASS_PREFIX}-collapsible`
 };
 export { cssClasses };

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

@@ -29,7 +29,7 @@ export default 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/es/datePicker/_utils/getMonthTable.js

@@ -11,9 +11,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;
 }
 
@@ -47,7 +47,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/es/datePicker/_utils/getMonthsInYear.js

@@ -1,5 +1,5 @@
 const getMonthsInYear = year => Array.from({
   length: 12
-}, (v, i) => "".concat(year, "-").concat(i + 1));
+}, (v, i) => `${year}-${i + 1}`);
 
 export default getMonthsInYear;

package/lib/es/datePicker/constants.js

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

package/lib/es/datePicker/foundation.js

@@ -820,12 +820,12 @@ export default class DatePickerFoundation extends BaseFoundation {
           const endIsTruthy = !isNullOrUndefined(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/es/datePicker/inputFoundation.js

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

package/lib/es/datePicker/monthsGridFoundation.js

@@ -133,14 +133,20 @@ export default class MonthsGridFoundation extends BaseFoundation {
 
   _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(format(values[0], strings.FORMAT_FULL_DATE));
     } else {
       values.forEach(date => {
@@ -149,7 +155,12 @@ export default class MonthsGridFoundation extends BaseFoundation {
     }
 
     if (refreshPicker) {
-      this.handleShowDateAndTime(strings.PANEL_TYPE_LEFT, values[0] || newMonthLeft.pickerDate);
+      if (isMultiple) {
+        const leftPickerDateInSelected = values === null || values === void 0 ? void 0 : 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);
@@ -700,7 +711,7 @@ export default class MonthsGridFoundation extends BaseFoundation {
     const dateStr = format(isValidDate(date) ? date : compatibleParse(date, strings.FORMAT_FULL_DATE, undefined, dateFnsLocale), strings.FORMAT_FULL_DATE);
     const timeStr = format(isValidDate(time) ? time : compatibleParse(time, strings.FORMAT_TIME_PICKER, undefined, dateFnsLocale), strings.FORMAT_TIME_PICKER);
     const timeFormat = this.getValidTimeFormat();
-    return compatibleParse("".concat(dateStr, " ").concat(timeStr), timeFormat, undefined, dateFnsLocale);
+    return compatibleParse(`${dateStr} ${timeStr}`, timeFormat, undefined, dateFnsLocale);
   }
 
   handleRangeSelected(day) {

package/lib/es/descriptions/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-descriptions")
+  PREFIX: `${BASE_CLASS_PREFIX}-descriptions`
 };
 const strings = {
   ALIGN_SET: ['left', 'justify', 'plain', 'center'],

package/lib/es/divider/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX)
+  PREFIX: `${BASE_CLASS_PREFIX}`
 };
 const strings = {
   LAYOUT: ['vertical', 'horizontal']

package/lib/es/dropdown/constants.js

@@ -1,9 +1,9 @@
 import { strings as tooltipStrings } from '../tooltip/constants';
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-dropdown"),
-  SELECTED: "".concat(BASE_CLASS_PREFIX, "-dropdown-item-selected"),
-  DISABLED: "".concat(BASE_CLASS_PREFIX, "-dropdown-item-disabled")
+  PREFIX: `${BASE_CLASS_PREFIX}-dropdown`,
+  SELECTED: `${BASE_CLASS_PREFIX}-dropdown-item-selected`,
+  DISABLED: `${BASE_CLASS_PREFIX}-dropdown-item-disabled`
 };
 const strings = {
   POSITION_SET: tooltipStrings.POSITION_SET,

package/lib/es/dropdown/menuFoundation.js

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

package/lib/es/empty/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-empty")
+  PREFIX: `${BASE_CLASS_PREFIX}-empty`
 };
 const strings = {
   LAYOUT: ['vertical', 'horizontal']

package/lib/es/form/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-form")
+  PREFIX: `${BASE_CLASS_PREFIX}-form`
 };
 const strings = {
   LAYOUT: ['horizontal', 'vertical'],

package/lib/es/form/foundation.js

@@ -110,7 +110,7 @@ export default class FormFoundation extends BaseFoundation {
         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/es/form/utils.js

@@ -25,7 +25,7 @@ import AsyncValidator from 'async-validator';
  */
 export function getDisplayName(WrappedComponent) {
   const originName = WrappedComponent.displayName || WrappedComponent.name;
-  return originName ? "SemiField".concat(originName) : 'SemiField';
+  return originName ? `SemiField${originName}` : 'SemiField';
 }
 export function generateValidatesFromRules(field) {
   let rules = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];

package/lib/es/grid/constants.js

@@ -1,5 +1,5 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX)
+  PREFIX: `${BASE_CLASS_PREFIX}`
 };
 export { cssClasses };

package/lib/es/highlight/constants.js

@@ -1,5 +1,5 @@
 import { BASE_CLASS_PREFIX } from "../base/constants";
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-highlight")
+  PREFIX: `${BASE_CLASS_PREFIX}-highlight`
 };
 export { cssClasses };

package/lib/es/icons/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-icon")
+  PREFIX: `${BASE_CLASS_PREFIX}-icon`
 };
 const strings = {
   SIZE: ['extra-small', 'small', 'default', 'large', 'extra-large', 'custom'],

package/lib/es/image/constants.js

@@ -1,5 +1,5 @@
 import { BASE_CLASS_PREFIX } from "../base/constants";
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-image")
+  PREFIX: `${BASE_CLASS_PREFIX}-image`
 };
 export { cssClasses };

package/lib/es/input/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-input")
+  PREFIX: `${BASE_CLASS_PREFIX}-input`
 };
 const strings = {
   SIZE: ['small', 'large', 'default'],

package/lib/es/input/textareaFoundation.js

@@ -32,7 +32,7 @@ export default class TextAreaFoundation extends BaseFoundation {
       if (height !== newHeight) {
         this._adapter.notifyHeightUpdate(newHeight);
 
-        node.style.height = "".concat(newHeight, "px");
+        node.style.height = `${newHeight}px`;
         return;
       }
 

package/lib/es/layout/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-layout")
+  PREFIX: `${BASE_CLASS_PREFIX}-layout`
 };
 const strings = {
   BREAKPOINT: ['xs', 'sm', 'md', 'lg', 'xl', 'xxl']

package/lib/es/list/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-list")
+  PREFIX: `${BASE_CLASS_PREFIX}-list`
 };
 const strings = {
   SIZE: ['large', 'small', 'default'],

package/lib/es/modal/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  DIALOG: "".concat(BASE_CLASS_PREFIX, "-modal")
+  DIALOG: `${BASE_CLASS_PREFIX}-modal`
 };
 const strings = {
   cancelKey: 'cancel',

package/lib/es/navigation/constants.js

@@ -2,7 +2,7 @@ import { BASE_CLASS_PREFIX } from '../base/constants';
 const MODE_HORIZONTAL = 'horizontal';
 const MODE_VERTICAL = 'vertical';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-navigation")
+  PREFIX: `${BASE_CLASS_PREFIX}-navigation`
 };
 const strings = {
   MODE: [MODE_VERTICAL, MODE_HORIZONTAL],

package/lib/es/notification/constants.js

@@ -1,8 +1,8 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  WRAPPER: "".concat(BASE_CLASS_PREFIX, "-notification-wrapper"),
-  LIST: "".concat(BASE_CLASS_PREFIX, "-notification-list"),
-  NOTICE: "".concat(BASE_CLASS_PREFIX, "-notification-notice")
+  WRAPPER: `${BASE_CLASS_PREFIX}-notification-wrapper`,
+  LIST: `${BASE_CLASS_PREFIX}-notification-list`,
+  NOTICE: `${BASE_CLASS_PREFIX}-notification-notice`
 };
 const strings = {
   types: ['warning', 'success', 'info', 'error', 'default'],

package/lib/es/pagination/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-page")
+  PREFIX: `${BASE_CLASS_PREFIX}-page`
 };
 const strings = {};
 const numbers = {

package/lib/es/popconfirm/constants.js

@@ -1,7 +1,7 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-popconfirm"),
-  POPOVER: "".concat(BASE_CLASS_PREFIX, "-popconfirm-popover")
+  PREFIX: `${BASE_CLASS_PREFIX}-popconfirm`,
+  POPOVER: `${BASE_CLASS_PREFIX}-popconfirm-popover`
 };
 const strings = {
   POSITION_SET: ['top', 'topLeft', 'topRight', 'left', 'leftTop', 'leftBottom', 'right', 'rightTop', 'rightBottom', 'bottom', 'bottomLeft', 'bottomRight', 'leftTopOver', 'rightTopOver'],