From da34633b25d16359cd91a656acad5e811f9972b7 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 14 三月 2023 18:09:54 +0800
Subject: [PATCH] 2023-03-14

---
 src/menu/components/table/normal-table/columns/index.scss |  120 ++++++++++++++++++++++++++++++++++++++++++++++++++++++------
 1 files changed, 108 insertions(+), 12 deletions(-)

diff --git a/src/menu/components/table/normal-table/columns/index.scss b/src/menu/components/table/normal-table/columns/index.scss
index d0c864d..5de869d 100644
--- a/src/menu/components/table/normal-table/columns/index.scss
+++ b/src/menu/components/table/normal-table/columns/index.scss
@@ -1,18 +1,65 @@
 .normal-table-columns {
   position: relative;
+  --mk-table-border-color: #e8e8e8;
+  --mk-table-color: rgba(0, 0, 0, 0.65);
+  --mk-table-font-size: 14px;
+  --mk-table-font-weight: normal;
+
+  .ant-table {
+    color: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  .ant-table-selection-column {
+    width: 60px;
+    min-width: 60px;
+    max-width: 60px;
+  }
   .ant-table-body {
     overflow-x: auto;
-    padding-bottom: 20px;
-    tr td:not(.ant-table-selection-column) {
-      position: relative;
-      padding: 12px 8px;
-      background: #ffffff;
-      >.profile {
-        position: absolute;
-        top: 2px;
-        right: 2px;
-        color: purple;
-        font-size: 12px;
+    tr {
+      td {
+        background: #ffffff;
+        .col-copy {
+          margin-bottom: 0;
+          display: inline-block;
+          color: inherit;
+          .ant-typography-copy {
+            position: absolute;
+            left: 2px;
+            top: 0px;
+            margin-left: 0px;
+            font-size: 12px;
+            opacity: 0;
+            transition: opacity 0.2s;
+          }
+        }
+      }
+      td:hover .col-copy {
+        .ant-typography-copy {
+          opacity: 1;
+        }
+      }
+      td:not(.ant-table-selection-column) {
+        position: relative;
+        padding: 12px 8px;
+        >.profile {
+          position: absolute;
+          top: 2px;
+          right: 2px;
+          color: purple;
+          font-size: 12px;
+        }
+        >.close-col {
+          position: absolute;
+          top: 2px;
+          right: 2px;
+          color: orange;
+          font-size: 12px;
+        }
+        >.profile + .close-col {
+          right: 20px;
+        }
       }
     }
     .action-column {
@@ -51,7 +98,7 @@
     z-index: 2;
     right: 0;
     top: -25px;
-    >i, >div > i {
+    >.anticon, >div > .anticon {
       font-size: 16px;
       margin-right: 10px;
       cursor: pointer;
@@ -59,12 +106,35 @@
     >.anticon-copy {
       color: #26C281;
     }
+    >.anticon-delete {
+      color: #ff4d4f;
+    }
     >.anticon-file-sync {
       color: #1890ff;
     }
     >div >.profile {
       color: purple;
     }
+  }
+  .ant-table-small > .ant-table-content > .ant-table-body {
+    margin: 0;
+  }
+
+  table, tr, th, td {
+    border-color: var(--mk-table-border-color)!important;
+  }
+  table tr {
+    th .ant-table-column-title {
+      font-size: var(--mk-table-font-size)!important;
+      font-weight: var(--mk-table-font-weight)!important;
+    }
+    td {
+      font-size: var(--mk-table-font-size)!important;
+      font-weight: var(--mk-table-font-weight)!important;
+    }
+  }
+  table tbody tr {
+    color: var(--mk-table-color);
   }
 }
 .normal-table-columns.false {
@@ -83,3 +153,29 @@
     border-radius: 0;
   }
 }
+
+.normal-table-columns.ghost {
+  .ant-table-thead > tr {
+    > th {
+      color: inherit;
+      background: transparent;
+      .ant-table-column-sorter .ant-table-column-sorter-inner {
+        color: inherit;
+      }
+    }
+    > th:hover {
+      background: transparent;
+    }
+  }
+  .ant-table-body {
+    overflow-x: auto;
+    tr {
+      td {
+        background: transparent;
+      }
+    }
+    tr:hover td {
+      background: transparent!important;
+    }
+  }
+}

--
Gitblit v1.8.0