feat: ✨ pageContent组件，添加分页位置配置

src/components/CURD/PageContent.vue

@@ -315,14 +315,12 @@
     </el-table>
     <!-- 分页 -->
     <template v-if="showPagination">
-      <el-scrollbar>
-        <div class="mt-[12px]">
-          <el-pagination
-            v-bind="pagination"
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-          />
-        </div>
+      <el-scrollbar :class="['mt-3', { 'flex-x-end': contentConfig?.pagePosition === 'right' }]">
+        <el-pagination
+          v-bind="pagination"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
       </el-scrollbar>
     </template>
     <!-- 导出弹窗 -->

src/components/CURD/PageSearch.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-card v-show="visible" v-bind="cardAttrs">
+  <el-card v-show="visible" v-bind="cardAttrs" class="mb-2.5!">
     <el-form ref="queryFormRef" :model="queryParams" :inline="true" :class="isGrid">
       <template v-for="(item, index) in formItems" :key="item.prop">
         <el-form-item
@@ -98,8 +98,8 @@ const cardAttrs = computed<IObject>(() => {
     ? { "v-hasPerm": [`${props.searchConfig.pageName}:query`] }
     : {};
   return props.searchConfig?.cardAttrs && props.searchConfig.cardAttrs instanceof Object
-    ? { class: "mb-2.5", shadow: "never", ...auth, ...props.searchConfig.cardAttrs }
-    : { class: "mb-2.5", shadow: "never", ...auth };
+    ? { shadow: "never", ...auth, ...props.searchConfig.cardAttrs }
+    : { shadow: "never", ...auth };
 });
 // 是否使用自适应网格布局
 const isGrid = computed(() =>

src/components/CURD/types.ts

@@ -6,6 +6,8 @@ import type {
   PaginationProps,
   TableProps,
   ColProps,
+  ButtonType,
+  CardProps,
 } from "element-plus";
 import type PageContent from "./PageContent.vue";
 import type PageForm from "./PageForm.vue";
@@ -69,7 +71,7 @@ export interface ISearchConfig {
   // 默认展示的表单项数量(默认：3)
   showNumber?: number;
   // 卡片属性
-  cardAttrs?: IObject;
+  cardAttrs?: Partial<CardProps>;
   // 自适应网格布局(使用时表单不要添加 style: { width: "200px" })
   grid?: boolean;
 }
@@ -79,6 +81,8 @@ export interface IContentConfig<T = any> {
   pageName: string;
   // table组件属性
   table?: Omit<TableProps<any>, "data">;
+  // 分页组件位置(默认：left)
+  pagePosition?: "left" | "right";
   // pagination组件属性
   pagination?:
     | boolean
@@ -132,7 +136,7 @@ export interface IContentConfig<T = any> {
         icon?: string;
         name: string;
         text: string;
-        type?: "primary" | "success" | "warning" | "danger" | "info";
+        type?: ButtonType;
       }
   >;
   // 表格工具栏右侧图标
@@ -198,7 +202,7 @@ export interface IContentConfig<T = any> {
           icon?: string;
           name: string;
           text: string;
-          type?: "primary" | "success" | "warning" | "danger" | "info";
+          type?: ButtonType;
           render?: (row: IObject) => boolean;
         }
     >;