From 5184c78d9a27578795429a47dd6bff8fabd2a180 Mon Sep 17 00:00:00 2001
From: liweijie0812 <674416404@qq.com>
Date: Wed, 12 Jul 2023 16:29:42 +0800
Subject: [PATCH] fix: t-link hover color (#565)

---
 .../dashboard/base/components/RankList.vue    |  4 +--
 src/pages/detail/advanced/index.vue           |  9 +++---
 src/pages/detail/deploy/index.vue             |  9 +++---
 src/pages/list/base/index.vue                 |  6 ++--
 src/pages/list/components/CommonTable.vue     |  6 ++--
 src/style/reset.less                          | 31 -------------------
 stylelint.config.js                           |  6 ++++
 7 files changed, 26 insertions(+), 45 deletions(-)

diff --git a/src/pages/dashboard/base/components/RankList.vue b/src/pages/dashboard/base/components/RankList.vue
index 9cafa36..d9a1e6a 100644
--- a/src/pages/dashboard/base/components/RankList.vue
+++ b/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>
diff --git a/src/pages/detail/advanced/index.vue b/src/pages/detail/advanced/index.vue
index 2e2d9f3..928de5d 100644
--- a/src/pages/detail/advanced/index.vue
+++ b/src/pages/detail/advanced/index.vue
@@ -87,8 +87,10 @@
         </template>
 
         <template #op="slotProps">
-          <a :class="prefix + '-link'" @click="listClick()">管理</a>
-          <a :class="prefix + '-link'" @click="deleteClickOp(slotProps)">删除</a>
+          <t-space>
+            <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>
diff --git a/src/pages/detail/deploy/index.vue b/src/pages/detail/deploy/index.vue
index 1fa50ce..9109585 100644
--- a/src/pages/detail/deploy/index.vue
+++ b/src/pages/detail/deploy/index.vue
@@ -40,8 +40,10 @@
           </span>
         </template>
         <template #op="slotProps">
-          <a :class="prefix + '-link'" @click="listClick()">管理</a>
-          <a :class="prefix + '-link'" @click="deleteClickOp(slotProps)">删除</a>
+          <t-space>
+            <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) {
diff --git a/src/pages/list/base/index.vue b/src/pages/list/base/index.vue
index 06f6d70..b456cb9 100644
--- a/src/pages/list/base/index.vue
+++ b/src/pages/list/base/index.vue
@@ -51,8 +51,10 @@
         </template>
 
         <template #op="slotProps">
-          <a class="t-button-link" @click="handleClickDetail()">详情</a>
-          <a class="t-button-link" @click="handleClickDelete(slotProps)">删除</a>
+          <t-space>
+            <t-link theme="primary" @click="handleClickDetail()">详情</t-link>
+            <t-link theme="danger" @click="handleClickDelete(slotProps)">删除</t-link>
+          </t-space>
         </template>
       </t-table>
     </t-card>
diff --git a/src/pages/list/components/CommonTable.vue b/src/pages/list/components/CommonTable.vue
index 9e65d2c..2676574 100644
--- a/src/pages/list/components/CommonTable.vue
+++ b/src/pages/list/components/CommonTable.vue
@@ -92,8 +92,10 @@
           </p>
         </template>
         <template #op="slotProps">
-          <a class="t-button-link" @click="rehandleClickOp(slotProps)">管理</a>
-          <a class="t-button-link" @click="handleClickDelete(slotProps)">删除</a>
+          <t-space>
+            <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
diff --git a/src/style/reset.less b/src/style/reset.less
index 6dcf8cd..cff1e8b 100644
--- a/src/style/reset.less
+++ b/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;
-  }
-}
diff --git a/stylelint.config.js b/stylelint.config.js
index 9f9ad63..5c79eed 100644
--- a/stylelint.config.js
+++ b/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: [
     {