@douyinfe/semi-foundation 2.25.2 → 2.25.4

package/lib/cjs/tagInput/constants.js

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

package/lib/cjs/timePicker/ComboxFoundation.js

@@ -19,10 +19,10 @@ const HOUR = 1000 * 60 * 60;
 const DAY = 24 * HOUR; // TODO: move to utils
 
 const formatOption = (option, disabledOptions) => {
-  let value = "".concat(option);
+  let value = `${option}`;
 
   if (option < 10) {
-    value = "0".concat(option);
+    value = `0${option}`;
   }
 
   let disabled = false;

package/lib/cjs/timePicker/constants.js

@@ -14,9 +14,9 @@ const TYPE_TIME_RANGE_PICKER = 'timeRange';
 const DEFAULT_RANGE_SEPARATOR = ' ~ ';
 const DEFAULT_MULTIPLE_SEPARATOR = ',';
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-timepicker"),
-  RANGE_PICKER: "".concat(_constants.BASE_CLASS_PREFIX, "-timepicker-range-panel"),
-  RANGE_PANEL_LISTS: "".concat(_constants.BASE_CLASS_PREFIX, "-timepicker-lists")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-timepicker`,
+  RANGE_PICKER: `${_constants.BASE_CLASS_PREFIX}-timepicker-range-panel`,
+  RANGE_PANEL_LISTS: `${_constants.BASE_CLASS_PREFIX}-timepicker-lists`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/timePicker/utils/index.js

@@ -152,14 +152,14 @@ const isTimeFormatLike = (time, formatToken) => {
   let isLike = true;
   const dateFnsSupportFormatCh = 'BDEGHKLMOPQRSTXYabcehimopqstuwxyz'; // dateFns support format character
 
-  const formatSupportChReg = new RegExp("[".concat(dateFnsSupportFormatCh, "]"), 'g');
-  const formatNotSupportChReg = new RegExp("[^".concat(dateFnsSupportFormatCh, "]"), 'g');
+  const formatSupportChReg = new RegExp(`[${dateFnsSupportFormatCh}]`, 'g');
+  const formatNotSupportChReg = new RegExp(`[^${dateFnsSupportFormatCh}]`, 'g');
   const hmsReg = /[H|m|s]{1,2}/;
   const formatSplitted = formatToken.split(formatNotSupportChReg); // => ['HH', 'mm'];
 
   const timeSeparator = formatToken.replace(formatSupportChReg, ''); // => :
 
-  const timeReg = new RegExp("[".concat(timeSeparator, "]"), 'g'); // => /[:]/g
+  const timeReg = new RegExp(`[${timeSeparator}]`, 'g'); // => /[:]/g
 
   const timeSplitted = time.split(timeReg); // => ['12', '0]
 

package/lib/cjs/timeline/constants.js

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

package/lib/cjs/toast/constants.js

@@ -7,11 +7,11 @@ exports.strings = exports.numbers = exports.cssClasses = void 0;
 
 var _constants = require("../base/constants");
 
-const PREFIX = "".concat(_constants.BASE_CLASS_PREFIX, "-toast");
+const PREFIX = `${_constants.BASE_CLASS_PREFIX}-toast`;
 const cssClasses = {
   PREFIX,
-  WRAPPER: "".concat(PREFIX, "-wrapper"),
-  LIST: "".concat(PREFIX, "-list")
+  WRAPPER: `${PREFIX}-wrapper`,
+  LIST: `${PREFIX}-list`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/tooltip/constants.js

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

package/lib/cjs/tooltip/foundation.js

@@ -494,23 +494,23 @@ class Tooltip extends _foundation.default {
     if (position && triggerRect && translateX != null && translateY != null) {
       if (this.getProp('transformFromCenter')) {
         if (['topLeft', 'bottomLeft'].includes(position)) {
-          return "".concat(this._roundPixel(triggerRect.width / 2), "px ").concat(-translateY * 100, "%");
+          return `${this._roundPixel(triggerRect.width / 2)}px ${-translateY * 100}%`;
         }
 
         if (['topRight', 'bottomRight'].includes(position)) {
-          return "calc(100% - ".concat(this._roundPixel(triggerRect.width / 2), "px) ").concat(-translateY * 100, "%");
+          return `calc(100% - ${this._roundPixel(triggerRect.width / 2)}px) ${-translateY * 100}%`;
         }
 
         if (['leftTop', 'rightTop'].includes(position)) {
-          return "".concat(-translateX * 100, "% ").concat(this._roundPixel(triggerRect.height / 2), "px");
+          return `${-translateX * 100}% ${this._roundPixel(triggerRect.height / 2)}px`;
         }
 
         if (['leftBottom', 'rightBottom'].includes(position)) {
-          return "".concat(-translateX * 100, "% calc(100% - ").concat(this._roundPixel(triggerRect.height / 2), "px)");
+          return `${-translateX * 100}% calc(100% - ${this._roundPixel(triggerRect.height / 2)}px)`;
         }
       }
 
-      return "".concat(-translateX * 100, "% ").concat(-translateY * 100, "%");
+      return `${-translateX * 100}% ${-translateY * 100}%`;
     }
 
     return null;
@@ -521,6 +521,9 @@ class Tooltip extends _foundation.default {
       spacing,
       isOverFlow
     } = props;
+    const {
+      innerWidth
+    } = window;
     const triggerRect = ((0, _isEmpty2.default)(props.triggerRect) ? props.triggerRect : this._adapter.getTriggerBounding()) || Object.assign({}, defaultRect);
     const containerRect = ((0, _isEmpty2.default)(props.containerRect) ? props.containerRect : this._adapter.getPopupContainerRect()) || Object.assign({}, defaultRect);
     const wrapperRect = ((0, _isEmpty2.default)(props.wrapperRect) ? props.wrapperRect : this._adapter.getWrapperBounding()) || Object.assign({}, defaultRect); // eslint-disable-next-line
@@ -559,6 +562,7 @@ class Tooltip extends _foundation.default {
     const isWidthOverFlow = isOverFlow && isOverFlow[1];
     const isTriggerNearLeft = middleX - containerRect.left < containerRect.right - middleX;
     const isTriggerNearTop = middleY - containerRect.top < containerRect.bottom - middleY;
+    const isWrapperWidthOverflow = wrapperRect.width > innerWidth;
 
     switch (position) {
       case 'top':
@@ -573,7 +577,7 @@ class Tooltip extends _foundation.default {
       case 'topLeft':
         // left = pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
         // top = triggerRect.top - SPACING;
-        left = isWidthOverFlow ? containerRect.left : pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
+        left = isWidthOverFlow ? isWrapperWidthOverflow ? containerRect.left : containerRect.right - wrapperRect.width : pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
         top = isHeightOverFlow ? containerRect.bottom + offsetHeight : triggerRect.top - SPACING;
         translateY = -1;
         break;
@@ -625,7 +629,7 @@ class Tooltip extends _foundation.default {
       case 'bottomLeft':
         // left = pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
         // top = triggerRect.bottom + SPACING;
-        left = isWidthOverFlow ? containerRect.left : pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
+        left = isWidthOverFlow ? isWrapperWidthOverflow ? containerRect.left : containerRect.right - wrapperRect.width : pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
         top = isHeightOverFlow ? containerRect.top + offsetYWithArrow - SPACING : triggerRect.top + triggerRect.height + SPACING;
         break;
 
@@ -733,7 +737,7 @@ class Tooltip extends _foundation.default {
     let transform = ''; // eslint-disable-next-line
 
     if (translateX != null) {
-      transform += "translateX(".concat(translateX * 100, "%) ");
+      transform += `translateX(${translateX * 100}%) `;
       Object.defineProperty(style, 'translateX', {
         enumerable: false,
         value: translateX
@@ -742,7 +746,7 @@ class Tooltip extends _foundation.default {
 
 
     if (translateY != null) {
-      transform += "translateY(".concat(translateY * 100, "%) ");
+      transform += `translateY(${translateY * 100}%) `;
       Object.defineProperty(style, 'translateY', {
         enumerable: false,
         value: translateY

package/lib/cjs/transfer/constants.js

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

package/lib/cjs/tree/constants.js

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

package/lib/cjs/tree/treeUtil.js

@@ -55,7 +55,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const DRAG_OFFSET = 0.45;
 
 function getPosition(level, index) {
-  return "".concat(level, "-").concat(index);
+  return `${level}-${index}`;
 }
 
 function isValid(val) {

package/lib/cjs/treeSelect/constants.js

@@ -8,9 +8,9 @@ exports.strings = exports.numbers = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-tree-select"),
-  PREFIX_TREE: "".concat(_constants.BASE_CLASS_PREFIX, "-tree"),
-  PREFIX_OPTION: "".concat(_constants.BASE_CLASS_PREFIX, "-tree-select-option")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-tree-select`,
+  PREFIX_TREE: `${_constants.BASE_CLASS_PREFIX}-tree`,
+  PREFIX_OPTION: `${_constants.BASE_CLASS_PREFIX}-tree-select-option`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/typography/constants.js

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

package/lib/cjs/typography/formatNumeral.js

@@ -18,7 +18,7 @@ class FormatNumeral {
           i++;
         }
 
-        return "".concat(this.truncatePrecision(value), " ").concat(units[i]);
+        return `${this.truncatePrecision(value)} ${units[i]}`;
       },
       'bytes-binary': value => {
         const units = ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
@@ -29,21 +29,21 @@ class FormatNumeral {
           i++;
         }
 
-        return "".concat(this.truncatePrecision(value), " ").concat(units[i]);
+        return `${this.truncatePrecision(value)} ${units[i]}`;
       },
       percentages: value => {
         const cArr = value.toString().split('.');
 
         if (Number(cArr[0]) === 0) {
-          return "".concat(this.truncatePrecision(value * 100), "%");
+          return `${this.truncatePrecision(value * 100)}%`;
         }
 
-        return "".concat(this.truncatePrecision(value), "%");
+        return `${this.truncatePrecision(value)}%`;
       },
       exponential: value => {
         const vExponential = value.toExponential(this.precision + 2);
         const vArr = vExponential.split('e');
-        return "".concat(this.truncatePrecision(Number(vArr[0])), "e").concat(vArr[1]);
+        return `${this.truncatePrecision(Number(vArr[0]))}e${vArr[1]}`;
       }
     }; // A collection of methods for truncating numbers; Methods key: Truncate (strings.Truncate);
 
