perf: 优化可视化管理分页界面横向间距

+import { ComputedRef, computed, unref } from 'vue';
+
+export function useCardListSelected(
+  getDataSourceRef: ComputedRef<(Recordable & { checked?: boolean })[]>
+) {
+  const getHasSelectedRecordStatus = computed(() =>
+    unref(getDataSourceRef).find((item) => item.checked)
+  );
+
+  // function handlerSelect
+
+  return {
+    getHasSelectedRecordStatus,
+  };
+}

@@ -26,6 +26,7 @@ export interface BasicCardListPropsType<T = Recordable> {
   immediate?: boolean;
   handleSearchInfoFn?: Fn;
   baseLayout?: Record<'row' | 'col', number>;
+  selections?: boolean;
 }
 
 export type ListGridType = Record<'column' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', number> & {
@@ -50,7 +51,13 @@ export interface CardListEmitType {
   (eventName: 'fetchError', error: Error): void;
 }
 
-export interface CardListRenderItem<T = Recordable> {
+export interface CardListRenderItem<T = Recordable & { checked?: boolean }> {
   item: T;
   totalHeight: number;
 }
+
+export interface CardListSelectionsType<T = Recordable> {
+  onSelect?: (record: T, selected: boolean) => any;
+  onSelectAll: (selectedRecords: T[]) => any;
+  onSelectInvert: (selectedRecords: T[]) => any;
+}

@@ -31,6 +31,7 @@
     api: getPage,
     useSearchForm: true,
     title: '组态列表',
+    gutter: 4,
     formConfig: {
       schemas: searchFormSchema,
       labelWidth: 80,

@@ -26,6 +26,7 @@
     api: getPage,
     useSearchForm: true,
     title: '模版列表',
+    gutter: 4,
     formConfig: {
       schemas: searchFormSchema,
       labelWidth: 80,

@@ -42,6 +42,7 @@
     api: getPage,
     title: '数据大屏',
     useSearchForm: true,
+    gutter: 4,
     formConfig: {
       labelWidth: 80,
       schemas: searchFormSchema,

@@ -20,7 +20,7 @@ export interface DefineComponentsBasicExpose<T = Recordable> {
 }
 
 declare global {
-  interface CardListRenderItem<T = Recordable> {
+  interface CardListRenderItem<T = Recordable & { checked?: boolean }> {
     item: T;
     totalHeight: number;
   }