Merge remote-tracking branch 'origin/main'

frontend/src/views/chat/ChatListContainer.vue

@@ -73,7 +73,9 @@ const _chatList = computed({
 
 const computedChatList = computed<Array<ChatInfo>>(() => {
   if (search.value && search.value.length > 0) {
-    return filter(_chatList.value, (c) => includes(c.brief, search.value))
+    return filter(_chatList.value, (c) =>
+      includes(c.brief?.toLowerCase(), search.value?.toLowerCase())
+    )
   } else {
     return _chatList.value
   }

frontend/src/views/ds/Card.vue

@@ -160,6 +160,7 @@ const onClickOutside = () => {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
+    word-break: break-word;
     overflow: hidden;
     width: 100%;
   }

frontend/src/views/ds/ChatCard.vue

@@ -9,7 +9,7 @@ const props = withDefaults(
     type: string
     typeName: string
     num: string
-    isSelected: boolean
+    isSelected?: boolean
     description?: string
     id?: string
   }>(),
@@ -34,7 +34,7 @@ const SelectDs = () => {
 </script>
 
 <template>
-  <div class="card" @click="SelectDs" :class="isSelected && 'is-selected'">
+  <div class="card" :class="isSelected && 'is-selected'" @click="SelectDs">
     <div class="name-icon">
       <img :src="icon" width="32px" height="32px" />
       <div class="info">
@@ -103,6 +103,7 @@ const SelectDs = () => {
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
+    word-break: break-word;
     width: 100%;
   }
 

frontend/src/views/system/embedded/Card.vue

@@ -117,6 +117,7 @@ const handleEmbedded = () => {
     height: 44px;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
+    word-break: break-word;
     overflow: hidden;
     text-overflow: ellipsis;
   }

frontend/src/views/system/embedded/DsCard.vue

@@ -143,6 +143,7 @@ const handlePublic = () => {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
+    word-break: break-word;
     overflow: hidden;
     width: 100%;
   }

frontend/src/views/system/permission/SelectPermission.vue

@@ -41,8 +41,12 @@
                 <el-icon size="28">
                   <avatar_personal></avatar_personal>
                 </el-icon>
-                <span class="ml-4"> {{ space.name }}</span>
-                <span class="account">({{ space.account }})</span>
+                <span class="ml-4 ellipsis" style="max-width: 40%" :title="space.name">
+                  {{ space.name }}</span
+                >
+                <span class="account ellipsis" style="max-width: 40%" :title="space.account"
+                  >({{ space.account }})</span
+                >
               </div>
             </el-checkbox>
           </el-checkbox-group>
@@ -59,12 +63,16 @@
           </el-button>
         </div>
         <div v-for="ele in checkedWorkspace" :key="ele.name" class="flex-between">
-          <div class="flex align-center">
+          <div class="flex align-center ellipsis" style="width: 100%">
             <el-icon size="28">
               <avatar_personal></avatar_personal>
             </el-icon>
-            <span class="ml-4 lighter">{{ ele.name }}</span>
-            <span class="account">({{ ele.account }})</span>
+            <span class="ml-4 lighter ellipsis" style="max-width: 40%" :title="ele.name">{{
+              ele.name
+            }}</span>
+            <span class="account ellipsis" style="max-width: 40%" :title="ele.account"
+              >({{ ele.account }})</span
+            >
           </div>
           <el-button text>
             <el-icon size="16" @click="clearWorkspace(ele)"><Close /></el-icon>

frontend/src/views/system/workspace/AuthorizedWorkspaceDialog.vue

@@ -51,8 +51,12 @@
                 <el-icon size="28">
                   <avatar_personal></avatar_personal>
                 </el-icon>
-                <span class="ml-4"> {{ space.name }}</span>
-                <span class="account">({{ space.account }})</span>
+                <span class="ml-4 ellipsis" style="max-width: 40%" :title="space.name">
+                  {{ space.name }}</span
+                >
+                <span class="account ellipsis" style="max-width: 40%" :title="space.account"
+                  >({{ space.account }})</span
+                >
               </div>
             </el-checkbox>
           </el-checkbox-group>
@@ -68,13 +72,21 @@
             {{ $t('workspace.clear') }}
           </el-button>
         </div>
-        <div v-for="ele in checkedWorkspace" :key="ele.name" class="flex-between">
-          <div class="flex align-center">
+        <div v-for="ele in checkedWorkspace" :key="ele.name" class="flex-between align-center">
+          <div
+            :title="`${ele.name}(${ele.account})`"
+            class="flex align-center ellipsis"
+            style="width: 100%"
+          >
             <el-icon size="28">
               <avatar_personal></avatar_personal>
             </el-icon>
-            <span class="ml-4 lighter">{{ ele.name }}</span>
-            <span class="account">({{ ele.account }})</span>
+            <span class="ml-4 lighter ellipsis" style="max-width: 40%" :title="ele.name">{{
+              ele.name
+            }}</span>
+            <span class="account ellipsis" style="max-width: 40%" :title="ele.account"
+              >({{ ele.account }})</span
+            >
           </div>
           <el-button text>
             <el-icon size="16" @click="clearWorkspace(ele)"><Close /></el-icon>