@@ -93,7 +93,7 @@ class FormatNumeral {
     const cTLength = cArr[1].length; // Fill in any missing `0` at the end.
 
     if (cTLength < this.precision) {
-      return "".concat(cArr[0], ".").concat(cArr[1]).concat('0'.repeat(this.precision - cTLength));
+      return `${cArr[0]}.${cArr[1]}${'0'.repeat(this.precision - cTLength)}`;
     }
 
     return cTruncated.toString();

package/lib/cjs/upload/constants.js

@@ -7,14 +7,14 @@ exports.strings = exports.numbers = exports.cssClasses = void 0;
 
 var _constants = require("../base/constants");
 
-const PREFIX = "".concat(_constants.BASE_CLASS_PREFIX, "-upload");
+const PREFIX = `${_constants.BASE_CLASS_PREFIX}-upload`;
 const FILE_LIST_PIC = 'picture';
 const FILE_LIST_DEFAULT = 'list';
 const PROGRESS_COEFFICIENT = 0.95;
 const cssClasses = {
   PREFIX,
   // WRAPPER: `${PREFIX}-wrapper`,
-  LIST: "".concat(PREFIX, "-list")
+  LIST: `${PREFIX}-list`
 };
 exports.cssClasses = cssClasses;
 const TRIGGER_AUTO = 'auto';

package/lib/cjs/upload/foundation.js

@@ -77,7 +77,7 @@ class UploadFoundation extends _foundation.default {
       fileName
     } = _ref;
     const status = xhr ? xhr.status : 0;
-    const msg = message || "cannot post ".concat(fileName, " to ").concat(action, ", xhr status: ").concat(status, "'");
+    const msg = message || `cannot post ${fileName} to ${action}, xhr status: ${status}'`;
     const err = new Error(msg);
     err.status = status;
     err.method = 'post';

package/lib/cjs/upload/utils.js

@@ -48,11 +48,11 @@ exports.byteMB = byteMB;
 
 function getFileSize(number) {
   if (number < byteKB) {
-    return "".concat((number / byteKB).toFixed(2), "KB");
+    return `${(number / byteKB).toFixed(2)}KB`;
   } else if (number >= byteKB && number < byteMB) {
-    return "".concat((number / byteKB).toFixed(1), "KB");
+    return `${(number / byteKB).toFixed(1)}KB`;
   } else if (number >= byteMB) {
-    return "".concat((number / byteMB).toFixed(1), "MB");
+    return `${(number / byteMB).toFixed(1)}MB`;
   }
 
   return undefined;
@@ -125,7 +125,7 @@ function mapFileTree(items) {
 
         for (let index = 0; index < entries.length; index++) {
           const entry = entries[index];
-          yield _traverseFileTree(entry, "".concat(path).concat(item.name, "/"));
+          yield _traverseFileTree(entry, `${path}${item.name}/`);
         }
       }
     });

