Merge branch 'kt-20240909'

dist/index.html

@@ -6,7 +6,7 @@
   <link rel="icon" type="image/svg+xml" href="./vite.svg" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>聊天</title>
-  <script type="module" crossorigin src="./assets/index-9fa8451a.js"></script>
+  <script type="module" crossorigin src="./assets/index-08dc73eb.js"></script>
   <link rel="stylesheet" href="./assets/index-c170a0f1.css">
 </head>
 

src/TUIKit/TUIComponents/container/TUIChat/manage-components/manage.vue

@@ -11,7 +11,7 @@
             setTab('')
           }"></i>
           <main v-if="currentTab !== 'onlyMute'">
-            <h1>{{ TabName }} <span v-if="currentTab === 'member'"> {{ groupDetail.memberNum || 0 }}{{ $t(`TUIChat.manage.人`) }} </span></h1>
+            <h1>{{ TabName }}<span v-if="currentTab === 'member'">（{{ groupDetail.memberNum || 0 }}{{ $t(`TUIChat.manage.人`) }}）</span></h1>
           </main>
            <n-tabs
             v-else

src/TUIKit/TUIComponents/container/TUIChat/manage-components/style/web.scss

@@ -35,6 +35,11 @@
 
     h1 {
       font-size: 16Px;
+      font-weight: 600;
+      span {
+        font-weight: 400;
+        font-size: 14Px;
+      }
     }
 
     &-left {
@@ -176,8 +181,8 @@
       li {
         cursor: pointer;
         width: 100%;
-        font-size: 14Px;
-        padding: 10px 0;
+        font-size: 13Px;
+        padding: 7px 0;
         font-weight: 600;
         text-align: center;
         background: #198CFE;

src/TUIKit/TUIComponents/container/TUIChat/plugin-components/replies/style/web.scss

@@ -4,12 +4,12 @@
   box-sizing: border-box;
   width: 400Px;
   overflow-y: auto;
-  border-radius: 8Px 0 0 8Px;
+  border-radius: 2Px 0 0 2Px;
   position: absolute;
   right: 0;
-  height: calc(100% - 40Px);
+  height: calc(100% - 54Px);
   z-index: 2;
-  top: 40Px;
+  top: 54Px;
   background: #ffffff;
   box-shadow: 0 1Px 10Px 0 rgb(2 16 43 / 15%);
 

src/TUIKit/TUIComponents/container/TUIConversation/style/web.scss

@@ -56,20 +56,28 @@ input {
 
 .sectionSearch {
   padding: 0 20px 12px;
-}
-
-::deep .TheSearch .n-input--focus {
-  .active {
-    display: block;
-  }
 
-  .default {
-    display: none;
+  ::v-deep .n-input__placeholder span {
+    color: rgba(0,0,0,0.4);
   }
+}
 
-
-  .n-button {
-    opacity: 1;
+::v-deep .TheSearch {
+  
+  .n-input--focus {
+    .active {
+      display: block;
+    }
+  
+    .default {
+      display: none;
+    }
+  
+  
+    .n-button {
+      opacity: 1;
+    }
+    
   }
 }
 
@@ -95,8 +103,6 @@ input {
     opacity: 0.7;
   }
 
-
-
   .active {
     display: none;
   }

src/TUIKit/TUIComponents/container/TUIGroup/style/web.scss

@@ -292,6 +292,9 @@
 
  .sectionSearch {
    padding: 0 20px 12px;
+   ::v-deep .n-input__placeholder span {
+    color: rgba(0,0,0,0.4);
+  }
  }
 
 
@@ -317,7 +320,9 @@
      --n-border: none !important;
    }
 
-
+   .n-input__placeholder {
+    color: rgba(0,0,0,0.4) !important;
+   }
    .n-input-wrapper {
      padding-left: 12Px;
      padding-right: 4Px;

src/TUIKit/TUIComponents/container/TUIPerson/style/web.scss

@@ -288,6 +288,9 @@
 
  .sectionSearch {
    padding: 0 20px 12px;
+   ::v-deep .n-input__placeholder span {
+    color: rgba(0,0,0,0.4);
+    }
  }