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

package/lib/cjs/steps/steps.css

@@ -144,147 +144,9 @@
   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: "";
@@ -296,6 +158,12 @@
   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;
 }
@@ -335,7 +203,9 @@
 .semi-steps-basic.semi-steps-vertical {
   display: flex;
   flex-flow: column nowrap;
-  row-gap: 9px;
+}
+.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-hasline .semi-steps-item-icon::after {
   content: "";
@@ -347,8 +217,11 @@
   height: 9999px;
   background: var(--semi-color-fill-2);
 }
-.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 {
+  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-item:last-child .semi-steps-item-icon::after {
   display: none;
@@ -495,197 +368,6 @@
   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;
@@ -735,51 +417,6 @@
   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/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) {
@@ -587,7 +587,7 @@ function warnIfNoDataIndex(column) {
     const logger = new _Logger.default('[@douyinfe/semi-ui Table]');
 
     if ((Array.isArray(filters) || (0, _isFunction2.default)(onFilter) || (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/tag/tag.css

@@ -58,10 +58,10 @@
   padding-left: 4px;
   cursor: pointer;
 }
-.semi-tag-close :hover {
+.semi-tag-close:hover {
   color: var(--semi-color-text-1);
 }
-.semi-tag-close :active {
+.semi-tag-close:active {
   color: var(--semi-color-text-0);
 }
 .semi-tag-closable {
@@ -414,6 +414,13 @@
 
 .semi-tag-solid .semi-tag-close {
   color: var(--semi-color-white);
+  opacity: 0.8;
+}
+.semi-tag-solid .semi-tag-close:hover {
+  opacity: 1;
+}
+.semi-tag-solid .semi-tag-close:active {
+  opacity: 0.9;
 }
 
 .semi-rtl .semi-tag,

package/lib/cjs/tag/tag.scss

@@ -64,12 +64,12 @@ $types: "ghost", "solid", "light";
         padding-left: $spacing-tag_close-paddingLeft;
         cursor: pointer;
 
-        :hover {
-            color: $color-tag_close-icon-hover
+        &:hover {
+            color: $color-tag_close-icon-hover;
         }
 
-        :active {
-            color: $color-tag_close-icon-active
+        &:active {
+            color: $color-tag_close-icon-active;
         }
     }
 
@@ -208,6 +208,15 @@ $types: "ghost", "solid", "light";
 .#{$module}-solid {
     .#{$module}-close {
         color: $color-tag_close-icon_deep-default;
+        opacity: .8;
+
+        &:hover {
+            opacity: 1.0;
+        }
+
+        &:active {
+            opacity: .9;
+        }
     }
 }
 

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