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

package/lib/cjs/calendar/dayCalendar.js

@@ -31,7 +31,7 @@ require("@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const prefixCls = "".concat(_constants.cssClasses.PREFIX, "-day");
+const prefixCls = `${_constants.cssClasses.PREFIX}-day`;
 
 class DayCalendar extends _baseComponent.default {
   constructor(props) {
@@ -49,8 +49,8 @@ class DayCalendar extends _baseComponent.default {
           /*#__PURE__*/
           // eslint-disable-next-line max-len
           _react.default.createElement("li", {
-            className: "".concat(_constants.cssClasses.PREFIX, "-event-item ").concat(_constants.cssClasses.PREFIX, "-event-allday"),
-            key: key || "allDay-".concat(ind)
+            className: `${_constants.cssClasses.PREFIX}-event-item ${_constants.cssClasses.PREFIX}-event-allday`,
+            key: key || `allDay-${ind}`
           }, children)
         );
       });
@@ -66,21 +66,21 @@ class DayCalendar extends _baseComponent.default {
     };
 
     this.renderAllDay = events => {
-      const allDayCls = "".concat(_constants.cssClasses.PREFIX, "-all-day");
-      const contentCls = (0, _classnames.default)("".concat(allDayCls, "-content"), {
-        ["".concat(_constants.cssClasses.PREFIX, "-weekend")]: this.isWeekend
+      const allDayCls = `${_constants.cssClasses.PREFIX}-all-day`;
+      const contentCls = (0, _classnames.default)(`${allDayCls}-content`, {
+        [`${_constants.cssClasses.PREFIX}-weekend`]: this.isWeekend
       });
       return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
         componentName: "Calendar"
       }, locale => /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(allDayCls)
+        className: `${allDayCls}`
       }, /*#__PURE__*/_react.default.createElement("ul", {
-        className: "".concat(_constants.cssClasses.PREFIX, "-tag ").concat(allDayCls, "-tag ").concat(prefixCls, "-sticky-left")
+        className: `${_constants.cssClasses.PREFIX}-tag ${allDayCls}-tag ${prefixCls}-sticky-left`
       }, /*#__PURE__*/_react.default.createElement("span", null, locale.allDay)), /*#__PURE__*/_react.default.createElement("div", {
         role: "gridcell",
         className: contentCls
       }, /*#__PURE__*/_react.default.createElement("ul", {
-        className: "".concat(_constants.cssClasses.PREFIX, "-event-items")
+        className: `${_constants.cssClasses.PREFIX}-event-items`
       }, this.renderAllDayEvents(events)))));
     };
 
@@ -170,14 +170,14 @@ class DayCalendar extends _baseComponent.default {
       style: dayStyle,
       ref: this.dom
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-sticky-top")
+      className: `${prefixCls}-sticky-top`
     }, header, this.renderAllDay(parsedEvents.allDay)), /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-scroll-wrapper")
+      className: `${prefixCls}-scroll-wrapper`
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-scroll"),
+      className: `${prefixCls}-scroll`,
       ref: this.scrollDom
     }, /*#__PURE__*/_react.default.createElement(_timeCol.default, {
-      className: "".concat(prefixCls, "-sticky-left"),
+      className: `${prefixCls}-sticky-left`,
       renderTimeDisplay: renderTimeDisplay
     }), /*#__PURE__*/_react.default.createElement(_dayCol.default, {
       events: parsedEvents.day,

package/lib/cjs/calendar/dayCol.js

@@ -24,10 +24,10 @@ require("@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /* eslint-disable max-len */
-const prefixCls = "".concat(_constants.cssClasses.PREFIX, "-grid");
+const prefixCls = `${_constants.cssClasses.PREFIX}-grid`;
 
 function pad(d) {
-  return d < 10 ? "0".concat(d.toString()) : d.toString();
+  return d < 10 ? `0${d.toString()}` : d.toString();
 }
 
 class DayCol extends _baseComponent.default {
@@ -54,13 +54,13 @@ class DayCol extends _baseComponent.default {
         }
 
         const style = {
-          top: "".concat(top, "px"),
-          height: "".concat(height, "px")
+          top: `${top}px`,
+          height: `${height}px`
         };
         return /*#__PURE__*/_react.default.createElement("li", {
-          className: "".concat(_constants.cssClasses.PREFIX, "-event-item ").concat(_constants.cssClasses.PREFIX, "-event-day"),
+          className: `${_constants.cssClasses.PREFIX}-event-item ${_constants.cssClasses.PREFIX}-event-day`,
           style: style,
-          key: key || "".concat(top, "-").concat(ind)
+          key: key || `${top}-${ind}`
         }, children);
       });
       return list;
@@ -80,12 +80,12 @@ class DayCol extends _baseComponent.default {
       };
 
       const circle = /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(prefixCls, "-curr-circle"),
+        className: `${prefixCls}-curr-circle`,
         style: style
       });
 
       const line = /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(prefixCls, "-curr-line"),
