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

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));
   }
 

package/lib/es/calendar/weekCalendar.js

@@ -14,11 +14,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 WeekCalendar extends BaseComponent {
   constructor(props) {
     super(props);
@@ -50,7 +50,7 @@ export default class WeekCalendar 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,
@@ -73,14 +73,14 @@ export default class WeekCalendar extends BaseComponent {
         week
       } = this.foundation.getWeeklyData(displayValue, 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,
@@ -89,14 +89,14 @@ export default class WeekCalendar 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));
       }))));
     };
@@ -110,15 +110,15 @@ export default class WeekCalendar extends BaseComponent {
           children,
           key
         } = 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);
       });
@@ -132,7 +132,7 @@ export default class WeekCalendar extends BaseComponent {
       const parsed = this.foundation.parseWeeklyAllDayEvents(allDay);
       const maxRowHeight = calcRowHeight(parsed);
       const style = {
-        height: `${maxRowHeight}em`
+        height: "".concat(maxRowHeight, "em")
       };
       const {
         markWeekend
@@ -141,25 +141,25 @@ export default class WeekCalendar extends BaseComponent {
         week
       } = this.weeklyData;
       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))));
     };
 
@@ -246,14 +246,14 @@ export default class WeekCalendar 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/card/cardGroup.js

@@ -29,8 +29,8 @@ class CardGroup extends PureComponent {
           others = __rest(_a, ["children", "className", "spacing", "style", "type"]);
 
     const isGrid = type === 'grid';
-    const cardGroupCls = cls(`${prefixcls}-group`, className, {
-      [`${prefixcls}-group-grid`]: isGrid
+    const cardGroupCls = cls("".concat(prefixcls, "-group"), className, {
+      ["".concat(prefixcls, "-group-grid")]: isGrid
     });
     return /*#__PURE__*/React.createElement(Space, Object.assign({
       spacing: isGrid ? 0 : spacing,

package/lib/es/card/index.js

@@ -35,12 +35,12 @@ class Card extends PureComponent {
         headerLine,
         headerStyle
       } = this.props;
-      const headerCls = cls(`${prefixcls}-header`, {
-        [`${prefixcls}-header-bordered`]: Boolean(headerLine)
+      const headerCls = cls("".concat(prefixcls, "-header"), {
+        ["".concat(prefixcls, "-header-bordered")]: Boolean(headerLine)
       });
-      const headerWrapperCls = cls(`${prefixcls}-header-wrapper`);
-      const titleCls = cls(`${prefixcls}-header-wrapper-title`, {
-        [`${prefixcls}-header-wrapper-spacing`]: Boolean(headerExtraContent)
+      const headerWrapperCls = cls("".concat(prefixcls, "-header-wrapper"));
+      const titleCls = cls("".concat(prefixcls, "-header-wrapper-title"), {
+        ["".concat(prefixcls, "-header-wrapper-spacing")]: Boolean(headerExtraContent)
       });
 
       if (header || headerExtraContent || title) {
@@ -53,7 +53,7 @@ class Card extends PureComponent {
         React.createElement("div", {
           className: headerWrapperCls
         }, headerExtraContent && /*#__PURE__*/React.createElement("div", {
-          className: `${prefixcls}-header-wrapper-extra`,
+          className: "".concat(prefixcls, "-header-wrapper-extra"),
           "x-semi-prop": "headerExtraContent"
         }, headerExtraContent), title && /*#__PURE__*/React.createElement("div", {
           className: titleCls
@@ -74,7 +74,7 @@ class Card extends PureComponent {
       const {
         cover
       } = this.props;
-      const coverCls = cls(`${prefixcls}-cover`);
+      const coverCls = cls("".concat(prefixcls, "-cover"));
       return cover && /*#__PURE__*/React.createElement("div", {
         className: coverCls,
         "x-semi-prop": "cover"
@@ -88,9 +88,9 @@ class Card extends PureComponent {
         actions,
         loading
       } = this.props;
-      const bodyCls = cls(`${prefixcls}-body`);
-      const actionsCls = cls(`${prefixcls}-body-actions`);
-      const actionsItemCls = cls(`${prefixcls}-body-actions-item`);
+      const bodyCls = cls("".concat(prefixcls, "-body"));
+      const actionsCls = cls("".concat(prefixcls, "-body-actions"));
+      const actionsItemCls = cls("".concat(prefixcls, "-body-actions-item"));
       const placeholder = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Skeleton.Title, null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Skeleton.Paragraph, {
         rows: 3
       }));
@@ -108,7 +108,7 @@ class Card extends PureComponent {
       }, actions.map((item, idx) => /*#__PURE__*/React.createElement("div", {
         key: idx,
         className: actionsItemCls,
-        "x-semi-prop": `actions.${idx}`
+        "x-semi-prop": "actions.".concat(idx)
       }, item)))));
     };
 
@@ -118,8 +118,8 @@ class Card extends PureComponent {
         footerLine,
         footerStyle
       } = this.props;
-      const footerCls = cls(`${prefixcls}-footer`, {
-        [`${prefixcls}-footer-bordered`]: footerLine
+      const footerCls = cls("".concat(prefixcls, "-footer"), {
+        ["".concat(prefixcls, "-footer-bordered")]: footerLine
       });
       return footer && /*#__PURE__*/React.createElement("div", {
         style: footerStyle,
@@ -142,9 +142,9 @@ class Card extends PureComponent {
     const others = _omit(otherProps, ['actions', 'bodyStyle', 'cover', 'headerExtraContent', 'footer', 'footerLine', 'footerStyle', 'header', 'headerLine', 'headerStyle', 'loading', 'title']);
 
     const cardCls = cls(prefixcls, className, {
-      [`${prefixcls}-bordered`]: bordered,
-      [`${prefixcls}-shadows`]: shadows,
-      [`${prefixcls}-shadows-${shadows}`]: shadows
+      ["".concat(prefixcls, "-bordered")]: bordered,
+      ["".concat(prefixcls, "-shadows")]: shadows,
+      ["".concat(prefixcls, "-shadows-").concat(shadows)]: shadows
     });
     return /*#__PURE__*/React.createElement("div", Object.assign({}, others, {
       "aria-busy": this.props.loading,