fix: t-link hover color (#565)

src/pages/dashboard/base/components/RankList.vue

@@ -20,7 +20,7 @@
             </span>
           </template>
           <template #operation="slotProps">
-            <a class="t-button-link" @click="rehandleClickOp(slotProps)">详情</a>
+            <t-link theme="primary" @click="rehandleClickOp(slotProps)">详情</t-link>
           </template>
         </t-table>
       </t-card>
@@ -43,7 +43,7 @@
             <trend :type="row.growUp > 0 ? 'up' : 'down'" :describe="Math.abs(row.growUp)" />
           </template>
           <template #operation="slotProps">
-            <a class="t-button-link" @click="rehandleClickOp(slotProps)">详情</a>
+            <t-link theme="primary" @click="rehandleClickOp(slotProps)">详情</t-link>
           </template>
         </t-table>
       </t-card>

src/pages/detail/advanced/index.vue

@@ -87,8 +87,10 @@
         </template>
 
         <template #op="slotProps">
-          <a :class="prefix + '-link'" @click="listClick()">管理</a>
+          <t-space>
-          <a :class="prefix + '-link'" @click="deleteClickOp(slotProps)">删除</a>
+            <t-link theme="primary" @click="listClick()">管理</t-link>
+            <t-link theme="danger" @click="deleteClickOp(slotProps)">删除</t-link>
+          </t-space>
         </template>
 
         <template #op-column>
@@ -128,7 +130,6 @@ export default {
 import { onMounted, ref } from 'vue';
 
 import { getPurchaseList } from '@/api/detail';
-import { prefix } from '@/config/global';
 
 import Product from './components/Product.vue';
 import { BASE_INFO_DATA, PRODUCT_LIST, TABLE_COLUMNS_DATA as columns } from './constants';
@@ -188,5 +189,5 @@ const onConfirm = () => {
 </script>
 
 <style lang="less" scoped>
-@import url('./index.less');
+@import './index.less';
 </style>

src/pages/detail/deploy/index.vue

@@ -40,8 +40,10 @@
           </span>
         </template>
         <template #op="slotProps">
-          <a :class="prefix + '-link'" @click="listClick()">管理</a>
+          <t-space>
-          <a :class="prefix + '-link'" @click="deleteClickOp(slotProps)">删除</a>
+            <t-link theme="primary" @click="listClick()">管理</t-link>
+            <t-link theme="danger" @click="deleteClickOp(slotProps)">删除</t-link>
+          </t-space>
         </template>
         <template #op-column>
           <t-icon name="descending-order" />
@@ -84,7 +86,6 @@ import { CanvasRenderer } from 'echarts/renderers';
 import { computed, onMounted, onUnmounted, ref, watch } from 'vue';
 
 import { getProjectList } from '@/api/detail';
-import { prefix } from '@/config/global';
 import { useSettingStore } from '@/store';
 import { changeChartsTheme } from '@/utils/color';
 
@@ -197,7 +198,7 @@ const deleteClickOp = (e: { rowIndex: number }) => {
 </script>
 
 <style lang="less" scoped>
-@import url('../base/index.less');
+@import '../base/index.less';
 
 .detail-deploy {
   :deep(.t-card) {

src/pages/list/base/index.vue

@@ -51,8 +51,10 @@
         </template>
 
         <template #op="slotProps">
-          <a class="t-button-link" @click="handleClickDetail()">详情</a>
+          <t-space>
-          <a class="t-button-link" @click="handleClickDelete(slotProps)">删除</a>
+            <t-link theme="primary" @click="handleClickDetail()">详情</t-link>
+            <t-link theme="danger" @click="handleClickDelete(slotProps)">删除</t-link>
+          </t-space>
         </template>
       </t-table>
     </t-card>

src/pages/list/components/CommonTable.vue

@@ -92,8 +92,10 @@
           </p>
         </template>
         <template #op="slotProps">
-          <a class="t-button-link" @click="rehandleClickOp(slotProps)">管理</a>
+          <t-space>
-          <a class="t-button-link" @click="handleClickDelete(slotProps)">删除</a>
+            <t-link theme="primary" @click="rehandleClickOp(slotProps)">管理</t-link>
+            <t-link theme="danger" @click="handleClickDelete(slotProps)">删除</t-link>
+          </t-space>
         </template>
       </t-table>
       <t-dialog

src/style/reset.less

@@ -37,34 +37,3 @@ p {
   box-sizing: border-box;
 }
 
-.t-button-link,
-a {
-  color: var(--td-brand-color);
-  text-decoration: none;
-  cursor: pointer;
-  transition: color @anim-duration-base @anim-time-fn-easing;
-
-  &:hover {
-    color: var(--td-brand-color-hover);
-  }
-
-  &:active {
-    color: var(--td-brand-color-active);
-  }
-
-  &--active {
-    color: var(--td-brand-color-active);
-  }
-
-  &:focus {
-    text-decoration: none;
-  }
-}
-
-.t-button-link {
-  margin-right: var(--td-comp-margin-xxl);
-
-  &:last-child {
-    margin-right: 0;
-  }
-}

stylelint.config.js

@@ -26,6 +26,12 @@ module.exports = {
     'value-keyword-case': null,
     'property-no-unknown': [true, { checkPrefixed: true }],
     'import-notation': 'string',
+    'selector-pseudo-class-no-unknown': [
+      true,
+      {
+        ignorePseudoClasses: ['deep'],
+      },
+    ],
   },
   overrides: [
     {