+        className: `${prefixCls}-curr-line`,
         style: style
       });
 
@@ -105,34 +105,34 @@ class DayCol extends _baseComponent.default {
         isWeekend,
         dateGridRender
       } = this.props;
-      const skCls = (0, _classnames.default)("".concat(prefixCls, "-skeleton"), {
-        ["".concat(_constants.cssClasses.PREFIX, "-weekend")]: isWeekend
+      const skCls = (0, _classnames.default)(`${prefixCls}-skeleton`, {
+        [`${_constants.cssClasses.PREFIX}-weekend`]: isWeekend
       });
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(prefixCls),
+        className: `${prefixCls}`,
         role: "presentation"
       }, /*#__PURE__*/_react.default.createElement("div", {
         role: "gridcell",
-        className: "".concat(prefixCls, "-content")
+        className: `${prefixCls}-content`
       }, showCurrTime ? this.renderCurrTime() : null, /*#__PURE__*/_react.default.createElement("ul", {
         role: "row",
         className: skCls
       }, [...Array(25).keys()].map(item => {
         const line = (0, _classnames.default)({
-          ["".concat(prefixCls, "-skeleton-row-line")]: true
+          [`${prefixCls}-skeleton-row-line`]: true
         });
         return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-          key: "".concat(item, "-daycol")
+          key: `${item}-daycol`
         }, /*#__PURE__*/_react.default.createElement("li", {
-          "data-time": "".concat(pad(item), ":00:00"),
+          "data-time": `${pad(item)}:00:00`,
           className: line,
           onClick: e => this.handleClick(e, [displayValue, item, 0, 0])
         }), /*#__PURE__*/_react.default.createElement("li", {
-          "data-time": "".concat(pad(item), ":30:00"),
+          "data-time": `${pad(item)}:30:00`,
           onClick: e => this.handleClick(e, [displayValue, item, 30, 0])
         }));
       })), dateGridRender && dateGridRender(displayValue.toString(), displayValue), /*#__PURE__*/_react.default.createElement("ul", {
-        className: "".concat(_constants.cssClasses.PREFIX, "-event-items")
+        className: `${_constants.cssClasses.PREFIX}-event-items`
       }, this.renderEvents())));
     };
 

package/lib/cjs/calendar/monthCalendar.js

@@ -39,10 +39,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // eslint-disable-next-line max-len
 const toPercent = num => {
   const res = num < 1 ? num * 100 : 100;
-  return "".concat(res, "%");
+  return `${res}%`;
 };
 
-const prefixCls = "".concat(_constants.cssClasses.PREFIX, "-month");
+const prefixCls = `${_constants.cssClasses.PREFIX}-month`;
 const contentPadding = 60;
 const contentHeight = 24;
 
@@ -77,25 +77,25 @@ class monthCalendar extends _baseComponent.default {
       } = this.props;
       this.monthlyData = this.foundation.getMonthlyData(displayValue, dateFnsLocale);
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(prefixCls, "-header"),
+        className: `${prefixCls}-header`,
         role: "presentation"
       }, /*#__PURE__*/_react.default.createElement("div", {
         role: "presentation",
-        className: "".concat(prefixCls, "-grid")
+        className: `${prefixCls}-grid`
       }, /*#__PURE__*/_react.default.createElement("ul", {
         role: "row",
-        className: "".concat(prefixCls, "-grid-row")
+        className: `${prefixCls}-grid-row`
       }, this.monthlyData[0].map(day => {
         const {
           weekday
         } = day;
         const listCls = (0, _classnames.default)({
-          ["".concat(_constants.cssClasses.PREFIX, "-weekend")]: markWeekend && day.isWeekend
+          [`${_constants.cssClasses.PREFIX}-weekend`]: markWeekend && day.isWeekend
         });
         return /*#__PURE__*/_react.default.createElement("li", {
           role: "columnheader",
           "aria-label": weekday,
-          key: "".concat(weekday, "-monthheader"),
+          key: `${weekday}-monthheader`,
           className: listCls
         }, /*#__PURE__*/_react.default.createElement("span", null, weekday));
       }))));