package/lib/cjs/utils/getMotionObjFromProps.js

@@ -28,7 +28,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  */
 function getMotionObjFromProps(props) {
   if (typeof props !== 'object' || props === null) {
-    throw new TypeError("props should be object type, got ".concat(typeof props));
+    throw new TypeError(`props should be object type, got ${typeof props}`);
   }
 
   const MOTION_PROPS = ['willEnter', 'didEnter', 'willLeave', 'didLeave', 'onStart', 'onRest', 'state'];
@@ -52,7 +52,7 @@ function getMotionObjFromProps(props) {
           };
         }
       } else {
-        (0, _warning.default)(true, "[Semi] duplicate motion key '".concat(key, "' from motion prop and props"));
+        (0, _warning.default)(true, `[Semi] duplicate motion key '${key}' from motion prop and props`);
       }
     }
   } else if (typeof motionProp === 'function') {

package/lib/cjs/utils/touchPolyfill.js

@@ -30,7 +30,7 @@ const touchEventPolyfill = (touch, touchEvent) => {
       }
 
       if (touch[key]) {
-        (0, _warning.default)(true, "\"The key ".concat(key, "\" exist in Touch."));
+        (0, _warning.default)(true, `"The key ${key}" exist in Touch.`);
       } else {
         touch[key] = value;
       }

package/lib/cjs/utils/uuid.js

@@ -8,7 +8,7 @@ exports.getUuidShort = getUuidShort;
 exports.getUuidv4 = getUuidv4;
 
 function getUuid(prefix) {
-  return "".concat(prefix, "-").concat(new Date().getTime(), "-").concat(Math.random());
+  return `${prefix}-${new Date().getTime()}-${Math.random()}`;
 } // https://stackoverflow.com/questions/105034/create-guid-uuid-in-javascript
 
 
@@ -49,5 +49,5 @@ function getUuidShort() {
     randomId += characters.charAt(random);
   }
 
-  return prefix ? "".concat(prefix, "-").concat(randomId) : randomId;
+  return prefix ? `${prefix}-${randomId}` : randomId;
 }

