refactor: addcheckbox & delconversations

bulkDeleteConversations.js

@@ -9,18 +9,14 @@ async function bulkDeleteConversations() {
 
   console.log("Selected Conversations:", selectedConversations);
 
-  await deleteConversation(selectedConversations[0]);
-  const updatedConversations = selectedConversations.map(conversation => conversation - 1);
-
-  delay(1000);
-  await addCheckboxesWithState(updatedConversations.slice(1));
-
-  bulkDeleteConversations();
+  // 使用 for 循环按顺序删除选中的对话
+  for (const element of selectedConversations) {
+    await deleteConversation(element);
+  }
 }
 
 function getSelectedConversations() {
-  const selectedCheckboxes = document.querySelectorAll('.conversation-checkbox:checked');
-  return Array.from(selectedCheckboxes).map(checkbox => parseInt(checkbox.dataset.index));
+  return [...document.querySelectorAll('.conversation-checkbox:checked')];
 }
 
 function removeAllCheckboxes() {
@@ -28,25 +24,25 @@ function removeAllCheckboxes() {
   allCheckboxes.forEach(checkbox => checkbox.remove());
 }
 
-async function deleteConversation(conversationIndex) {
-  const checkbox = document.querySelector(`.conversation-checkbox[data-index='${conversationIndex}']`);
+async function deleteConversation(checkbox) {
   const conversationElement = checkbox.closest('.flex.py-3.px-3.items-center.gap-3.relative.rounded-md');
 
-  console.log("开始删除...");
-  console.log("currentIndex:", conversationIndex);
+  console.log("1. 开始删除", conversationElement);
   conversationElement.click(); // 点击对话
 
-  const deleteButton = await waitForElement('.absolute.flex.right-1.z-10.text-gray-300.visible button:nth-child(3)');
+  // debugger
+
+  const deleteButton = await waitForElement('.absolute.flex.right-1.z-10.text-gray-300.visible button:nth-child(2)');
 
   if (deleteButton) {
-      console.log("点击删除按钮...");
+      console.log("2. 点击删除按钮");
       deleteButton.click(); // 点击删除按钮
 
       // 等待确认删除对话框的按钮出现
       const confirmButton = await waitForElement('button.btn.btn-danger');
 
       if (confirmButton) {
-          console.log("点击确认按钮...");
+          console.log("3. 点击确认按钮");
           confirmButton.click();
 
           // 等待删除按钮消失
@@ -54,7 +50,7 @@ async function deleteConversation(conversationIndex) {
       }
   }
 
-  console.log("完成删除。");
+  console.log("4. 完成删除");
 }
 
 // 用于等待某元素出现的函数
@@ -84,29 +80,4 @@ function delay(ms) {
   return new Promise(resolve => setTimeout(resolve, ms));
 }
 
-async function addCheckboxesWithState(remainingConversations) {
-  removeAllCheckboxes();
-  
-  const conversations = document.querySelectorAll('.flex.py-3.px-3.items-center.gap-3.relative.rounded-md.hover\\:bg-\\[\\#2A2B32\\].cursor-pointer.break-all.hover\\:pr-4.group');
-  for (const [index, conversation] of conversations.entries()) {
-      const checkbox = document.createElement('input');
-      checkbox.type = 'checkbox';
-      checkbox.className = 'conversation-checkbox';
-      checkbox.dataset.index = index;
-
-      if (remainingConversations.includes(index)) {
-          checkbox.checked = true;
-      }
-
-      conversation.insertAdjacentElement('afterbegin', checkbox);
-  }
-
-  const remainingCheckboxes = document.querySelectorAll('.conversation-checkbox');
-  for (let i = 0; i < remainingCheckboxes.length; i++) {
-      remainingCheckboxes[i].dataset.index = i;
-  }
-
-  return Promise.resolve();
-}
-
 bulkDeleteConversations();