@@ -117,11 +117,11 @@ class monthCalendar extends _baseComponent.default {
         const style = {
           left: toPercent(leftPos),
           width: toPercent(width),
-          top: "".concat(topInd, "em")
+          top: `${topInd}em`
         };
         return /*#__PURE__*/_react.default.createElement("li", {
-          className: "".concat(_constants.cssClasses.PREFIX, "-event-item ").concat(_constants.cssClasses.PREFIX, "-event-month"),
-          key: key || "".concat(ind, "-monthevent"),
+          className: `${_constants.cssClasses.PREFIX}-event-item ${_constants.cssClasses.PREFIX}-event-month`,
+          key: key || `${ind}-monthevent`,
           style: style
         }, children);
       });
@@ -140,12 +140,12 @@ class monthCalendar extends _baseComponent.default {
       } = itemInfo;
       const key = date.toString();
       const remained = events.filter(i => Boolean(i)).length - itemLimit;
-      const cardCls = "".concat(prefixCls, "-event-card"); // const top = contentPadding / 2 + this.state.itemLimit * contentHeight;
+      const cardCls = `${prefixCls}-event-card`; // const top = contentPadding / 2 + this.state.itemLimit * contentHeight;
 
       const shouldRenderCard = remained > 0;
 
       const closer = /*#__PURE__*/_react.default.createElement(_iconButton.default, {
-        className: "".concat(cardCls, "-close"),
+        className: `${cardCls}-close`,
         onClick: e => this.closeCard(e, key),
         type: "tertiary",
         icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, null),
@@ -154,25 +154,25 @@ class monthCalendar extends _baseComponent.default {
       });
 
       const header = /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(cardCls, "-header-info")
+        className: `${cardCls}-header-info`
       }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(cardCls, "-header-info-weekday")
+        className: `${cardCls}-header-info-weekday`
       }, weekday), /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(cardCls, "-header-info-date")
+        className: `${cardCls}-header-info-date`
       }, dayString));
 
       const content = /*#__PURE__*/_react.default.createElement("div", {
         className: cardCls
       }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(cardCls, "-content")
+        className: `${cardCls}-content`
       }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(cardCls, "-header")
+        className: `${cardCls}-header`
       }, header, closer), /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(cardCls, "-body")
+        className: `${cardCls}-body`
       }, /*#__PURE__*/_react.default.createElement("ul", {
-        className: "".concat(cardCls, "-list")
+        className: `${cardCls}-list`
       }, events.map(item => /*#__PURE__*/_react.default.createElement("li", {
-        key: item.key || "".concat(item.start.toString(), "-event")
+        key: item.key || `${item.start.toString()}-event`
       }, item.children))))));
 
       const pos = showCard && showCard[key] ? showCard[key][1] : 'leftTopOver';
@@ -183,7 +183,7 @@ class monthCalendar extends _baseComponent.default {
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/no-static-element-interactions
       _react.default.createElement("div", {
-        className: "".concat(cardCls, "-wrapper"),
+        className: `${cardCls}-wrapper`,
         style: {
           bottom: 0
         },
@@ -191,7 +191,7 @@ class monthCalendar extends _baseComponent.default {
       }, locale.remaining.replace('${remained}', String(remained))));
 
       return /*#__PURE__*/_react.default.createElement(_popover.default, {
-        key: "".concat(date.valueOf()),
+        key: `${date.valueOf()}`,
         content: content,
         position: pos,
         trigger: "custom",
@@ -209,9 +209,9 @@ class monthCalendar extends _baseComponent.default {
         return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
           componentName: "Calendar"
         }, (locale, localeCode) => /*#__PURE__*/_react.default.createElement("span", {
-          className: "".concat(prefixCls, "-date")
+          className: `${prefixCls}-date`
         }, month, /*#__PURE__*/_react.default.createElement("span", {
-          className: "".concat(_constants.cssClasses.PREFIX, "-today-date")
+          className: `${_constants.cssClasses.PREFIX}-today-date`
         }, "\u00A0", date), locale.datestring));
       }
 
@@ -219,9 +219,9 @@ class monthCalendar extends _baseComponent.default {
         /*#__PURE__*/
         // eslint-disable-next-line max-len
         _react.default.createElement("span", {
-          className: "".concat(prefixCls, "-date")
+          className: `${prefixCls}-date`
         }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "".concat(_constants.cssClasses.PREFIX, "-today-date")
+          className: `${_constants.cssClasses.PREFIX}-today-date`
         }, date))
       );
     };