package/lib/cjs/utils/warning.js

@@ -7,6 +7,6 @@ exports.default = warning;
 
 function warning(flag, info) {
   if (flag) {
-    console.warn("Warning: ".concat(info));
+    console.warn(`Warning: ${info}`);
   }
 }

package/lib/es/anchor/constants.js

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

package/lib/es/anchor/foundation.js

@@ -43,12 +43,12 @@ export default class AnchorFoundation extends BaseFoundation {
 
 
     this.setScrollHeight = () => {
-      const anchorWrapper = ".".concat(prefixCls, "-link-wrapper");
+      const anchorWrapper = `.${prefixCls}-link-wrapper`;
 
       const anchorNode = this._adapter.getAnchorNode(anchorWrapper);
 
       if (anchorNode) {
-        const scrollHeight = "".concat(anchorNode.scrollHeight, "px");
+        const scrollHeight = `${anchorNode.scrollHeight}px`;
 
         this._adapter.setScrollHeight(scrollHeight);
       }
@@ -233,7 +233,7 @@ export default class AnchorFoundation extends BaseFoundation {
     };
 
     this._setActiveSlide = () => {
-      const activeClass = ".".concat(cssClasses.PREFIX, "-link-title-active");
+      const activeClass = `.${cssClasses.PREFIX}-link-title-active`;
 
       const linkNode = this._adapter.getAnchorNode(activeClass);
 

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

@@ -298,7 +298,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']