// 分页逻辑管理
import { ref, watch } from 'vue';
import { useEvent } from './event';

/**
 * 分页监听逻辑
 * 1. 监听页码和单页数据量变换
 * 2. 可添加响应触发事件
 */
export function usePagination() {
  const { invokeEvent, addEvent: addPageEvent } = useEvent();
  const currentPage = ref(1);
  const pageSize = ref(20);
  watch(currentPage, (nValue, oValue) => {
    if (nValue != oValue) {
      invokeEvent();
    }
  });
  watch(pageSize, (nValue, oValue) => {
    if (nValue != oValue) {
      invokeEvent();
    }
  });

  return { currentPage, pageSize, addPageEvent };
}