@@ -252,12 +252,12 @@ class monthCalendar extends _baseComponent.default {
       } = events;
       return /*#__PURE__*/_react.default.createElement("div", {
         role: "presentation",
-        className: "".concat(prefixCls, "-weekrow"),
+        className: `${prefixCls}-weekrow`,
         ref: _this.cellDom,
-        key: "".concat(index, "-weekrow")
+        key: `${index}-weekrow`
       }, /*#__PURE__*/_react.default.createElement("ul", {
         role: "row",
-        className: "".concat(prefixCls, "-skeleton")
+        className: `${prefixCls}-skeleton`
       }, weekDay.map(each => {
         const {
           date,
@@ -269,9 +269,9 @@ class monthCalendar extends _baseComponent.default {
           ind
         } = each;
         const listCls = (0, _classnames.default)({
-          ["".concat(_constants.cssClasses.PREFIX, "-today")]: isToday,
-          ["".concat(_constants.cssClasses.PREFIX, "-weekend")]: markWeekend && isWeekend,
-          ["".concat(prefixCls, "-same")]: isSameMonth
+          [`${_constants.cssClasses.PREFIX}-today`]: isToday,
+          [`${_constants.cssClasses.PREFIX}-weekend`]: markWeekend && isWeekend,
+          [`${prefixCls}-same`]: isSameMonth
         });
         const shouldRenderCollapsed = Boolean(day && day[ind] && day[ind].length > itemLimit);
 
@@ -279,7 +279,7 @@ class monthCalendar extends _baseComponent.default {
           role: "gridcell",
           "aria-label": date.toLocaleDateString(),
           "aria-current": isToday ? "date" : false,
-          key: "".concat(date, "-weeksk"),
+          key: `${date}-weeksk`,
           className: listCls,
           onClick: e => _this.handleClick(e, [date])
         }, _this.formatDayString(month, dayString), _this.renderCusDateGrid(date));
@@ -290,7 +290,7 @@ class monthCalendar extends _baseComponent.default {
 
         return _this.renderCollapsed(day[ind], each, listCls, month);
       })), /*#__PURE__*/_react.default.createElement("ul", {
-        className: "".concat(_constants.cssClasses.PREFIX, "-event-items")
+        className: `${_constants.cssClasses.PREFIX}-event-items`
       }, display ? _this.renderEvents(display) : null));
     };
 
@@ -300,10 +300,10 @@ class monthCalendar extends _baseComponent.default {
       } = this.state;
       return /*#__PURE__*/_react.default.createElement("div", {
         role: "presentation",
-        className: "".concat(prefixCls, "-week")
+        className: `${prefixCls}-week`
       }, /*#__PURE__*/_react.default.createElement("ul", {
         role: "presentation",
-        className: "".concat(prefixCls, "-grid-col")
+        className: `${prefixCls}-grid-col`
       }, Object.keys(this.monthlyData).map(weekInd => this.renderWeekRow(weekInd, this.monthlyData[weekInd], parsedEvents[weekInd]))));
     };
 
@@ -433,10 +433,10 @@ class monthCalendar extends _baseComponent.default {
       style: monthStyle
     }, /*#__PURE__*/_react.default.createElement("div", {
       role: "presentation",
-      className: "".concat(prefixCls, "-sticky-top")
+      className: `${prefixCls}-sticky-top`
     }, header, this.renderHeader(dateFnsLocale)), /*#__PURE__*/_react.default.createElement("div", {
       role: "presentation",
-      className: "".concat(prefixCls, "-grid-wrapper")
+      className: `${prefixCls}-grid-wrapper`
     }, this.renderMonthGrid())));
   }
 

package/lib/cjs/calendar/rangeCalendar.js

