@douyinfe/semi-foundation 2.25.3 → 2.25.4

package/lib/cjs/pagination/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, "-page")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-page`
 };
 exports.cssClasses = cssClasses;
 const strings = {};

package/lib/cjs/popconfirm/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, "-popconfirm"),
-  POPOVER: "".concat(_constants.BASE_CLASS_PREFIX, "-popconfirm-popover")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-popconfirm`,
+  POPOVER: `${_constants.BASE_CLASS_PREFIX}-popconfirm-popover`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/popover/constants.js

@@ -10,8 +10,8 @@ var _constants = require("../tooltip/constants");
 var _constants2 = require("../base/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants2.BASE_CLASS_PREFIX, "-popover"),
-  ARROW: "".concat(_constants2.BASE_CLASS_PREFIX, "-popover-icon-arrow")
+  PREFIX: `${_constants2.BASE_CLASS_PREFIX}-popover`,
+  ARROW: `${_constants2.BASE_CLASS_PREFIX}-popover-icon-arrow`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/progress/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, "-progress")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-progress`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/progress/generates.js

@@ -61,10 +61,10 @@ function generateGradients(g, index) {
   } = g;
   const sA = startColor.split('');
   const eA = endColor.split('');
-  const rC = [parseInt("".concat(sA[1]).concat(sA[2]), 16), parseInt("".concat(eA[1]).concat(eA[2]), 16)];
-  const gC = [parseInt("".concat(sA[3]).concat(sA[4]), 16), parseInt("".concat(eA[3]).concat(eA[4]), 16)];
-  const bC = [parseInt("".concat(sA[5]).concat(sA[6]), 16), parseInt("".concat(eA[5]).concat(eA[6]), 16)];
-  const aC = [parseInt("".concat(sA[7]).concat(sA[8]), 16), parseInt("".concat(eA[7]).concat(eA[8]), 16)];
+  const rC = [parseInt(`${sA[1]}${sA[2]}`, 16), parseInt(`${eA[1]}${eA[2]}`, 16)];
+  const gC = [parseInt(`${sA[3]}${sA[4]}`, 16), parseInt(`${eA[3]}${eA[4]}`, 16)];
+  const bC = [parseInt(`${sA[5]}${sA[6]}`, 16), parseInt(`${eA[5]}${eA[6]}`, 16)];
+  const aC = [parseInt(`${sA[7]}${sA[8]}`, 16), parseInt(`${eA[7]}${eA[8]}`, 16)];
   const rStep = (rC[0] - rC[1]) / (size + 1);
   const gStep = (gC[0] - gC[1]) / (size + 1);
   const bStep = (bC[0] - bC[1]) / (size + 1);
@@ -74,14 +74,14 @@ function generateGradients(g, index) {
     const rS = Math.round(rC[0] - rStep * (i + 1)).toString(16);
     const gS = Math.round(gC[0] - gStep * (i + 1)).toString(16);
     const bS = Math.round(bC[0] - bStep * (i + 1)).toString(16);
-    const h = "".concat(padTwo(rS)).concat(padTwo(gS)).concat(padTwo(bS));
+    const h = `${padTwo(rS)}${padTwo(gS)}${padTwo(bS)}`;
     const t = Math.floor(aStep * (i + 1) + aC[1]).toString(16);
-    return toHex.Hex("#".concat(h), t);
+    return toHex.Hex(`#${h}`, t);
   }
 
   function padTwo(s) {
     if (s.length === 1) {
-      return "0".concat(s);
+      return `0${s}`;
     }
 
     if (s.length === 0) {
@@ -129,10 +129,10 @@ function formatToHex(color) {
     }
 
     if (SEMI_DESIGN_TOKENS.SEQUENCE.indexOf(color) !== -1) {
-      return toHex.SemiDesignToken("".concat(color, "-5"));
+      return toHex.SemiDesignToken(`${color}-5`);
     }
 
-    return toHex.SemiDesignToken("".concat(color));
+    return toHex.SemiDesignToken(`${color}`);
   }
 
   return undefined;
@@ -141,14 +141,14 @@ function formatToHex(color) {
 const toHex = {
   Hex(color, transparency) {
     color = color.replace('#', '');
-    if (color.length === 8) return "#".concat(color);
-    if (color.length === 6) return "#".concat(color).concat(transparency || 'ff');
+    if (color.length === 8) return `#${color}`;
+    if (color.length === 6) return `#${color}${transparency || 'ff'}`;
 
     if (color.length === 3) {
       color = color.split('').map(c => c + c).join('');
     }
 
-    return "#".concat(color).concat(transparency || 'ff');
+    return `#${color}${transparency || 'ff'}`;
   },
 
   SemiDesignToken(color) {
@@ -157,9 +157,9 @@ const toHex = {
       return undefined;
     }
 
-    const variable = getComputedStyle(document.body).getPropertyValue("--semi-".concat(color));
+    const variable = getComputedStyle(document.body).getPropertyValue(`--semi-${color}`);
     if (variable === '') return undefined;
-    const rgba = "rgba(".concat(variable, ", 1)");
+    const rgba = `rgba(${variable}, 1)`;
     return toHex.RgbA(rgba);
   },
 

package/lib/cjs/radio/constants.js

@@ -8,22 +8,22 @@ exports.strings = exports.radioGroupClasses = exports.radioClasses = exports.num
 var _constants = require("../base/constants");
 
 const radioClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-radio"),
-  INNER: "".concat(_constants.BASE_CLASS_PREFIX, "-radio-inner"),
-  TEXT: "".concat(_constants.BASE_CLASS_PREFIX, "-radio-text"),
-  INPUT: "".concat(_constants.BASE_CLASS_PREFIX, "-radio-input"),
-  CHECKED: "".concat(_constants.BASE_CLASS_PREFIX, "-radio-checked"),
-  DISABLED: "".concat(_constants.BASE_CLASS_PREFIX, "-radio-disabled"),
-  BUTTON: "".concat(_constants.BASE_CLASS_PREFIX, "-radio-button")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-radio`,
+  INNER: `${_constants.BASE_CLASS_PREFIX}-radio-inner`,
+  TEXT: `${_constants.BASE_CLASS_PREFIX}-radio-text`,
+  INPUT: `${_constants.BASE_CLASS_PREFIX}-radio-input`,
+  CHECKED: `${_constants.BASE_CLASS_PREFIX}-radio-checked`,
+  DISABLED: `${_constants.BASE_CLASS_PREFIX}-radio-disabled`,
+  BUTTON: `${_constants.BASE_CLASS_PREFIX}-radio-button`
 };
 exports.radioClasses = radioClasses;
 const radioGroupClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-radioGroup"),
-  INNER: "".concat(_constants.BASE_CLASS_PREFIX, "-radioGroup-inner"),
-  TEXT: "".concat(_constants.BASE_CLASS_PREFIX, "-radioGroup-text"),
-  INPUT: "".concat(_constants.BASE_CLASS_PREFIX, "-radioGroup-input"),
-  CHECKED: "".concat(_constants.BASE_CLASS_PREFIX, "-radioGroup-checked"),
-  DISABLED: "".concat(_constants.BASE_CLASS_PREFIX, "-radioGroup-disabled")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-radioGroup`,
+  INNER: `${_constants.BASE_CLASS_PREFIX}-radioGroup-inner`,
+  TEXT: `${_constants.BASE_CLASS_PREFIX}-radioGroup-text`,
+  INPUT: `${_constants.BASE_CLASS_PREFIX}-radioGroup-input`,
+  CHECKED: `${_constants.BASE_CLASS_PREFIX}-radioGroup-checked`,
+  DISABLED: `${_constants.BASE_CLASS_PREFIX}-radioGroup-disabled`
 };
 exports.radioGroupClasses = radioGroupClasses;
 const strings = {

package/lib/cjs/rating/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, "-rating")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-rating`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/scrollList/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, "-scrolllist"),
-  SELECTED: "".concat(_constants.BASE_CLASS_PREFIX, "-scrolllist-item-selected")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-scrolllist`,
+  SELECTED: `${_constants.BASE_CLASS_PREFIX}-scrolllist-item-selected`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/select/constants.js

@@ -10,9 +10,9 @@ var _constants = require("../base/constants");
 var _constants2 = require("../tooltip/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-select"),
-  PREFIX_OPTION: "".concat(_constants.BASE_CLASS_PREFIX, "-select-option"),
-  PREFIX_GROUP: "".concat(_constants.BASE_CLASS_PREFIX, "-select-group")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-select`,
+  PREFIX_OPTION: `${_constants.BASE_CLASS_PREFIX}-select-option`,
+  PREFIX_GROUP: `${_constants.BASE_CLASS_PREFIX}-select-group`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/select/foundation.js

@@ -1355,7 +1355,8 @@ class SelectFoundation extends _foundation.default {
     const isMultiple = this._isMultiple();
 
     if (!isMultiple) {
-      console.warn("[Semi Select]: It seems that you have called the selectAll method in the single-selection Select.\n                Please note that this is not a legal way to use it");
+      console.warn(`[Semi Select]: It seems that you have called the selectAll method in the single-selection Select.
+                Please note that this is not a legal way to use it`);
       return;
     }
 

package/lib/cjs/sideSheet/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, "-sidesheet"),
-  DIALOG: "".concat(_constants.BASE_CLASS_PREFIX, "-modal")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-sidesheet`,
+  DIALOG: `${_constants.BASE_CLASS_PREFIX}-modal`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/skeleton/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, "-skeleton")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-skeleton`
 };
 exports.cssClasses = cssClasses;
 const strings = {};

package/lib/cjs/slider/constants.js

@@ -8,13 +8,13 @@ exports.strings = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-slider"),
-  DISABLED: "".concat(_constants.BASE_CLASS_PREFIX, "-slider-disabled"),
-  VERTICAL: "".concat(_constants.BASE_CLASS_PREFIX, "-slider-vertical"),
-  TRACK: "".concat(_constants.BASE_CLASS_PREFIX, "-slider-track"),
-  DOTS: "".concat(_constants.BASE_CLASS_PREFIX, "-slider-dots"),
-  MARKS: "".concat(_constants.BASE_CLASS_PREFIX, "-slider-marks"),
-  HANDLE: "".concat(_constants.BASE_CLASS_PREFIX, "-slider-handle")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-slider`,
+  DISABLED: `${_constants.BASE_CLASS_PREFIX}-slider-disabled`,
+  VERTICAL: `${_constants.BASE_CLASS_PREFIX}-slider-vertical`,
+  TRACK: `${_constants.BASE_CLASS_PREFIX}-slider-track`,
+  DOTS: `${_constants.BASE_CLASS_PREFIX}-slider-dots`,
+  MARKS: `${_constants.BASE_CLASS_PREFIX}-slider-marks`,
+  HANDLE: `${_constants.BASE_CLASS_PREFIX}-slider-handle`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/space/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, "-space")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-space`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/spin/constants.js

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

package/lib/cjs/steps/constants.js

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

package/lib/cjs/switch/constants.js

@@ -8,19 +8,19 @@ exports.strings = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
 
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-switch"),
-  FOCUS: "".concat(_constants.BASE_CLASS_PREFIX, "-switch-focus"),
-  LARGE: "".concat(_constants.BASE_CLASS_PREFIX, "-switch-large"),
-  SMALL: "".concat(_constants.BASE_CLASS_PREFIX, "-switch-small"),
-  CHECKED: "".concat(_constants.BASE_CLASS_PREFIX, "-switch-checked"),
-  DISABLED: "".concat(_constants.BASE_CLASS_PREFIX, "-switch-disabled"),
-  ACTIVE: "".concat(_constants.BASE_CLASS_PREFIX, "-switch-active"),
-  KNOB: "".concat(_constants.BASE_CLASS_PREFIX, "-switch-knob"),
-  NATIVE_CONTROL: "".concat(_constants.BASE_CLASS_PREFIX, "-switch-native-control"),
-  CHECKED_TEXT: "".concat(_constants.BASE_CLASS_PREFIX, "-switch-checked-text"),
-  UNCHECKED_TEXT: "".concat(_constants.BASE_CLASS_PREFIX, "-switch-unchecked-text"),
-  LOADING_SPIN: "".concat(_constants.BASE_CLASS_PREFIX, "-switch-loading-spin"),
-  LOADING: "".concat(_constants.BASE_CLASS_PREFIX, "-switch-loading")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-switch`,
+  FOCUS: `${_constants.BASE_CLASS_PREFIX}-switch-focus`,
+  LARGE: `${_constants.BASE_CLASS_PREFIX}-switch-large`,
+  SMALL: `${_constants.BASE_CLASS_PREFIX}-switch-small`,
+  CHECKED: `${_constants.BASE_CLASS_PREFIX}-switch-checked`,
+  DISABLED: `${_constants.BASE_CLASS_PREFIX}-switch-disabled`,
+  ACTIVE: `${_constants.BASE_CLASS_PREFIX}-switch-active`,
+  KNOB: `${_constants.BASE_CLASS_PREFIX}-switch-knob`,
+  NATIVE_CONTROL: `${_constants.BASE_CLASS_PREFIX}-switch-native-control`,
+  CHECKED_TEXT: `${_constants.BASE_CLASS_PREFIX}-switch-checked-text`,
+  UNCHECKED_TEXT: `${_constants.BASE_CLASS_PREFIX}-switch-unchecked-text`,
+  LOADING_SPIN: `${_constants.BASE_CLASS_PREFIX}-switch-loading-spin`,
+  LOADING: `${_constants.BASE_CLASS_PREFIX}-switch-loading`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/table/constants.js

