From 24e1f487bc1063b60c5e9504b8e7654f056be154 Mon Sep 17 00:00:00 2001
From: zwkang <kang95630@gmail.com>
Date: Mon, 22 Apr 2024 16:21:35 +0800
Subject: [PATCH] style: add web component style prefix

---
 style/web/components/back-top/_index.less     | 2 +-
 style/web/components/badge/_index.less        | 2 +-
 style/web/components/breadcrumb/_index.less   | 2 +-
 style/web/components/collapse/_index.less     | 4 ++--
 style/web/components/link/_index.less         | 4 ++--
 style/web/components/notification/_index.less | 2 +-
 style/web/components/table/_index.less        | 6 +++---
 style/web/components/transfer/_index.less     | 4 ++--
 8 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/style/web/components/back-top/_index.less b/style/web/components/back-top/_index.less
index f5cd608e93..bd7d9fcf72 100644
--- a/style/web/components/back-top/_index.less
+++ b/style/web/components/back-top/_index.less
@@ -44,7 +44,7 @@
     font-size: @font-headline-small;
   }
 
-  &.t-size-m {
+  &.@{prefix}-size-m {
     .@{prefix-block}__icon {
       margin-top: 2px;
     }
diff --git a/style/web/components/badge/_index.less b/style/web/components/badge/_index.less
index 87e45f3d52..7bfa622c3b 100644
--- a/style/web/components/badge/_index.less
+++ b/style/web/components/badge/_index.less
@@ -53,7 +53,7 @@
     background-color: @badge-color;
     line-height: @badge-height;
 
-    &.t-size-s {
+    &.@{prefix}-size-s {
       padding-right: @badge-padding-s;
       padding-left: @badge-padding-s;
       min-width: @badge-min-width;
diff --git a/style/web/components/breadcrumb/_index.less b/style/web/components/breadcrumb/_index.less
index c2c034347a..bb54e3704e 100644
--- a/style/web/components/breadcrumb/_index.less
+++ b/style/web/components/breadcrumb/_index.less
@@ -140,7 +140,7 @@
         color: @breadcrumb-text-color-hover;
       }
 
-      &.t-is-active {
+      &.@{prefix}-is-active {
         color: @breadcrumb-text-color-hover;
       }
     }
diff --git a/style/web/components/collapse/_index.less b/style/web/components/collapse/_index.less
index 37cb807544..d5c5901298 100644
--- a/style/web/components/collapse/_index.less
+++ b/style/web/components/collapse/_index.less
@@ -39,7 +39,7 @@
     align-items: center;
     justify-content: center;
 
-    > .t-fake-arrow {
+    > .@{prefix}-fake-arrow {
       transform: rotate(-90deg);
       transition: all @anim-duration-base @anim-time-fn-easing;
     }
@@ -52,7 +52,7 @@
       margin-left: @collapse-panel-header-icon-margin;
     }
 
-    &--active > .t-fake-arrow {
+    &--active > .@{prefix}-fake-arrow {
       transform: rotate(0);
     }
 
diff --git a/style/web/components/link/_index.less b/style/web/components/link/_index.less
index e573cd30bc..1df2056f6e 100644
--- a/style/web/components/link/_index.less
+++ b/style/web/components/link/_index.less
@@ -91,12 +91,12 @@
 
   font: @@font-size;
 
-  .t-link__prefix-icon {
+  .@{prefix}-link__prefix-icon {
     margin-right: @@icon-margin-size;
     display: flex;
   }
 
-  .t-link__suffix-icon {
+  .@{prefix}-link__suffix-icon {
     margin-left: @@icon-margin-size;
     display: flex;
   }
diff --git a/style/web/components/notification/_index.less b/style/web/components/notification/_index.less
index c67f0bc8fa..c9bac20dbd 100644
--- a/style/web/components/notification/_index.less
+++ b/style/web/components/notification/_index.less
@@ -110,7 +110,7 @@
     margin-left: @notification-detail-item-margin-left;
   }
 
-  &__detail-item.t-is-active {
+  &__detail-item.@{prefix}-is-active {
     color: @notification-detail-item-is-active-color;
   }
 
diff --git a/style/web/components/table/_index.less b/style/web/components/table/_index.less
index 96021c05cc..d97e52cc33 100644
--- a/style/web/components/table/_index.less
+++ b/style/web/components/table/_index.less
@@ -668,7 +668,7 @@
       border-top: @border;
       padding: @comp-paddingTB-l @comp-paddingLR-l;
 
-      .t-button + .t-button {
+      .@{prefix}-button + .@{prefix}-button {
         margin-left: @comp-margin-l;
       }
     }
@@ -794,7 +794,7 @@
 }
 
 .@{prefix}-table__th-row-select {
-  .t-table__th-cell-inner {
+  .@{prefix}-table__th-cell-inner {
     display: inline-flex;
     align-items: center;
   }
@@ -1213,7 +1213,7 @@
   }
 }
 
-.t-table .@{prefix}-table__sort-column {
+.@{prefix}-table .@{prefix}-table__sort-column {
   background-color: @table-sort-bg-color;
 }
 
diff --git a/style/web/components/transfer/_index.less b/style/web/components/transfer/_index.less
index e03ce6456d..8a57af3b3e 100644
--- a/style/web/components/transfer/_index.less
+++ b/style/web/components/transfer/_index.less
@@ -125,7 +125,7 @@
         margin-top: 0;
       }
 
-      &.t-is-disabled {
+      &.@{prefix}-is-disabled {
         &:hover {
           background: @transfer-bg-color;
         }
@@ -176,7 +176,7 @@
       font-size: @transfer-operations-icon-size;
     }
 
-    .t-icon + .t-button__text {
+    .t-icon + .@{prefix}-button__text {
       margin-left: 0;
     }
   }