@@ -36,11 +36,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // eslint-disable-next-line max-len
 const toPercent = num => {
   const res = num < 1 ? num * 100 : 100;
-  return "".concat(res, "%");
+  return `${res}%`;
 };
 
-const prefixCls = "".concat(_constants.cssClasses.PREFIX, "-week");
-const allDayCls = "".concat(_constants.cssClasses.PREFIX, "-all-day");
+const prefixCls = `${_constants.cssClasses.PREFIX}-week`;
+const allDayCls = `${_constants.cssClasses.PREFIX}-all-day`;
 
 class RangeCalendar extends _baseComponent.default {
   constructor(props) {
@@ -71,7 +71,7 @@ class RangeCalendar extends _baseComponent.default {
         const dayEvents = events.has(dateString) ? events.get(dateString) : [];
         const parsed = this.foundation.getParseDailyEvents(dayEvents, day.date);
         return /*#__PURE__*/_react.default.createElement(_dayCol.default, {
-          key: "".concat(dateString, "-weekday"),
+          key: `${dateString}-weekday`,
           displayValue: day.date,
           scrollHeight: this.state.scrollHeight,
           handleClick: this.handleClick,
@@ -94,14 +94,14 @@ class RangeCalendar extends _baseComponent.default {
         week
       } = this.foundation.getRangeData(range[0], dateFnsLocale);
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(prefixCls, "-header")
+        className: `${prefixCls}-header`
       }, /*#__PURE__*/_react.default.createElement("ul", {
-        className: "".concat(_constants.cssClasses.PREFIX, "-tag ").concat(prefixCls, "-tag ").concat(prefixCls, "-sticky-left")
+        className: `${_constants.cssClasses.PREFIX}-tag ${prefixCls}-tag ${prefixCls}-sticky-left`
       }, /*#__PURE__*/_react.default.createElement("span", null, month)), /*#__PURE__*/_react.default.createElement("div", {
         role: "gridcell",
-        className: "".concat(prefixCls, "-grid")
+        className: `${prefixCls}-grid`
       }, /*#__PURE__*/_react.default.createElement("ul", {
-        className: "".concat(prefixCls, "-grid-row")
+        className: `${prefixCls}-grid-row`
       }, week.map(day => {
         const {
           date,
@@ -110,14 +110,14 @@ class RangeCalendar extends _baseComponent.default {
           isToday
         } = day;
         const listCls = (0, _classnames.default)({
-          ["".concat(_constants.cssClasses.PREFIX, "-today")]: isToday,
-          ["".concat(_constants.cssClasses.PREFIX, "-weekend")]: markWeekend && day.isWeekend
+          [`${_constants.cssClasses.PREFIX}-today`]: isToday,
+          [`${_constants.cssClasses.PREFIX}-weekend`]: markWeekend && day.isWeekend
         });
         return /*#__PURE__*/_react.default.createElement("li", {
-          key: "".concat(date.toString(), "-weekheader"),
+          key: `${date.toString()}-weekheader`,
           className: listCls
         }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "".concat(_constants.cssClasses.PREFIX, "-today-date")
+          className: `${_constants.cssClasses.PREFIX}-today-date`
         }, dayString), /*#__PURE__*/_react.default.createElement("span", null, weekday));
       }))));
     };
@@ -130,15 +130,15 @@ class RangeCalendar extends _baseComponent.default {
           topInd,
           children
         } = event;
-        const top = "".concat(topInd, "em");
+        const top = `${topInd}em`;
         const style = {
           left: toPercent(leftPos),
           width: toPercent(width),
           top
         };
         return /*#__PURE__*/_react.default.createElement("li", {
-          className: "".concat(_constants.cssClasses.PREFIX, "-event-item ").concat(_constants.cssClasses.PREFIX, "-event-allday"),
-          key: "allDay-".concat(ind),
+          className: `${_constants.cssClasses.PREFIX}-event-item ${_constants.cssClasses.PREFIX}-event-allday`,
+          key: `allDay-${ind}`,
           style: style
         }, children);
       });
