@douyinfe/semi-ui 2.29.0 → 2.30.0-alpha.1

package/lib/es/calendar/dayCalendar.js

@@ -10,7 +10,7 @@ import BaseComponent from '../_base/baseComponent';
 import LocaleConsumer from '../locale/localeConsumer';
 import localeContext from '../locale/context';
 import '@douyinfe/semi-foundation/lib/es/calendar/calendar.css';
-const prefixCls = `${cssClasses.PREFIX}-day`;
+const prefixCls = "".concat(cssClasses.PREFIX, "-day");
 export default class DayCalendar extends BaseComponent {
   constructor(props) {
     super(props);
@@ -27,8 +27,8 @@ export default class DayCalendar extends BaseComponent {
           /*#__PURE__*/
           // eslint-disable-next-line max-len
           React.createElement("li", {
-            className: `${cssClasses.PREFIX}-event-item ${cssClasses.PREFIX}-event-allday`,
-            key: key || `allDay-${ind}`
+            className: "".concat(cssClasses.PREFIX, "-event-item ").concat(cssClasses.PREFIX, "-event-allday"),
+            key: key || "allDay-".concat(ind)
           }, children)
         );
       });
@@ -44,21 +44,21 @@ export default class DayCalendar extends BaseComponent {
     };
 
     this.renderAllDay = events => {
-      const allDayCls = `${cssClasses.PREFIX}-all-day`;
-      const contentCls = cls(`${allDayCls}-content`, {
-        [`${cssClasses.PREFIX}-weekend`]: this.isWeekend
+      const allDayCls = "".concat(cssClasses.PREFIX, "-all-day");
+      const contentCls = cls("".concat(allDayCls, "-content"), {
+        ["".concat(cssClasses.PREFIX, "-weekend")]: this.isWeekend
       });
       return /*#__PURE__*/React.createElement(LocaleConsumer, {
         componentName: "Calendar"
       }, locale => /*#__PURE__*/React.createElement("div", {
-        className: `${allDayCls}`
+        className: "".concat(allDayCls)
       }, /*#__PURE__*/React.createElement("ul", {
-        className: `${cssClasses.PREFIX}-tag ${allDayCls}-tag ${prefixCls}-sticky-left`
+        className: "".concat(cssClasses.PREFIX, "-tag ").concat(allDayCls, "-tag ").concat(prefixCls, "-sticky-left")
       }, /*#__PURE__*/React.createElement("span", null, locale.allDay)), /*#__PURE__*/React.createElement("div", {
         role: "gridcell",
         className: contentCls
       }, /*#__PURE__*/React.createElement("ul", {
-        className: `${cssClasses.PREFIX}-event-items`
+        className: "".concat(cssClasses.PREFIX, "-event-items")
       }, this.renderAllDayEvents(events)))));
     };
 
@@ -148,14 +148,14 @@ export default class DayCalendar extends BaseComponent {
       style: dayStyle,
       ref: this.dom
     }, /*#__PURE__*/React.createElement("div", {
-      className: `${prefixCls}-sticky-top`
+      className: "".concat(prefixCls, "-sticky-top")
     }, header, this.renderAllDay(parsedEvents.allDay)), /*#__PURE__*/React.createElement("div", {
-      className: `${prefixCls}-scroll-wrapper`
+      className: "".concat(prefixCls, "-scroll-wrapper")
     }, /*#__PURE__*/React.createElement("div", {
-      className: `${prefixCls}-scroll`,
+      className: "".concat(prefixCls, "-scroll"),
       ref: this.scrollDom
     }, /*#__PURE__*/React.createElement(TimeCol, {
-      className: `${prefixCls}-sticky-left`,
+      className: "".concat(prefixCls, "-sticky-left"),
       renderTimeDisplay: renderTimeDisplay
     }), /*#__PURE__*/React.createElement(DayCol, {
       events: parsedEvents.day,

package/lib/es/calendar/dayCol.js

@@ -7,10 +7,10 @@ import { cssClasses } from '@douyinfe/semi-foundation/lib/es/calendar/constants'
 import BaseComponent from '../_base/baseComponent';
 import localeContext from '../locale/context';
 import '@douyinfe/semi-foundation/lib/es/calendar/calendar.css';
-const prefixCls = `${cssClasses.PREFIX}-grid`;
+const prefixCls = "".concat(cssClasses.PREFIX, "-grid");
 
 function pad(d) {
-  return d < 10 ? `0${d.toString()}` : d.toString();
+  return d < 10 ? "0".concat(d.toString()) : d.toString();
 }
 
 export default class DayCol extends BaseComponent {
@@ -37,13 +37,13 @@ export default class DayCol extends BaseComponent {
         }
 
         const style = {
-          top: `${top}px`,
-          height: `${height}px`
+          top: "".concat(top, "px"),
+          height: "".concat(height, "px")
         };
         return /*#__PURE__*/React.createElement("li", {
-          className: `${cssClasses.PREFIX}-event-item ${cssClasses.PREFIX}-event-day`,
+          className: "".concat(cssClasses.PREFIX, "-event-item ").concat(cssClasses.PREFIX, "-event-day"),
           style: style,
-          key: key || `${top}-${ind}`
+          key: key || "".concat(top, "-").concat(ind)
         }, children);
       });
       return list;
@@ -62,11 +62,11 @@ export default class DayCol extends BaseComponent {
         top
       };
       const circle = /*#__PURE__*/React.createElement("div", {
-        className: `${prefixCls}-curr-circle`,
+        className: "".concat(prefixCls, "-curr-circle"),
         style: style
       });
       const line = /*#__PURE__*/React.createElement("div", {
-        className: `${prefixCls}-curr-line`,
+        className: "".concat(prefixCls, "-curr-line"),
         style: style
       });
       return /*#__PURE__*/React.createElement(React.Fragment, {
@@ -85,34 +85,34 @@ export default class DayCol extends BaseComponent {
         isWeekend,
         dateGridRender
       } = this.props;
-      const skCls = cls(`${prefixCls}-skeleton`, {
-        [`${cssClasses.PREFIX}-weekend`]: isWeekend
+      const skCls = cls("".concat(prefixCls, "-skeleton"), {
+        ["".concat(cssClasses.PREFIX, "-weekend")]: isWeekend
       });
       return /*#__PURE__*/React.createElement("div", {
-        className: `${prefixCls}`,
+        className: "".concat(prefixCls),
         role: "presentation"
       }, /*#__PURE__*/React.createElement("div", {
         role: "gridcell",
-        className: `${prefixCls}-content`
+        className: "".concat(prefixCls, "-content")
       }, showCurrTime ? this.renderCurrTime() : null, /*#__PURE__*/React.createElement("ul", {
         role: "row",
         className: skCls
       }, [...Array(25).keys()].map(item => {
         const line = cls({
-          [`${prefixCls}-skeleton-row-line`]: true
+          ["".concat(prefixCls, "-skeleton-row-line")]: true
         });
         return /*#__PURE__*/React.createElement(React.Fragment, {
-          key: `${item}-daycol`
+          key: "".concat(item, "-daycol")
         }, /*#__PURE__*/React.createElement("li", {
-          "data-time": `${pad(item)}:00:00`,
+          "data-time": "".concat(pad(item), ":00:00"),
           className: line,
           onClick: e => this.handleClick(e, [displayValue, item, 0, 0])
         }), /*#__PURE__*/React.createElement("li", {
-          "data-time": `${pad(item)}:30:00`,
+          "data-time": "".concat(pad(item), ":30:00"),
           onClick: e => this.handleClick(e, [displayValue, item, 30, 0])
         }));
       })), dateGridRender && dateGridRender(displayValue.toString(), displayValue), /*#__PURE__*/React.createElement("ul", {
-        className: `${cssClasses.PREFIX}-event-items`
+        className: "".concat(cssClasses.PREFIX, "-event-items")
       }, this.renderEvents())));
     };
 

package/lib/es/calendar/monthCalendar.js

@@ -18,10 +18,10 @@ import '@douyinfe/semi-foundation/lib/es/calendar/calendar.css';
 
 const toPercent = num => {
   const res = num < 1 ? num * 100 : 100;
-  return `${res}%`;
+  return "".concat(res, "%");
 };
 
-const prefixCls = `${cssClasses.PREFIX}-month`;
+const prefixCls = "".concat(cssClasses.PREFIX, "-month");
 const contentPadding = 60;
 const contentHeight = 24;
 export default class monthCalendar extends BaseComponent {
@@ -55,25 +55,25 @@ export default class monthCalendar extends BaseComponent {
       } = this.props;
       this.monthlyData = this.foundation.getMonthlyData(displayValue, dateFnsLocale);
       return /*#__PURE__*/React.createElement("div", {
-        className: `${prefixCls}-header`,
+        className: "".concat(prefixCls, "-header"),
         role: "presentation"
       }, /*#__PURE__*/React.createElement("div", {
         role: "presentation",
-        className: `${prefixCls}-grid`
+        className: "".concat(prefixCls, "-grid")
       }, /*#__PURE__*/React.createElement("ul", {
         role: "row",
-        className: `${prefixCls}-grid-row`
+        className: "".concat(prefixCls, "-grid-row")
       }, this.monthlyData[0].map(day => {
         const {
           weekday
         } = day;
         const listCls = cls({
-          [`${cssClasses.PREFIX}-weekend`]: markWeekend && day.isWeekend
+          ["".concat(cssClasses.PREFIX, "-weekend")]: markWeekend && day.isWeekend
         });
         return /*#__PURE__*/React.createElement("li", {
           role: "columnheader",
           "aria-label": weekday,
-          key: `${weekday}-monthheader`,
+          key: "".concat(weekday, "-monthheader"),
           className: listCls
         }, /*#__PURE__*/React.createElement("span", null, weekday));
       }))));
@@ -95,11 +95,11 @@ export default class monthCalendar extends BaseComponent {
         const style = {
           left: toPercent(leftPos),
           width: toPercent(width),
-          top: `${topInd}em`
+          top: "".concat(topInd, "em")
         };
         return /*#__PURE__*/React.createElement("li", {
-          className: `${cssClasses.PREFIX}-event-item ${cssClasses.PREFIX}-event-month`,
-          key: key || `${ind}-monthevent`,
+          className: "".concat(cssClasses.PREFIX, "-event-item ").concat(cssClasses.PREFIX, "-event-month"),
+          key: key || "".concat(ind, "-monthevent"),
           style: style
         }, children);
       });
@@ -118,11 +118,11 @@ export default class monthCalendar extends BaseComponent {
       } = itemInfo;
       const key = date.toString();
       const remained = events.filter(i => Boolean(i)).length - itemLimit;
-      const cardCls = `${prefixCls}-event-card`; // const top = contentPadding / 2 + this.state.itemLimit * contentHeight;
+      const cardCls = "".concat(prefixCls, "-event-card"); // const top = contentPadding / 2 + this.state.itemLimit * contentHeight;
 
       const shouldRenderCard = remained > 0;
       const closer = /*#__PURE__*/React.createElement(Button, {
-        className: `${cardCls}-close`,
+        className: "".concat(cardCls, "-close"),
         onClick: e => this.closeCard(e, key),
         type: "tertiary",
         icon: /*#__PURE__*/React.createElement(IconClose, null),
@@ -130,24 +130,24 @@ export default class monthCalendar extends BaseComponent {
         size: "small"
       });
       const header = /*#__PURE__*/React.createElement("div", {
-        className: `${cardCls}-header-info`
+        className: "".concat(cardCls, "-header-info")
       }, /*#__PURE__*/React.createElement("div", {
-        className: `${cardCls}-header-info-weekday`
+        className: "".concat(cardCls, "-header-info-weekday")
       }, weekday), /*#__PURE__*/React.createElement("div", {
-        className: `${cardCls}-header-info-date`
+        className: "".concat(cardCls, "-header-info-date")
       }, dayString));
       const content = /*#__PURE__*/React.createElement("div", {
         className: cardCls
       }, /*#__PURE__*/React.createElement("div", {
-        className: `${cardCls}-content`
+        className: "".concat(cardCls, "-content")
       }, /*#__PURE__*/React.createElement("div", {
-        className: `${cardCls}-header`
+        className: "".concat(cardCls, "-header")
       }, header, closer), /*#__PURE__*/React.createElement("div", {
-        className: `${cardCls}-body`
+        className: "".concat(cardCls, "-body")
       }, /*#__PURE__*/React.createElement("ul", {
-        className: `${cardCls}-list`
+        className: "".concat(cardCls, "-list")
       }, events.map(item => /*#__PURE__*/React.createElement("li", {
-        key: item.key || `${item.start.toString()}-event`
+        key: item.key || "".concat(item.start.toString(), "-event")
       }, item.children))))));
       const pos = showCard && showCard[key] ? showCard[key][1] : 'leftTopOver';
       const text = /*#__PURE__*/React.createElement(LocaleConsumer, {
@@ -156,14 +156,14 @@ export default class monthCalendar extends BaseComponent {
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/no-static-element-interactions
       React.createElement("div", {
-        className: `${cardCls}-wrapper`,
+        className: "".concat(cardCls, "-wrapper"),
         style: {
           bottom: 0
         },
         onClick: e => this.showCard(e, key)
       }, locale.remaining.replace('${remained}', String(remained))));
       return /*#__PURE__*/React.createElement(Popover, {
-        key: `${date.valueOf()}`,
+        key: "".concat(date.valueOf()),
         content: content,
         position: pos,
         trigger: "custom",
@@ -181,9 +181,9 @@ export default class monthCalendar extends BaseComponent {
         return /*#__PURE__*/React.createElement(LocaleConsumer, {
           componentName: "Calendar"
         }, (locale, localeCode) => /*#__PURE__*/React.createElement("span", {
-          className: `${prefixCls}-date`
+          className: "".concat(prefixCls, "-date")
         }, month, /*#__PURE__*/React.createElement("span", {
-          className: `${cssClasses.PREFIX}-today-date`
+          className: "".concat(cssClasses.PREFIX, "-today-date")
         }, "\u00A0", date), locale.datestring));
       }
 
@@ -191,9 +191,9 @@ export default class monthCalendar extends BaseComponent {
         /*#__PURE__*/
         // eslint-disable-next-line max-len
         React.createElement("span", {
-          className: `${prefixCls}-date`
+          className: "".concat(prefixCls, "-date")
         }, /*#__PURE__*/React.createElement("span", {
-          className: `${cssClasses.PREFIX}-today-date`
+          className: "".concat(cssClasses.PREFIX, "-today-date")
         }, date))
       );
     };
@@ -224,12 +224,12 @@ export default class monthCalendar extends BaseComponent {
       } = events;
       return /*#__PURE__*/React.createElement("div", {
         role: "presentation",
-        className: `${prefixCls}-weekrow`,
+        className: "".concat(prefixCls, "-weekrow"),
         ref: _this.cellDom,
-        key: `${index}-weekrow`
+        key: "".concat(index, "-weekrow")
       }, /*#__PURE__*/React.createElement("ul", {
         role: "row",
-        className: `${prefixCls}-skeleton`
+        className: "".concat(prefixCls, "-skeleton")
       }, weekDay.map(each => {
         const {
           date,
@@ -241,16 +241,16 @@ export default class monthCalendar extends BaseComponent {
           ind
         } = each;
         const listCls = cls({
-          [`${cssClasses.PREFIX}-today`]: isToday,
-          [`${cssClasses.PREFIX}-weekend`]: markWeekend && isWeekend,
-          [`${prefixCls}-same`]: isSameMonth
+          ["".concat(cssClasses.PREFIX, "-today")]: isToday,
+          ["".concat(cssClasses.PREFIX, "-weekend")]: markWeekend && isWeekend,
+          ["".concat(prefixCls, "-same")]: isSameMonth
         });
         const shouldRenderCollapsed = Boolean(day && day[ind] && day[ind].length > itemLimit);
         const inner = /*#__PURE__*/React.createElement("li", {
           role: "gridcell",
           "aria-label": date.toLocaleDateString(),
           "aria-current": isToday ? "date" : false,
-          key: `${date}-weeksk`,
+          key: "".concat(date, "-weeksk"),
           className: listCls,
           onClick: e => _this.handleClick(e, [date])
         }, _this.formatDayString(month, dayString), _this.renderCusDateGrid(date));
@@ -261,7 +261,7 @@ export default class monthCalendar extends BaseComponent {
 
         return _this.renderCollapsed(day[ind], each, listCls, month);
       })), /*#__PURE__*/React.createElement("ul", {
-        className: `${cssClasses.PREFIX}-event-items`
+        className: "".concat(cssClasses.PREFIX, "-event-items")
       }, display ? _this.renderEvents(display) : null));
     };
 
@@ -271,10 +271,10 @@ export default class monthCalendar extends BaseComponent {
       } = this.state;
       return /*#__PURE__*/React.createElement("div", {
         role: "presentation",
-        className: `${prefixCls}-week`
+        className: "".concat(prefixCls, "-week")
       }, /*#__PURE__*/React.createElement("ul", {
         role: "presentation",
-        className: `${prefixCls}-grid-col`
+        className: "".concat(prefixCls, "-grid-col")
       }, Object.keys(this.monthlyData).map(weekInd => this.renderWeekRow(weekInd, this.monthlyData[weekInd], parsedEvents[weekInd]))));
     };
 
@@ -404,10 +404,10 @@ export default class monthCalendar extends BaseComponent {
       style: monthStyle
     }, /*#__PURE__*/React.createElement("div", {
       role: "presentation",
-      className: `${prefixCls}-sticky-top`
+      className: "".concat(prefixCls, "-sticky-top")
     }, header, this.renderHeader(dateFnsLocale)), /*#__PURE__*/React.createElement("div", {
       role: "presentation",
-      className: `${prefixCls}-grid-wrapper`
+      className: "".concat(prefixCls, "-grid-wrapper")
     }, this.renderMonthGrid())));
   }
 

package/lib/es/calendar/rangeCalendar.js

@@ -15,11 +15,11 @@ import '@douyinfe/semi-foundation/lib/es/calendar/calendar.css';
 
 const toPercent = num => {
   const res = num < 1 ? num * 100 : 100;
-  return `${res}%`;
+  return "".concat(res, "%");
 };
 
-const prefixCls = `${cssClasses.PREFIX}-week`;
-const allDayCls = `${cssClasses.PREFIX}-all-day`;
+const prefixCls = "".concat(cssClasses.PREFIX, "-week");
+const allDayCls = "".concat(cssClasses.PREFIX, "-all-day");
 export default class RangeCalendar extends BaseComponent {
   constructor(props) {
     super(props);
@@ -49,7 +49,7 @@ export default class RangeCalendar extends BaseComponent {
         const dayEvents = events.has(dateString) ? events.get(dateString) : [];
         const parsed = this.foundation.getParseDailyEvents(dayEvents, day.date);
         return /*#__PURE__*/React.createElement(DayCol, {
-          key: `${dateString}-weekday`,
+          key: "".concat(dateString, "-weekday"),
           displayValue: day.date,
           scrollHeight: this.state.scrollHeight,
           handleClick: this.handleClick,
@@ -72,14 +72,14 @@ export default class RangeCalendar extends BaseComponent {
         week
       } = this.foundation.getRangeData(range[0], dateFnsLocale);
       return /*#__PURE__*/React.createElement("div", {
-        className: `${prefixCls}-header`
+        className: "".concat(prefixCls, "-header")
       }, /*#__PURE__*/React.createElement("ul", {
-        className: `${cssClasses.PREFIX}-tag ${prefixCls}-tag ${prefixCls}-sticky-left`
+        className: "".concat(cssClasses.PREFIX, "-tag ").concat(prefixCls, "-tag ").concat(prefixCls, "-sticky-left")
       }, /*#__PURE__*/React.createElement("span", null, month)), /*#__PURE__*/React.createElement("div", {
         role: "gridcell",
-        className: `${prefixCls}-grid`
+        className: "".concat(prefixCls, "-grid")
       }, /*#__PURE__*/React.createElement("ul", {
-        className: `${prefixCls}-grid-row`
+        className: "".concat(prefixCls, "-grid-row")
       }, week.map(day => {
         const {
           date,
@@ -88,14 +88,14 @@ export default class RangeCalendar extends BaseComponent {
           isToday
         } = day;
         const listCls = cls({
-          [`${cssClasses.PREFIX}-today`]: isToday,
-          [`${cssClasses.PREFIX}-weekend`]: markWeekend && day.isWeekend
+          ["".concat(cssClasses.PREFIX, "-today")]: isToday,
+          ["".concat(cssClasses.PREFIX, "-weekend")]: markWeekend && day.isWeekend
         });
         return /*#__PURE__*/React.createElement("li", {
-          key: `${date.toString()}-weekheader`,
+          key: "".concat(date.toString(), "-weekheader"),
           className: listCls
         }, /*#__PURE__*/React.createElement("span", {
-          className: `${cssClasses.PREFIX}-today-date`
+          className: "".concat(cssClasses.PREFIX, "-today-date")
         }, dayString), /*#__PURE__*/React.createElement("span", null, weekday));
       }))));
     };
@@ -108,15 +108,15 @@ export default class RangeCalendar extends BaseComponent {
           topInd,
           children
         } = event;
-        const top = `${topInd}em`;
+        const top = "".concat(topInd, "em");
         const style = {
           left: toPercent(leftPos),
           width: toPercent(width),
           top
         };
         return /*#__PURE__*/React.createElement("li", {
-          className: `${cssClasses.PREFIX}-event-item ${cssClasses.PREFIX}-event-allday`,
-          key: `allDay-${ind}`,
+          className: "".concat(cssClasses.PREFIX, "-event-item ").concat(cssClasses.PREFIX, "-event-allday"),
+          key: "allDay-".concat(ind),
           style: style
         }, children);
       });
@@ -130,7 +130,7 @@ export default class RangeCalendar extends BaseComponent {
       const parsed = this.foundation.parseRangeAllDayEvents(allDay);
       const maxRowHeight = calcRowHeight(parsed);
       const style = {
-        height: `${maxRowHeight}em`
+        height: "".concat(maxRowHeight, "em")
       };
       const {
         markWeekend
@@ -139,25 +139,25 @@ export default class RangeCalendar extends BaseComponent {
         week
       } = this.RangeData;
       return /*#__PURE__*/React.createElement("div", {
-        className: `${allDayCls}`,
+        className: "".concat(allDayCls),
         style: style
       }, /*#__PURE__*/React.createElement("ul", {
-        className: `${cssClasses.PREFIX}-tag ${allDayCls}-tag ${prefixCls}-sticky-left`
+        className: "".concat(cssClasses.PREFIX, "-tag ").concat(allDayCls, "-tag ").concat(prefixCls, "-sticky-left")
       }, /*#__PURE__*/React.createElement("span", null, locale.allDay)), /*#__PURE__*/React.createElement("div", {
         role: "gridcell",
-        className: `${cssClasses.PREFIX}-content ${allDayCls}-content`
+        className: "".concat(cssClasses.PREFIX, "-content ").concat(allDayCls, "-content")
       }, /*#__PURE__*/React.createElement("ul", {
-        className: `${allDayCls}-skeleton`
+        className: "".concat(allDayCls, "-skeleton")
       }, Object.keys(week).map((date, ind) => {
         const listCls = cls({
-          [`${cssClasses.PREFIX}-weekend`]: markWeekend && week[date].isWeekend
+          ["".concat(cssClasses.PREFIX, "-weekend")]: markWeekend && week[date].isWeekend
         });
         return /*#__PURE__*/React.createElement("li", {
-          key: `${date}-weekgrid`,
+          key: "".concat(date, "-weekgrid"),
           className: listCls
         });
       })), /*#__PURE__*/React.createElement("ul", {
-        className: `${cssClasses.PREFIX}-event-items`
+        className: "".concat(cssClasses.PREFIX, "-event-items")
       }, this.renderAllDayEvents(parsed))));
     };
 
@@ -244,14 +244,14 @@ export default class RangeCalendar extends BaseComponent {
       style: weekStyle,
       ref: this.dom
     }, /*#__PURE__*/React.createElement("div", {
-      className: `${prefixCls}-sticky-top`
+      className: "".concat(prefixCls, "-sticky-top")
     }, header, this.renderHeader(dateFnsLocale), this.renderAllDay(locale)), /*#__PURE__*/React.createElement("div", {
-      className: `${prefixCls}-scroll-wrapper`
+      className: "".concat(prefixCls, "-scroll-wrapper")
     }, /*#__PURE__*/React.createElement("div", {
-      className: `${prefixCls}-scroll`,
+      className: "".concat(prefixCls, "-scroll"),
       ref: this.scrollDom
     }, /*#__PURE__*/React.createElement(TimeCol, {
-      className: `${prefixCls}-sticky-left`,
+      className: "".concat(prefixCls, "-sticky-left"),
       renderTimeDisplay: renderTimeDisplay
     }), this.renderDayGrid()))));
   }

package/lib/es/calendar/timeCol.js

@@ -5,7 +5,7 @@ import LocaleConsumer from '../locale/localeConsumer';
 import localeContext from '../locale/context';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/calendar/constants';
 import '@douyinfe/semi-foundation/lib/es/calendar/calendar.css';
-const prefixCls = `${cssClasses.PREFIX}-time`;
+const prefixCls = "".concat(cssClasses.PREFIX, "-time");
 export default class timeCol extends PureComponent {
   formatTime(item) {
     const {
@@ -19,7 +19,7 @@ export default class timeCol extends PureComponent {
 
       return /*#__PURE__*/React.createElement(LocaleConsumer, {
         componentName: "Calendar",
-        key: `locale-${item}`
+        key: "locale-".concat(item)
       }, locale => {
         let time = item < 12 ? replaceTime(locale.AM, item) : replaceTime(locale.PM, item - 12);
 
@@ -36,17 +36,17 @@ export default class timeCol extends PureComponent {
     const {
       className
     } = this.props;
-    const wrapperCls = cls(className, `${prefixCls}`);
+    const wrapperCls = cls(className, "".concat(prefixCls));
     const list = [...Array(24).keys()].map(item => this.formatTime(item));
     list.splice(0, 1, '');
     const inner = list.map((item, index) => /*#__PURE__*/React.createElement("li", {
-      key: `time-${index}`,
-      className: `${prefixCls}-item`
+      key: "time-".concat(index),
+      className: "".concat(prefixCls, "-item")
     }, /*#__PURE__*/React.createElement("span", null, item)));
     return /*#__PURE__*/React.createElement("div", {
       className: wrapperCls
     }, /*#__PURE__*/React.createElement("ul", {
-      className: `${prefixCls}-items`
+      className: "".concat(prefixCls, "-items")
     }, inner));
   }