@@ -9,13 +9,13 @@ var _constants = require("../base/constants");
 
 /* eslint-disable max-len */
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-table"),
-  TABLE: "".concat(_constants.BASE_CLASS_PREFIX, "-table"),
-  WRAP: "".concat(_constants.BASE_CLASS_PREFIX, "-table-wrapper"),
-  THEAD: "".concat(_constants.BASE_CLASS_PREFIX, "-table-thead"),
-  TR: "".concat(_constants.BASE_CLASS_PREFIX, "-table-row"),
-  TH: "".concat(_constants.BASE_CLASS_PREFIX, "-table-row-head"),
-  TD: "".concat(_constants.BASE_CLASS_PREFIX, "-table-row-cell")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-table`,
+  TABLE: `${_constants.BASE_CLASS_PREFIX}-table`,
+  WRAP: `${_constants.BASE_CLASS_PREFIX}-table-wrapper`,
+  THEAD: `${_constants.BASE_CLASS_PREFIX}-table-thead`,
+  TR: `${_constants.BASE_CLASS_PREFIX}-table-row`,
+  TH: `${_constants.BASE_CLASS_PREFIX}-table-row-head`,
+  TD: `${_constants.BASE_CLASS_PREFIX}-table-row-cell`
 };
 exports.cssClasses = cssClasses;
 const strings = {

package/lib/cjs/table/utils.js

@@ -358,7 +358,7 @@ function assignColumnKeys(columns) {
       // if user give column a dataIndex, use it for backup
       const _index = column.dataIndex || index;
 
-      column.key = "".concat(level, "-").concat(_index);
+      column.key = `${level}-${_index}`;
     }
 
     if (Array.isArray(column[childrenColumnName]) && column[childrenColumnName].length) {
@@ -586,7 +586,7 @@ function warnIfNoDataIndex(column) {
     const logger = new _Logger.default('[@douyinfe/semi-ui Table]');
 
     if ((Array.isArray(filters) || (0, _isFunction2.default)(sorter)) && (0, _isNullOrUndefined.default)(dataIndex)) {
-      logger.warn("The column with sorter or filter must pass the 'dataIndex' prop");
+      logger.warn(`The column with sorter or filter must pass the 'dataIndex' prop`);
     }
   }
 }

package/lib/cjs/tabs/constants.js

@@ -8,27 +8,27 @@ exports.strings = exports.numbers = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
 
 const cssClasses = {
-  TABS: "".concat(_constants.BASE_CLASS_PREFIX, "-tabs"),
-  TABS_BAR: "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-bar"),
-  TABS_BAR_LINE: "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-bar-line"),
-  TABS_BAR_CARD: "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-bar-card"),
-  TABS_BAR_BUTTON: "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-bar-button"),
-  TABS_BAR_EXTRA: "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-bar-extra"),
-  TABS_TAB: "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-tab"),
-  TABS_TAB_ACTIVE: "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-tab-active"),
-  TABS_TAB_DISABLED: "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-tab-disabled"),
-  TABS_CONTENT: "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-content"),
-  TABS_CONTENT_ANIMATED: "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-content-animated"),
-  TABS_CONTENT_NO_ANIMATED: "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-content-no-animated"),
-  TABS_PANE: "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-pane"),
-  TABS_PANE_INACTIVE: "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-pane-inactive"),
-  TABS_PANE_ACTIVE: "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-pane-active"),
-  TABS_PANE_MOTION_OVERLAY: "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-pane-motion-overlay"),
-  TABS_PANE_ANIMATING: "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-pane-animating"),
-  "TABS_PANE_ANIMATE_LEFT_SHOW": "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-pane-animate-leftShow"),
-  "TABS_PANE_ANIMATE_RIGHT_SHOW": "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-pane-animate-rightShow"),
-  "TABS_PANE_ANIMATE_TOP_SHOW": "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-pane-animate-topShow"),
-  "TABS_PANE_ANIMATE_BOTTOM_SHOW": "".concat(_constants.BASE_CLASS_PREFIX, "-tabs-pane-animate-bottomShow")
+  TABS: `${_constants.BASE_CLASS_PREFIX}-tabs`,
+  TABS_BAR: `${_constants.BASE_CLASS_PREFIX}-tabs-bar`,
+  TABS_BAR_LINE: `${_constants.BASE_CLASS_PREFIX}-tabs-bar-line`,
+  TABS_BAR_CARD: `${_constants.BASE_CLASS_PREFIX}-tabs-bar-card`,
+  TABS_BAR_BUTTON: `${_constants.BASE_CLASS_PREFIX}-tabs-bar-button`,
+  TABS_BAR_EXTRA: `${_constants.BASE_CLASS_PREFIX}-tabs-bar-extra`,
+  TABS_TAB: `${_constants.BASE_CLASS_PREFIX}-tabs-tab`,
+  TABS_TAB_ACTIVE: `${_constants.BASE_CLASS_PREFIX}-tabs-tab-active`,
+  TABS_TAB_DISABLED: `${_constants.BASE_CLASS_PREFIX}-tabs-tab-disabled`,
+  TABS_CONTENT: `${_constants.BASE_CLASS_PREFIX}-tabs-content`,
+  TABS_CONTENT_ANIMATED: `${_constants.BASE_CLASS_PREFIX}-tabs-content-animated`,
+  TABS_CONTENT_NO_ANIMATED: `${_constants.BASE_CLASS_PREFIX}-tabs-content-no-animated`,
+  TABS_PANE: `${_constants.BASE_CLASS_PREFIX}-tabs-pane`,
+  TABS_PANE_INACTIVE: `${_constants.BASE_CLASS_PREFIX}-tabs-pane-inactive`,
+  TABS_PANE_ACTIVE: `${_constants.BASE_CLASS_PREFIX}-tabs-pane-active`,
+  TABS_PANE_MOTION_OVERLAY: `${_constants.BASE_CLASS_PREFIX}-tabs-pane-motion-overlay`,
+  TABS_PANE_ANIMATING: `${_constants.BASE_CLASS_PREFIX}-tabs-pane-animating`,
+  "TABS_PANE_ANIMATE_LEFT_SHOW": `${_constants.BASE_CLASS_PREFIX}-tabs-pane-animate-leftShow`,
+  "TABS_PANE_ANIMATE_RIGHT_SHOW": `${_constants.BASE_CLASS_PREFIX}-tabs-pane-animate-rightShow`,
+  "TABS_PANE_ANIMATE_TOP_SHOW": `${_constants.BASE_CLASS_PREFIX}-tabs-pane-animate-topShow`,
+  "TABS_PANE_ANIMATE_BOTTOM_SHOW": `${_constants.BASE_CLASS_PREFIX}-tabs-pane-animate-bottomShow`
 };
 exports.cssClasses = cssClasses;
 const numbers = {

package/lib/cjs/tag/constants.js

@@ -9,7 +9,7 @@ var _constants = require("../base/constants");
 
 /* eslint-disable max-len */
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-tag")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-tag`
 };
 exports.cssClasses = cssClasses;
 const strings = {

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 = {