@@ -152,7 +152,7 @@ class RangeCalendar extends _baseComponent.default {
       const parsed = this.foundation.parseRangeAllDayEvents(allDay);
       const maxRowHeight = (0, _eventUtil.calcRowHeight)(parsed);
       const style = {
-        height: "".concat(maxRowHeight, "em")
+        height: `${maxRowHeight}em`
       };
       const {
         markWeekend
@@ -161,25 +161,25 @@ class RangeCalendar extends _baseComponent.default {
         week
       } = this.RangeData;
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(allDayCls),
+        className: `${allDayCls}`,
         style: style
       }, /*#__PURE__*/_react.default.createElement("ul", {
-        className: "".concat(_constants.cssClasses.PREFIX, "-tag ").concat(allDayCls, "-tag ").concat(prefixCls, "-sticky-left")
+        className: `${_constants.cssClasses.PREFIX}-tag ${allDayCls}-tag ${prefixCls}-sticky-left`
       }, /*#__PURE__*/_react.default.createElement("span", null, locale.allDay)), /*#__PURE__*/_react.default.createElement("div", {
         role: "gridcell",
-        className: "".concat(_constants.cssClasses.PREFIX, "-content ").concat(allDayCls, "-content")
+        className: `${_constants.cssClasses.PREFIX}-content ${allDayCls}-content`
       }, /*#__PURE__*/_react.default.createElement("ul", {
-        className: "".concat(allDayCls, "-skeleton")
+        className: `${allDayCls}-skeleton`
       }, Object.keys(week).map((date, ind) => {
         const listCls = (0, _classnames.default)({
-          ["".concat(_constants.cssClasses.PREFIX, "-weekend")]: markWeekend && week[date].isWeekend
+          [`${_constants.cssClasses.PREFIX}-weekend`]: markWeekend && week[date].isWeekend
         });
         return /*#__PURE__*/_react.default.createElement("li", {
-          key: "".concat(date, "-weekgrid"),
+          key: `${date}-weekgrid`,
           className: listCls
         });
       })), /*#__PURE__*/_react.default.createElement("ul", {
-        className: "".concat(_constants.cssClasses.PREFIX, "-event-items")
+        className: `${_constants.cssClasses.PREFIX}-event-items`
       }, this.renderAllDayEvents(parsed))));
     };
 
@@ -266,14 +266,14 @@ class RangeCalendar extends _baseComponent.default {
       style: weekStyle,
       ref: this.dom
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-sticky-top")
+      className: `${prefixCls}-sticky-top`
     }, header, this.renderHeader(dateFnsLocale), this.renderAllDay(locale)), /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-scroll-wrapper")
+      className: `${prefixCls}-scroll-wrapper`
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-scroll"),
+      className: `${prefixCls}-scroll`,
       ref: this.scrollDom
     }, /*#__PURE__*/_react.default.createElement(_timeCol.default, {
-      className: "".concat(prefixCls, "-sticky-left"),
+      className: `${prefixCls}-sticky-left`,
       renderTimeDisplay: renderTimeDisplay
     }), this.renderDayGrid()))));
   }

package/lib/cjs/calendar/timeCol.js

@@ -25,7 +25,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const prefixCls = "".concat(_constants.cssClasses.PREFIX, "-time");
+const prefixCls = `${_constants.cssClasses.PREFIX}-time`;
 
 class timeCol extends _react.PureComponent {
   formatTime(item) {
@@ -40,7 +40,7 @@ class timeCol extends _react.PureComponent {
 
       return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
         componentName: "Calendar",
-        key: "locale-".concat(item)
+        key: `locale-${item}`
       }, locale => {
         let time = item < 12 ? replaceTime(locale.AM, item) : replaceTime(locale.PM, item - 12);
 
@@ -57,17 +57,17 @@ class timeCol extends _react.PureComponent {
     const {
       className
     } = this.props;
-    const wrapperCls = (0, _classnames.default)(className, "".concat(prefixCls));
+    const wrapperCls = (0, _classnames.default)(className, `${prefixCls}`);
     const list = [...Array(24).keys()].map(item => this.formatTime(item));
     list.splice(0, 1, '');
     const inner = list.map((item, index) => /*#__PURE__*/_react.default.createElement("li", {
-      key: "time-".concat(index),
-      className: "".concat(prefixCls, "-item")
+      key: `time-${index}`,
+      className: `${prefixCls}-item`
     }, /*#__PURE__*/_react.default.createElement("span", null, item)));
     return /*#__PURE__*/_react.default.createElement("div", {
       className: wrapperCls
     }, /*#__PURE__*/_react.default.createElement("ul", {
-      className: "".concat(prefixCls, "-items")
+      className: `${prefixCls}-items`
     }, inner));
   }