@lx-frontend/wrap-element-ui 1.0.27 → 1.0.28-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lx-frontend/wrap-element-ui",
-  "version": "1.0.27",
+  "version": "1.0.28-beta.2",
   "description": "wrap-element-ui",
   "author": "",
   "main": "src/components/index.ts",

package/src/components/EditableTable/bizHooks/usePagination.ts

@@ -4,11 +4,12 @@ import { IEmits } from "../types"
 interface IParams {
   emit: IEmits
   beforePageChange: () => void
+  initialPageSize?: number
 }
 
-export function usePagination({ emit, beforePageChange }: IParams) {
+export function usePagination({ emit, beforePageChange, initialPageSize = 10 }: IParams) {
 
-  const pageSize = ref(10);
+  const pageSize = ref(initialPageSize);
 
   const handlePageSizeChange = (size: number) => {
     pageSize.value = size;

package/src/components/EditableTable/index.vue

@@ -379,6 +379,8 @@ interface IProps {
   localFilter?: boolean
   /** 页码 */
   currentPage: number
+  /** 每页条数初始值 */
+  pageSize?: number
   pageSizes?: number[]
   /** 分页器展示数量 */
   pagerCount?: number;
@@ -438,6 +440,7 @@ const props = withDefaults(defineProps<IProps>(), {
   localSort: false,
   localFilter: false,
   currentPage: 1,
+  pageSize: 10,
   pageSizes: () => [10, 15, 30, 60, 100],
   pagerCount: 11,
 });
@@ -503,7 +506,14 @@ const {
   handlePageSizeChange,
 } = usePagination({
   emit,
-  beforePageChange
+  beforePageChange,
+  initialPageSize: props.pageSize,
+});
+
+watch(() => props.pageSize, (val) => {
+  if (val !== pageSize.value) {
+    pageSize.value = val;
+  }
 });
 
 /************ 表格单元格hover事件相关 ************ */

package/src/components/EditableTable/types/index.ts

@@ -195,6 +195,8 @@ export interface IProps {
   localSort?: boolean
   localFilter?: boolean
   currentPage: number
+  pageSize?: number
+  pageSizes?: number[]
 }
 
 export interface IEmits {