Revert "提交"

This reverts commit b96d895809.

frontend/web/src/components/groups/CreateGroup.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted } from 'vue';
+import { ref, computed, onMounted } from 'vue';
 import { useContactStore } from '@/stores/contact';
 import { groupService } from '@/services/group';
 import { SYSTEM_BASE_STATUS } from '@/constants/systemBaseStatus';
@@ -8,6 +8,8 @@ import { useMessage } from '../messages/useAlert';
 const contactStore = useContactStore();
 const message = useMessage();
 
+const props = defineProps({ modelValue: Boolean });
+
 const friends = ref([])
 
 const groupName = ref('');
@@ -47,7 +49,7 @@ onMounted(async () =>{
 
         <main>
           <input v-model="groupName" placeholder="群组名称..." class="mini-input" />
-
+          
           <div class="list">
             <div v-for="f in friends" :key="f.friendId" @click="toggle(f.friendId)" class="item">
               <img :src="f.userInfo.avatar" class="avatar" />
@@ -78,8 +80,8 @@ onMounted(async () =>{
   box-shadow: 0 4px 12px rgba(0,0,0,0.15);
 }
 
-header {
-  padding: 12px 16px; display: flex; justify-content: space-between;
+header { 
+  padding: 12px 16px; display: flex; justify-content: space-between; 
   background: #f9f9f9; font-weight: bold; font-size: 14px;
 }
 
@@ -108,4 +110,4 @@ footer { padding: 12px; }
   border: none; border-radius: 6px; font-weight: bold; cursor: pointer;
 }
 .btn:disabled { background: #e1e1e1; color: #999; cursor: not-allowed; }
-</style>
+</style>