fix: 修复产品列表页面样式问题

@@ -69,7 +69,7 @@ export function useCardListSelected(
 
     if (!unref(getSelectionsRef).onSelect) return;
 
-    unref(getSelectionsRef)?.onSelect?.(record, !!~index);
+    unref(getSelectionsRef)?.onSelect?.(record, !!~index, getSelectedRecords());
   }
 
   function selectedAll() {

@@ -60,9 +60,9 @@ export interface CardListEmitType {
   (eventName: 'fetchError', error: Error): void;
 }
 
-export interface CardListSelectionsType<T = Recordable> {
+export interface CardListSelectionsType {
   customCheckedStyle?: boolean;
   beforeSelectValidate?: (record: Recordable) => boolean;
-  onSelect?: (record: T, selected: boolean) => any;
-  onSelectAll?: (selectedRecords: T[]) => any;
+  onSelect?: (record: Recordable, selected: boolean, allSelectedRecord: Recordable[]) => any;
+  onSelectAll?: (selectedRecords: Recordable[]) => any;
 }

@@ -23,6 +23,7 @@
   import AuthDropDown from '/@/components/Widget/AuthDropDown.vue';
   import { BasicCardList, useCardList } from '/@/components/CardList';
   import { useRoute } from 'vue-router';
+  import { ref } from 'vue-demi';
 
   defineProps<{
     mode: EnumTableCardMode;
@@ -41,6 +42,8 @@
 
   const { query } = useRoute();
 
+  const disabledDeleteFlag = ref(true);
+
   const [registerCardList, { reload, getSelectedKeys, clearSelectedKeys }] = useCardList({
     api: deviceConfigGetQuery,
     useSearchForm: true,
@@ -57,6 +60,9 @@
       beforeSelectValidate: (record: ProfileRecord) => {
         return !record.default;
       },
+      onSelect: (_record, _flag, allSelecteds) => {
+        disabledDeleteFlag.value = !allSelecteds.length;
+      },
     },
   });
 
@@ -90,6 +96,7 @@
       await deviceConfigDelete(ids);
       createMessage.success('删除成功');
       clearSelectedKeys();
+      disabledDeleteFlag.value = true;
       await reload();
     } catch (error) {
       throw error;
@@ -126,7 +133,7 @@
             cancel-text="取消"
             @confirm="handleDelete"
           >
-            <Button type="primary" danger> 批量删除 </Button>
+            <Button type="primary" danger :disabled="disabledDeleteFlag"> 批量删除 </Button>
           </Popconfirm>
         </Authority>
       </template>
@@ -136,7 +143,7 @@
             <div class="h-full w-full !flex justify-center items-center text-center p-1">
               <Image
                 @click.stop
-                class="!w-32"
+                wrapper-class-name="!w-32 !h-32 !flex !items-center"
                 :src="item.image || IMAGE_FALLBACK"
                 placeholder
                 :fallback="IMAGE_FALLBACK"