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

package/lib/es/steps/steps.css

@@ -144,9 +144,147 @@
   overflow: hidden;
 }
 
+.semi-steps-item-fill.semi-steps-item {
+  box-sizing: border-box;
+  display: flex;
+  height: 72px;
+  position: relative;
+  overflow: hidden;
+  margin-right: 16px;
+  border: 1px solid transparent;
+  border-radius: var(--semi-border-radius-medium);
+  padding: 12px 16px;
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
+  transform: scale(var(--semi-transform_scale-small));
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
+}
+.semi-steps-item-fill.semi-steps-item .semi-steps-item-title {
+  position: relative;
+  font-size: 18px;
+  line-height: 24px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 600;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--semi-color-text-0);
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
+}
+.semi-steps-item-fill.semi-steps-item .semi-steps-item-description {
+  font-size: 14px;
+  line-height: 20px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: var(--semi-color-text-2);
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.semi-steps-item-fill.semi-steps-item-process {
+  background-color: var(--semi-color-primary-light-default);
+}
+.semi-steps-item-fill.semi-steps-item-process .semi-steps-item-left:not(.semi-steps-item-icon) {
+  background: var(--semi-color-primary);
+}
+.semi-steps-item-fill.semi-steps-item-process .semi-steps-item-title,
+.semi-steps-item-fill.semi-steps-item-process .semi-steps-item-icon {
+  color: var(--semi-color-primary);
+}
+.semi-steps-item-fill.semi-steps-item-wait .semi-steps-item-left:not(.semi-steps-item-icon) {
+  background: var(--semi-color-text-2);
+}
+.semi-steps-item-fill.semi-steps-item-wait .semi-steps-item-icon {
+  color: var(--semi-color-text-2);
+}
+.semi-steps-item-fill.semi-steps-item-finish .semi-icon,
+.semi-steps-item-fill.semi-steps-item-finish .semi-steps-item-title {
+  color: var(--semi-color-success);
+}
+.semi-steps-item-fill.semi-steps-item-finish:hover {
+  background-color: var(--semi-color-fill-0);
+}
+.semi-steps-item-fill.semi-steps-item-finish:hover .semi-icon,
+.semi-steps-item-fill.semi-steps-item-finish:hover .semi-steps-item-title {
+  color: var(--semi-color-success-hover);
+}
+.semi-steps-item-fill.semi-steps-item-finish:active {
+  background-color: var(--semi-color-fill-1);
+}
+.semi-steps-item-fill.semi-steps-item-finish:active .semi-icon,
+.semi-steps-item-fill.semi-steps-item-finish:active .semi-steps-item-title {
+  color: var(--semi-color-success-active);
+}
+.semi-steps-item-fill.semi-steps-item-error .semi-icon,
+.semi-steps-item-fill.semi-steps-item-error .semi-steps-item-title {
+  color: var(--semi-color-danger);
+}
+.semi-steps-item-fill.semi-steps-item-error:hover {
+  background: var(--semi-color-fill-0);
+}
+.semi-steps-item-fill.semi-steps-item-error:hover .semi-icon,
+.semi-steps-item-fill.semi-steps-item-error:hover .semi-steps-item-title {
+  color: var(--semi-color-danger-hover);
+}
+.semi-steps-item-fill.semi-steps-item-error:active {
+  background-color: var(--semi-color-fill-1);
+}
+.semi-steps-item-fill.semi-steps-item-error:active .semi-icon,
+.semi-steps-item-fill.semi-steps-item-error:active .semi-steps-item-title {
+  color: var(--semi-color-danger-active);
+}
+.semi-steps-item-fill.semi-steps-item-warning .semi-steps-item-title,
+.semi-steps-item-fill.semi-steps-item-warning .semi-icon {
+  color: var(--semi-color-warning);
+}
+.semi-steps-item-fill.semi-steps-item-warning:hover {
+  background: var(--semi-color-fill-0);
+}
+.semi-steps-item-fill.semi-steps-item-warning:hover .semi-steps-item-title,
+.semi-steps-item-fill.semi-steps-item-warning:hover .semi-icon {
+  color: var(--semi-color-warning-hover);
+}
+.semi-steps-item-fill.semi-steps-item-warning:active {
+  background-color: var(--semi-color-fill-1);
+}
+.semi-steps-item-fill.semi-steps-item-warning:active .semi-steps-item-title,
+.semi-steps-item-fill.semi-steps-item-warning:active .semi-icon {
+  color: var(--semi-color-warning-active);
+}
+.semi-steps-item-fill.semi-steps-item-clickable {
+  cursor: pointer;
+}
+.semi-steps-item-fill .semi-steps-item-left {
+  width: 24px;
+  height: 24px;
+  line-height: 32px;
+  text-align: center;
+  border-radius: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  line-height: 28px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 600;
+  flex-grow: 0;
+}
+.semi-steps-item-fill .semi-steps-item-left.semi-steps-item-plain {
+  color: rgba(var(--semi-white), 1);
+}
+.semi-steps-item-fill .semi-steps-item-left-process {
+  background: var(--semi-color-primary-light-default);
+}
+.semi-steps-item-fill .semi-steps-item-content {
+  margin-left: 16px;
+  flex: 1;
+  overflow: hidden;
+}
+
 .semi-steps-basic.semi-steps-horizontal {
   display: flex;
   flex-flow: row nowrap;
+  column-gap: 16px;
 }
 .semi-steps-basic.semi-steps-horizontal.semi-steps-hasline .semi-steps-item-title::after {
   content: "";
@@ -158,12 +296,6 @@
   height: 1px;
   background: var(--semi-color-fill-2);
 }
-.semi-steps-basic.semi-steps-horizontal .semi-steps-item {
-  padding-left: 16px;
-}
-.semi-steps-basic.semi-steps-horizontal .semi-steps-item:first-child {
-  padding-left: 0;
-}
 .semi-steps-basic.semi-steps-horizontal .semi-steps-item:last-child {
   flex: none;
 }
@@ -203,9 +335,7 @@
 .semi-steps-basic.semi-steps-vertical {
   display: flex;
   flex-flow: column nowrap;
-}
-.semi-steps-basic.semi-steps-vertical.semi-steps-small .semi-steps-item .semi-steps-item-content {
-  min-height: 40px;
+  row-gap: 9px;
 }
 .semi-steps-basic.semi-steps-vertical.semi-steps-hasline .semi-steps-item-icon::after {
   content: "";
@@ -217,11 +347,8 @@
   height: 9999px;
   background: var(--semi-color-fill-2);
 }
-.semi-steps-basic.semi-steps-vertical .semi-steps-item {
-  padding-top: 9px;
-}
-.semi-steps-basic.semi-steps-vertical .semi-steps-item:first-child {
-  padding-top: 0;
+.semi-steps-basic.semi-steps-vertical.semi-steps-small .semi-steps-item .semi-steps-item-content {
+  min-height: 40px;
 }
 .semi-steps-basic.semi-steps-vertical .semi-steps-item:last-child .semi-steps-item-icon::after {
   display: none;
@@ -368,6 +495,197 @@
   height: 20px;
 }
 
+.semi-steps-item-basic.semi-steps-item-horizontal {
+  display: flex;
+  flex-flow: row nowrap;
+  column-gap: 16px;
+}
+.semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item:last-child {
+  flex: none;
+}
+.semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item:last-child .semi-steps-item-title {
+  max-width: 100%;
+  padding-right: 0;
+}
+.semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item:last-child .semi-steps-item-title::after {
+  display: none;
+}
+.semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item-done .semi-steps-item-container .semi-steps-item-title::after {
+  background: var(--semi-color-primary);
+}
+.semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item .semi-steps-item-content {
+  flex: 1;
+}
+.semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item .semi-steps-item-description {
+  font-size: 12px;
+  line-height: 16px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: var(--semi-color-text-2);
+  width: 100%;
+  max-width: 268px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item .semi-steps-item-title {
+  max-width: 80%;
+}
+.semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item .semi-steps-item-title .semi-steps-item-title-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
+}
+.semi-steps-item-basic.semi-steps-item-vertical {
+  display: flex;
+  flex-flow: column nowrap;
+  row-gap: 9px;
+}
+.semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item:last-child .semi-steps-item-icon::after {
+  display: none;
+}
+.semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item-done .semi-steps-item-icon::after {
+  background: var(--semi-color-primary);
+}
+.semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item .semi-steps-item-content {
+  min-height: 42px;
+  padding-bottom: 22px;
+}
+.semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item .semi-steps-item-icon {
+  display: inline-flex;
+  position: relative;
+  padding-bottom: 9px;
+}
+.semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item .semi-steps-item-description {
+  font-size: 12px;
+  line-height: 16px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: var(--semi-color-text-2);
+  width: 100%;
+}
+.semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item .semi-steps-item-title {
+  max-width: 100%;
+}
+.semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item .semi-steps-item-title .semi-steps-item-title-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.semi-steps-item-basic.semi-steps-item {
+  box-sizing: border-box;
+  position: relative;
+  display: inline-block;
+  vertical-align: top;
+  overflow: hidden;
+  flex: 1;
+  cursor: pointer;
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
+  transform: scale(var(--semi-transform_scale-small));
+}
+.semi-steps-item-basic.semi-steps-item:hover .semi-steps-item-title {
+  color: var(--semi-color-focus-border);
+}
+.semi-steps-item-basic.semi-steps-item:hover .semi-steps-item-description {
+  color: var(--semi-color-focus-border);
+}
+.semi-steps-item-basic.semi-steps-item .semi-steps-item-container {
+  display: flex;
+  align-items: flex-start;
+}
+.semi-steps-item-basic.semi-steps-item .semi-steps-item-left {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 8px;
+}
+.semi-steps-item-basic.semi-steps-item .semi-steps-item-left .semi-steps-item-icon {
+  display: flex;
+  height: 24px;
+  align-items: center;
+}
+.semi-steps-item-basic.semi-steps-item .semi-steps-item-left .semi-steps-item-number-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  font-size: 16px;
+  line-height: 22px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 600;
+  background: var(--semi-color-primary);
+  border-radius: var(--semi-border-radius-circle);
+  color: var(--semi-color-white);
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
+}
+.semi-steps-item-basic.semi-steps-item .semi-steps-item-title {
+  position: relative;
+  display: inline-block;
+  font-size: 16px;
+  line-height: 22px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 24px;
+  font-weight: 600;
+  color: var(--semi-color-text-0);
+  vertical-align: top;
+  padding-right: 16px;
+  padding-bottom: 4px;
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
+}
+.semi-steps-item-basic.semi-steps-item-finish .semi-steps-item-left .semi-steps-item-icon {
+  color: var(--semi-color-primary);
+}
+.semi-steps-item-basic.semi-steps-item-finish .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
+  color: var(--semi-color-white);
+}
+.semi-steps-item-basic.semi-steps-item-wait .semi-steps-item-title {
+  color: var(--semi-color-text-2);
+}
+.semi-steps-item-basic.semi-steps-item-wait .semi-steps-item-left .semi-steps-item-icon {
+  color: var(--semi-color-text-2);
+}
+.semi-steps-item-basic.semi-steps-item-wait .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
+  background: var(--semi-color-fill-0);
+  color: var(--semi-color-text-2);
+}
+.semi-steps-item-basic.semi-steps-item-wait:hover .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
+  background: var(--semi-color-secondary-light-default);
+  color: var(--semi-color-focus-border);
+}
+.semi-steps-item-basic.semi-steps-item-process .semi-steps-item-left .semi-steps-item-icon {
+  color: var(--semi-color-primary);
+}
+.semi-steps-item-basic.semi-steps-item-process .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
+  color: var(--semi-color-white);
+}
+.semi-steps-item-basic.semi-steps-item-error .semi-steps-item-left .semi-steps-item-icon {
+  color: var(--semi-color-danger);
+}
+.semi-steps-item-basic.semi-steps-item-error .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
+  color: var(--semi-color-primary);
+}
+.semi-steps-item-basic.semi-steps-item-warning .semi-steps-item-left .semi-steps-item-icon {
+  color: var(--semi-color-warning);
+}
+.semi-steps-item-basic.semi-steps-item-warning .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
+  color: var(--semi-color-white);
+}
+.semi-steps-item-basic.semi-steps-item-small.semi-steps-item .semi-steps-item-title {
+  font-size: 14px;
+  line-height: 20px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+.semi-steps-item-basic.semi-steps-item-small.semi-steps-item .semi-steps-item-left .semi-steps-item-icon {
+  height: 20px;
+}
+.semi-steps-item-basic.semi-steps-item-small.semi-steps-item .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
+  font-size: 12px;
+  line-height: 16px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  width: 20px;
+  height: 20px;
+}
+
 .semi-steps-nav {
   display: inline-flex;
   flex-flow: row nowrap;
@@ -417,6 +735,51 @@
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
+.semi-steps-item-nav.semi-steps-item {
+  box-sizing: border-box;
+}
+.semi-steps-item-nav.semi-steps-item:last-child {
+  flex: none;
+}
+.semi-steps-item-nav.semi-steps-item:last-child .semi-steps-item-content {
+  width: auto;
+}
+.semi-steps-item-nav.semi-steps-item .semi-steps-item-container {
+  display: flex;
+  align-items: center;
+  color: var(--semi-color-text-2);
+}
+.semi-steps-item-nav.semi-steps-item .semi-steps-item-container .semi-steps-item-icon {
+  display: inline-flex;
+  flex: 1;
+  justify-content: center;
+  color: var(--semi-grey-3);
+  min-width: 60px;
+}
+.semi-steps-item-nav.semi-steps-item .semi-steps-item-content {
+  flex: 1;
+  display: inline-block;
+}
+.semi-steps-item-nav.semi-steps-item .semi-steps-item-title {
+  font-size: 16px;
+  line-height: 22px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  max-width: 17em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-weight: 400;
+}
+.semi-steps-item-nav.semi-steps-item-active .semi-steps-item-title {
+  color: var(--semi-color-text-0);
+  font-weight: 600;
+}
+.semi-steps-item-nav.semi-steps-item-small .semi-steps-item-title {
+  font-size: 14px;
+  line-height: 20px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
 .semi-rtl .semi-steps,
 .semi-portal-rtl .semi-steps {
   direction: rtl;

package/lib/es/switch/constants.js

@@ -1,18 +1,18 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: `${BASE_CLASS_PREFIX}-switch`,
-  FOCUS: `${BASE_CLASS_PREFIX}-switch-focus`,
-  LARGE: `${BASE_CLASS_PREFIX}-switch-large`,
-  SMALL: `${BASE_CLASS_PREFIX}-switch-small`,
-  CHECKED: `${BASE_CLASS_PREFIX}-switch-checked`,
-  DISABLED: `${BASE_CLASS_PREFIX}-switch-disabled`,
-  ACTIVE: `${BASE_CLASS_PREFIX}-switch-active`,
-  KNOB: `${BASE_CLASS_PREFIX}-switch-knob`,
-  NATIVE_CONTROL: `${BASE_CLASS_PREFIX}-switch-native-control`,
-  CHECKED_TEXT: `${BASE_CLASS_PREFIX}-switch-checked-text`,
-  UNCHECKED_TEXT: `${BASE_CLASS_PREFIX}-switch-unchecked-text`,
-  LOADING_SPIN: `${BASE_CLASS_PREFIX}-switch-loading-spin`,
-  LOADING: `${BASE_CLASS_PREFIX}-switch-loading`
+  PREFIX: "".concat(BASE_CLASS_PREFIX, "-switch"),
+  FOCUS: "".concat(BASE_CLASS_PREFIX, "-switch-focus"),
+  LARGE: "".concat(BASE_CLASS_PREFIX, "-switch-large"),
+  SMALL: "".concat(BASE_CLASS_PREFIX, "-switch-small"),
+  CHECKED: "".concat(BASE_CLASS_PREFIX, "-switch-checked"),
+  DISABLED: "".concat(BASE_CLASS_PREFIX, "-switch-disabled"),
+  ACTIVE: "".concat(BASE_CLASS_PREFIX, "-switch-active"),
+  KNOB: "".concat(BASE_CLASS_PREFIX, "-switch-knob"),
+  NATIVE_CONTROL: "".concat(BASE_CLASS_PREFIX, "-switch-native-control"),
+  CHECKED_TEXT: "".concat(BASE_CLASS_PREFIX, "-switch-checked-text"),
+  UNCHECKED_TEXT: "".concat(BASE_CLASS_PREFIX, "-switch-unchecked-text"),
+  LOADING_SPIN: "".concat(BASE_CLASS_PREFIX, "-switch-loading-spin"),
+  LOADING: "".concat(BASE_CLASS_PREFIX, "-switch-loading")
 };
 const strings = {
   SIZE_MAP: ['default', 'small', 'large']

package/lib/es/table/constants.js

@@ -1,13 +1,13 @@
 /* eslint-disable max-len */
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: `${BASE_CLASS_PREFIX}-table`,
-  TABLE: `${BASE_CLASS_PREFIX}-table`,
-  WRAP: `${BASE_CLASS_PREFIX}-table-wrapper`,
-  THEAD: `${BASE_CLASS_PREFIX}-table-thead`,
-  TR: `${BASE_CLASS_PREFIX}-table-row`,
-  TH: `${BASE_CLASS_PREFIX}-table-row-head`,
-  TD: `${BASE_CLASS_PREFIX}-table-row-cell`
+  PREFIX: "".concat(BASE_CLASS_PREFIX, "-table"),
+  TABLE: "".concat(BASE_CLASS_PREFIX, "-table"),
+  WRAP: "".concat(BASE_CLASS_PREFIX, "-table-wrapper"),
+  THEAD: "".concat(BASE_CLASS_PREFIX, "-table-thead"),
+  TR: "".concat(BASE_CLASS_PREFIX, "-table-row"),
+  TH: "".concat(BASE_CLASS_PREFIX, "-table-row-head"),
+  TD: "".concat(BASE_CLASS_PREFIX, "-table-row-cell")
 };
 const strings = {
   SIZE_SMALL: 'small',

package/lib/es/table/utils.js

@@ -282,7 +282,7 @@ export function assignColumnKeys(columns) {
       // if user give column a dataIndex, use it for backup
       const _index = column.dataIndex || index;
 
-      column.key = `${level}-${_index}`;
+      column.key = "".concat(level, "-").concat(_index);
     }
 
     if (Array.isArray(column[childrenColumnName]) && column[childrenColumnName].length) {
@@ -504,7 +504,7 @@ export function warnIfNoDataIndex(column) {
     const logger = new Logger('[@douyinfe/semi-ui Table]');
 
     if ((Array.isArray(filters) || _isFunction(onFilter) || _isFunction(sorter)) && isNullOrUndefined(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/es/tabs/constants.js

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

package/lib/es/tag/constants.js

@@ -1,7 +1,7 @@
 /* eslint-disable max-len */
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: `${BASE_CLASS_PREFIX}-tag`
+  PREFIX: "".concat(BASE_CLASS_PREFIX, "-tag")
 };
 const strings = {
   TAG_SIZE: ['default', 'small', 'large'],

package/lib/es/tagInput/constants.js

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

package/lib/es/timePicker/ComboxFoundation.js

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

package/lib/es/timePicker/constants.js

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

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

@@ -118,14 +118,14 @@ export const isTimeFormatLike = (time, formatToken) => {
   let isLike = true;
   const dateFnsSupportFormatCh = 'BDEGHKLMOPQRSTXYabcehimopqstuwxyz'; // dateFns support format character
 
-  const formatSupportChReg = new RegExp(`[${dateFnsSupportFormatCh}]`, 'g');
-  const formatNotSupportChReg = new RegExp(`[^${dateFnsSupportFormatCh}]`, 'g');
+  const formatSupportChReg = new RegExp("[".concat(dateFnsSupportFormatCh, "]"), 'g');
+  const formatNotSupportChReg = new RegExp("[^".concat(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(`[${timeSeparator}]`, 'g'); // => /[:]/g
+  const timeReg = new RegExp("[".concat(timeSeparator, "]"), 'g'); // => /[:]/g
 
   const timeSplitted = time.split(timeReg); // => ['12', '0]
 

package/lib/es/timeline/constants.js

@@ -1,7 +1,7 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: `${BASE_CLASS_PREFIX}-timeline`,
-  ITEM: `${BASE_CLASS_PREFIX}-timeline-item`
+  PREFIX: "".concat(BASE_CLASS_PREFIX, "-timeline"),
+  ITEM: "".concat(BASE_CLASS_PREFIX, "-timeline-item")
 };
 const strings = {
   MODE: ['left', 'alternate', 'right', 'center'],

package/lib/es/toast/constants.js

@@ -1,9 +1,9 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
-const PREFIX = `${BASE_CLASS_PREFIX}-toast`;
+const PREFIX = "".concat(BASE_CLASS_PREFIX, "-toast");
 const cssClasses = {
   PREFIX,
-  WRAPPER: `${PREFIX}-wrapper`,
-  LIST: `${PREFIX}-list`
+  WRAPPER: "".concat(PREFIX, "-wrapper"),
+  LIST: "".concat(PREFIX, "-list")
 };
 const strings = {
   types: ['warning', 'success', 'info', 'error', 'default'],

package/lib/es/tooltip/constants.js

@@ -1,6 +1,6 @@
 import { BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
-  PREFIX: `${BASE_CLASS_PREFIX}-tooltip`
+  PREFIX: "".concat(BASE_CLASS_PREFIX, "-tooltip")
 };
 const strings = {
   POSITION_SET: ['top', 'topLeft', 'topRight', 'left', 'leftTop', 'leftBottom', 'right', 'rightTop', 'rightBottom', 'bottom', 'bottomLeft', 'bottomRight', 'leftTopOver', 'rightTopOver', 'leftBottomOver', 'rightBottomOver'],