vue3-components-plus 3.0.25 → 3.0.32

package/dist/ComponentDemo/NsTableDemo/mockData.js

@@ -1,650 +1,117 @@
-// 模拟用户数据
-export const mockUsers = [
-  {
-    id: 1,
-    username: "zhangsan",
-    realName: "张三",
-    gender: 1,
-    department: "tech",
-    status: 1,
-    phone: "13800138001",
-    email: "zhangsan@example.com",
-    avatar: "https://cube.elemecdn.com/0/88/03b0d39583f_87968.png",
-    createTime: "2024-01-01 10:00:00",
-    updateTime: "2024-01-10 15:30:00"
-  },
-  {
-    id: 2,
-    username: "lisi",
-    realName: "李四",
-    gender: 1,
-    department: "product",
-    status: 1,
-    phone: "13800138002",
-    email: "lisi@example.com",
-    avatar:
-      "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
-    createTime: "2024-01-02 11:00:00",
-    updateTime: "2024-01-11 16:30:00"
-  },
-  {
-    id: 3,
-    username: "wangwu",
-    realName: "王五",
-    gender: 2,
-    department: "operation",
-    status: 0,
-    phone: "13800138003",
-    email: "wangwu@example.com",
-    avatar:
-      "https://cube.elemecdn.com/9/c2/f0ee8a30c0963d916c7f3d6be5fepng.png",
-    createTime: "2024-01-03 12:00:00",
-    updateTime: "2024-01-12 17:30:00"
-  },
-  {
-    id: 4,
-    username: "zhaoliu",
-    realName: "赵六",
-    gender: 1,
-    department: "tech",
-    status: 1,
-    phone: "13800138004",
-    email: "zhaoliu@example.com",
-    avatar: "https://cube.elemecdn.com/0/88/03b0d39583f_87968.png",
-    createTime: "2024-01-04 13:00:00",
-    updateTime: "2024-01-13 18:30:00"
-  },
-  {
-    id: 5,
-    username: "sunqi",
-    realName: "孙七",
-    gender: 2,
-    department: "hr",
-    status: 1,
-    phone: "13800138005",
-    email: "sunqi@example.com",
-    avatar:
-      "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
-    createTime: "2024-01-05 14:00:00",
-    updateTime: "2024-01-14 19:30:00"
-  },
-  {
-    id: 6,
-    username: "zhouba",
-    realName: "周八",
-    gender: 1,
-    department: "finance",
-    status: 0,
-    phone: "13800138006",
-    email: "zhouba@example.com",
-    avatar:
-      "https://cube.elemecdn.com/9/c2/f0ee8a30c0963d916c7f3d6be5fepng.png",
-    createTime: "2024-01-06 15:00:00",
-    updateTime: "2024-01-15 20:30:00"
-  },
-  {
-    id: 7,
-    username: "wujiu",
-    realName: "吴九",
-    gender: 2,
-    department: "product",
-    status: 1,
-    phone: "13800138007",
-    email: "wujiu@example.com",
-    avatar: "https://cube.elemecdn.com/0/88/03b0d39583f_87968.png",
-    createTime: "2024-01-07 16:00:00",
-    updateTime: "2024-01-16 21:30:00"
-  },
-  {
-    id: 8,
-    username: "zhengshi",
-    realName: "郑十",
-    gender: 1,
-    department: "tech",
-    status: 1,
-    phone: "13800138008",
-    email: "zhengshi@example.com",
-    avatar:
-      "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
-    createTime: "2024-01-08 17:00:00",
-    updateTime: "2024-01-17 22:30:00"
-  },
-  {
-    id: 9,
-    username: "zhangsan",
-    realName: "张三",
-    gender: 1,
-    department: "tech",
-    status: 1,
-    phone: "13800138001",
-    email: "zhangsan@example.com",
-    avatar: "https://cube.elemecdn.com/0/88/03b0d39583f_87968.png",
-    createTime: "2024-01-01 10:00:00",
-    updateTime: "2024-01-10 15:30:00"
-  },
-  {
-    id: 10,
-    username: "lisi",
-    realName: "李四",
-    gender: 1,
-    department: "product",
-    status: 1,
-    phone: "13800138002",
-    email: "lisi@example.com",
-    avatar:
-      "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
-    createTime: "2024-01-02 11:00:00",
-    updateTime: "2024-01-11 16:30:00"
-  },
-  {
-    id: 11,
-    username: "wangwu",
-    realName: "王五",
-    gender: 2,
-    department: "operation",
-    status: 0,
-    phone: "13800138003",
-    email: "wangwu@example.com",
-    avatar:
-      "https://cube.elemecdn.com/9/c2/f0ee8a30c0963d916c7f3d6be5fepng.png",
-    createTime: "2024-01-03 12:00:00",
-    updateTime: "2024-01-12 17:30:00"
-  },
-  {
-    id: 12,
-    username: "zhaoliu",
-    realName: "赵六",
-    gender: 1,
-    department: "tech",
-    status: 1,
-    phone: "13800138004",
-    email: "zhaoliu@example.com",
-    avatar: "https://cube.elemecdn.com/0/88/03b0d39583f_87968.png",
-    createTime: "2024-01-04 13:00:00",
-    updateTime: "2024-01-13 18:30:00"
-  },
-  {
-    id: 13,
-    username: "sunqi",
-    realName: "孙七",
-    gender: 2,
-    department: "hr",
-    status: 1,
-    phone: "13800138005",
-    email: "sunqi@example.com",
-    avatar:
-      "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
-    createTime: "2024-01-05 14:00:00",
-    updateTime: "2024-01-14 19:30:00"
-  },
-  {
-    id: 14,
-    username: "zhouba",
-    realName: "周八",
-    gender: 1,
-    department: "finance",
-    status: 0,
-    phone: "13800138006",
-    email: "zhouba@example.com",
-    avatar:
-      "https://cube.elemecdn.com/9/c2/f0ee8a30c0963d916c7f3d6be5fepng.png",
-    createTime: "2024-01-06 15:00:00",
-    updateTime: "2024-01-15 20:30:00"
-  },
-  {
-    id: 15,
-    username: "wujiu",
-    realName: "吴九",
-    gender: 2,
-    department: "product",
-    status: 1,
-    phone: "13800138007",
-    email: "wujiu@example.com",
-    avatar: "https://cube.elemecdn.com/0/88/03b0d39583f_87968.png",
-    createTime: "2024-01-07 16:00:00",
-    updateTime: "2024-01-16 21:30:00"
-  },
-  {
-    id: 16,
-    username: "zhengshi",
-    realName: "郑十",
-    gender: 1,
-    department: "tech",
-    status: 1,
-    phone: "13800138008",
-    email: "zhengshi@example.com",
-    avatar:
-      "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
-    createTime: "2024-01-08 17:00:00",
-    updateTime: "2024-01-17 22:30:00"
-  },
-  {
-    id: 17,
-    username: "zhangsan",
-    realName: "张三",
-    gender: 1,
-    department: "tech",
-    status: 1,
-    phone: "13800138001",
-    email: "zhangsan@example.com",
-    avatar: "https://cube.elemecdn.com/0/88/03b0d39583f_87968.png",
-    createTime: "2024-01-01 10:00:00",
-    updateTime: "2024-01-10 15:30:00"
-  },
-  {
-    id: 18,
-    username: "lisi",
-    realName: "李四",
-    gender: 1,
-    department: "product",
-    status: 1,
-    phone: "13800138002",
-    email: "lisi@example.com",
-    avatar:
-      "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
-    createTime: "2024-01-02 11:00:00",
-    updateTime: "2024-01-11 16:30:00"
-  },
-  {
-    id: 19,
-    username: "wangwu",
-    realName: "王五",
-    gender: 2,
-    department: "operation",
-    status: 0,
-    phone: "13800138003",
-    email: "wangwu@example.com",
-    avatar:
-      "https://cube.elemecdn.com/9/c2/f0ee8a30c0963d916c7f3d6be5fepng.png",
-    createTime: "2024-01-03 12:00:00",
-    updateTime: "2024-01-12 17:30:00"
-  },
-  {
-    id: 20,
-    username: "zhaoliu",
-    realName: "赵六",
-    gender: 1,
-    department: "tech",
-    status: 1,
-    phone: "13800138004",
-    email: "zhaoliu@example.com",
-    avatar: "https://cube.elemecdn.com/0/88/03b0d39583f_87968.png",
-    createTime: "2024-01-04 13:00:00",
-    updateTime: "2024-01-13 18:30:00"
-  },
-  {
-    id: 21,
-    username: "sunqi",
-    realName: "孙七",
-    gender: 2,
-    department: "hr",
-    status: 1,
-    phone: "13800138005",
-    email: "sunqi@example.com",
-    avatar:
-      "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
-    createTime: "2024-01-05 14:00:00",
-    updateTime: "2024-01-14 19:30:00"
-  },
-  {
-    id: 22,
-    username: "zhouba",
-    realName: "周八",
-    gender: 1,
-    department: "finance",
-    status: 0,
-    phone: "13800138006",
-    email: "zhouba@example.com",
-    avatar:
-      "https://cube.elemecdn.com/9/c2/f0ee8a30c0963d916c7f3d6be5fepng.png",
-    createTime: "2024-01-06 15:00:00",
-    updateTime: "2024-01-15 20:30:00"
-  },
-  {
-    id: 23,
-    username: "wujiu",
-    realName: "吴九",
-    gender: 2,
-    department: "product",
-    status: 1,
-    phone: "13800138007",
-    email: "wujiu@example.com",
-    avatar: "https://cube.elemecdn.com/0/88/03b0d39583f_87968.png",
-    createTime: "2024-01-07 16:00:00",
-    updateTime: "2024-01-16 21:30:00"
-  },
-  {
-    id: 24,
-    username: "zhengshi",
-    realName: "郑十",
-    gender: 1,
-    department: "tech",
-    status: 1,
-    phone: "13800138008",
-    email: "zhengshi@example.com",
-    avatar:
-      "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
-    createTime: "2024-01-08 17:00:00",
-    updateTime: "2024-01-17 22:30:00"
-  },
-  {
-    id: 25,
-    username: "zhangsan",
-    realName: "张三",
-    gender: 1,
-    department: "tech",
-    status: 1,
-    phone: "13800138001",
-    email: "zhangsan@example.com",
-    avatar: "https://cube.elemecdn.com/0/88/03b0d39583f_87968.png",
-    createTime: "2024-01-01 10:00:00",
-    updateTime: "2024-01-10 15:30:00"
-  },
-  {
-    id: 26,
-    username: "lisi",
-    realName: "李四",
-    gender: 1,
-    department: "product",
-    status: 1,
-    phone: "13800138002",
-    email: "lisi@example.com",
-    avatar:
-      "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
-    createTime: "2024-01-02 11:00:00",
-    updateTime: "2024-01-11 16:30:00"
-  },
-  {
-    id: 27,
-    username: "wangwu",
-    realName: "王五",
-    gender: 2,
-    department: "operation",
-    status: 0,
-    phone: "13800138003",
-    email: "wangwu@example.com",
-    avatar:
-      "https://cube.elemecdn.com/9/c2/f0ee8a30c0963d916c7f3d6be5fepng.png",
-    createTime: "2024-01-03 12:00:00",
-    updateTime: "2024-01-12 17:30:00"
-  },
-  {
-    id: 28,
-    username: "zhaoliu",
-    realName: "赵六",
-    gender: 1,
-    department: "tech",
-    status: 1,
-    phone: "13800138004",
-    email: "zhaoliu@example.com",
-    avatar: "https://cube.elemecdn.com/0/88/03b0d39583f_87968.png",
-    createTime: "2024-01-04 13:00:00",
-    updateTime: "2024-01-13 18:30:00"
-  },
-  {
-    id: 29,
-    username: "sunqi",
-    realName: "孙七",
-    gender: 2,
-    department: "hr",
-    status: 1,
-    phone: "13800138005",
-    email: "sunqi@example.com",
-    avatar:
-      "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
-    createTime: "2024-01-05 14:00:00",
-    updateTime: "2024-01-14 19:30:00"
-  },
-  {
-    id: 30,
-    username: "zhouba",
-    realName: "周八",
-    gender: 1,
-    department: "finance",
-    status: 0,
-    phone: "13800138006",
-    email: "zhouba@example.com",
-    avatar:
-      "https://cube.elemecdn.com/9/c2/f0ee8a30c0963d916c7f3d6be5fepng.png",
-    createTime: "2024-01-06 15:00:00",
-    updateTime: "2024-01-15 20:30:00"
-  },
-  {
-    id: 31,
-    username: "wujiu",
-    realName: "吴九",
-    gender: 2,
-    department: "product",
-    status: 1,
-    phone: "13800138007",
-    email: "wujiu@example.com",
-    avatar: "https://cube.elemecdn.com/0/88/03b0d39583f_87968.png",
-    createTime: "2024-01-07 16:00:00",
-    updateTime: "2024-01-16 21:30:00"
-  },
-  {
-    id: 32,
-    username: "zhengshi",
-    realName: "郑十",
-    gender: 1,
-    department: "tech",
-    status: 1,
-    phone: "13800138008",
-    email: "zhengshi@example.com",
-    avatar:
-      "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
-    createTime: "2024-01-08 17:00:00",
-    updateTime: "2024-01-17 22:30:00"
-  }
-];
-
-// 部门选项
-export const departmentOptions = [
-  { label: "技术部", value: "tech" },
-  { label: "产品部", value: "product" },
-  { label: "运营部", value: "operation" },
-  { label: "人力资源部", value: "hr" },
-  { label: "财务部", value: "finance" }
-];
-
-/**
- * 异步获取部门选项（模拟接口请求，延迟2秒）
- * @returns {Promise<Array>} 部门选项数组
- */
-export const fetchDepartmentOptions = () => {
-  return new Promise(resolve => {
-    setTimeout(() => {
-      resolve(departmentOptions);
-    }, 500);
-  });
-};
-
-// 状态选项
-export const statusOptions = [
-  { label: "全部", value: "" },
-  { label: "启用", value: 1 },
-  { label: "禁用", value: 0 }
-];
-
-/**
- * 异步获取状态选项（模拟接口请求，延迟2秒）
- * @returns {Promise<Array>} 状态选项数组
- */
-export const fetchStatusOptions = () => {
-  return new Promise(resolve => {
-    setTimeout(() => {
-      resolve(statusOptions);
-    }, 500);
-  });
-};
-
-// 性别选项
-export const genderOptions = [
-  { label: "全部", value: "" },
-  { label: "男", value: 1 },
-  { label: "女", value: 2 }
-];
-
-/**
- * 异步获取性别选项（模拟接口请求，延迟3秒）
- * @returns {Promise<Array>} 性别选项数组
- */
-export const fetchGenderOptions = () => {
-  return new Promise(resolve => {
-    setTimeout(() => {
-      resolve(genderOptions);
-    }, 3000);
-  });
-};
-
-import { ElMessageBox } from "element-plus";
-
-/**
- * 根据搜索条件过滤用户数据
- * @param {Array} users - 用户数据数组
- * @param {Object} searchParams - 搜索参数对象
- * @param {Object} pagination - 分页参数对象，支持自定义 key 名称
- *   - 默认使用 currentPage 和 pageSize
- *   - 也可传入自定义 key，如 { currentPage1: 1, pageSize1: 10 }
- * @param {Object} keyConfig - 可选，自定义分页 key 配置
- *   - pageNumberKey: 当前页码的 key 名称，默认 'currentPage'
- *   - pageSizeKey: 每页条数的 key 名称，默认 'pageSize'
- * @returns {Object} { list: 过滤后的用户数据, total: 总数 }
- */
-export const filterUsers = (users, searchParams, pagination = {}, keyConfig = {}) => {
-  // 默认 key 配置
-  const pageNumberKey = keyConfig.pageNumberKey || 'currentPage';
-  const pageSizeKey = keyConfig.pageSizeKey || 'pageSize';
-
-  // 打印并弹出查询条件信息
-  const queryInfo = {
-    搜索条件: searchParams,
-    分页参数: pagination
-  };
-  console.log("查询条件：", queryInfo);
-
-  /* ElMessageBox.alert(
-    `<pre style="max-height: 300px; overflow: auto;">${JSON.stringify(queryInfo, null, 2)}</pre>`,
-    "查询条件信息",
-    {
-      dangerouslyUseHTMLString: true,
-      confirmButtonText: "确定"
-    }
-  ).catch(() => {}); */
-
-  // 先进行过滤
-  let filteredData = users;
-
-  if (searchParams && Object.keys(searchParams).length > 0) {
-    filteredData = users.filter(user => {
-      // 用户名过滤（模糊匹配）
-      if (searchParams.username && searchParams.username.trim() !== "") {
-        const username = user.username || "";
-        const searchUsername = searchParams.username.trim().toLowerCase();
-        if (!username.toLowerCase().includes(searchUsername)) {
-          return false;
-        }
-      }
-
-      // 真实姓名过滤（模糊匹配）
-      if (searchParams.realName && searchParams.realName.trim() !== "") {
-        const realName = user.realName || "";
-        const searchRealName = searchParams.realName.trim().toLowerCase();
-        if (!realName.toLowerCase().includes(searchRealName)) {
-          return false;
-        }
-      }
-
-      // 状态过滤
-      if (
-        searchParams.status !== undefined &&
-        searchParams.status !== null &&
-        searchParams.status !== ""
-      ) {
-        if (user.status !== searchParams.status) {
-          return false;
-        }
-      }
-
-      // 部门过滤
-      if (searchParams.department && searchParams.department !== "") {
-        if (user.department !== searchParams.department) {
-          return false;
-        }
-      }
-
-      // 性别过滤
-      if (
-        searchParams.gender !== undefined &&
-        searchParams.gender !== null &&
-        searchParams.gender !== ""
-      ) {
-        if (user.gender !== searchParams.gender) {
-          return false;
-        }
-      }
-
-      // 手机号过滤（模糊匹配）
-      if (searchParams.phone && searchParams.phone.trim() !== "") {
-        const phone = user.phone || "";
-        const searchPhone = searchParams.phone.trim();
-        if (!phone.includes(searchPhone)) {
-          return false;
-        }
-      }
-
-      // 创建时间范围过滤
-      if (
-        searchParams.createTime &&
-        Array.isArray(searchParams.createTime) &&
-        searchParams.createTime.length === 2
-      ) {
-        const [startDate, endDate] = searchParams.createTime;
-        if (startDate && endDate) {
-          const userCreateTime = new Date(user.createTime).getTime();
-          const startTime = new Date(startDate).getTime();
-          const endTime = new Date(endDate).getTime();
-
-          if (userCreateTime < startTime || userCreateTime > endTime) {
-            return false;
-          }
-        }
-      }
-
-      // 是否激活过滤（active字段）
-      if (searchParams.active !== undefined && searchParams.active !== null) {
-        // 这里假设用户数据中没有active字段，我们可以根据status来判断
-        // 如果searchParams.active为true，只显示启用的用户（status === 1）
-        // 如果searchParams.active为false，只显示禁用的用户（status === 0）
-        const isActive =
-          searchParams.active === true || searchParams.active === "true";
-        if (isActive && user.status !== 1) {
-          return false;
-        }
-        if (!isActive && user.status !== 0) {
-          return false;
-        }
-      }
-
-      return true;
-    });
-  }
-
-  // 计算总数
-  const total = filteredData.length;
-
-  // 如果有分页参数，进行分页（支持自定义 key）
-  const currentPage = pagination[pageNumberKey] || 1;
-  const pageSize = pagination[pageSizeKey] || 10;
-
-  if (currentPage && pageSize) {
-    const start = (currentPage - 1) * pageSize;
-    const end = start + pageSize;
-    filteredData = filteredData.slice(start, end);
-  }
-
-  return {
-    list: filteredData,
-    total
-  };
-};
+export const departmentOptions = [
+  { label: '技术部', value: 'tech' },
+  { label: '产品部', value: 'product' },
+  { label: '运营部', value: 'operation' },
+  { label: '人力资源部', value: 'hr' },
+  { label: '财务部', value: 'finance' },
+]
+
+export const statusOptions = [
+  { label: '全部', value: '' },
+  { label: '启用', value: 1 },
+  { label: '禁用', value: 0 },
+]
+
+const nameSeed = [
+  ['zhangsan', '张三'],
+  ['lisi', '李四'],
+  ['wangwu', '王五'],
+  ['zhaoliu', '赵六'],
+  ['sunqi', '孙七'],
+  ['zhouba', '周八'],
+  ['wujiu', '吴九'],
+  ['zhengshi', '郑十'],
+]
+
+function pad(value) {
+  return String(value).padStart(2, '0')
+}
+
+export const mockUsers = Array.from({ length: 20 }, function (_, index) {
+
+  const id = index + 1
+  const seed = nameSeed[index % nameSeed.length]
+  const department = departmentOptions[index % departmentOptions.length]
+  const month = (index % 12) + 1
+  const day = (index % 28) + 1
+  const gender = id % 2 === 0 ? 2 : 1
+  const status = id % 5 === 0 ? 0 : 1
+  return {
+
+    id,
+    username: seed[0] + id,
+    realName: seed[1],
+    gender,
+    department: department.value,
+    status,
+    phone: '1380013' + pad(id) + pad((id * 3) % 100),
+    email: seed[0] + id + '@example.com',
+    avatar: id % 2 === 0
+      ? 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
+      : 'https://cube.elemecdn.com/0/88/03b0d39583f_87968.png',
+    createTime: '2024-' + pad(month) + '-' + pad(day) + ' 10:00:00',
+    updateTime: '2024-' + pad(month) + '-' + pad(day) + ' 18:30:00',
+    month: String(month),
+  }
+})
+
+export function fetchStatusOptions() {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      resolve(statusOptions)
+    }, 300)
+  })
+}
+
+export function fetchDepartmentOptions() {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      resolve([{ label: '全部', value: '' }].concat(departmentOptions))
+    }, 300)
+  })
+}
+
+export function filterUsers(users, searchParams, pagination, keyConfig) {
+  const params = searchParams || {}
+  const pager = pagination || {}
+  const config = keyConfig || {}
+  const pageNumberKey = config.pageNumberKey || 'currentPage'
+  const pageSizeKey = config.pageSizeKey || 'pageSize'
+
+  let list = (users || []).filter(function (item) {
+    if (params.month && item.month !== String(params.month)) return false
+    if (params.username && item.username.toLowerCase().indexOf(String(params.username).toLowerCase()) === -1) return false
+    if (params.realName && item.realName.indexOf(params.realName) === -1) return false
+    if (params.status !== '' && params.status !== undefined && params.status !== null && item.status !== params.status) return false
+    if (params.department && item.department !== params.department) return false
+    if (params.gender !== '' && params.gender !== undefined && params.gender !== null && item.gender !== params.gender) return false
+    if (params.phone && item.phone.indexOf(String(params.phone)) === -1) return false
+    if (params.active !== undefined && params.active !== null) {
+      const active = params.active === true || params.active === 'true'
+      if (active && item.status !== 1) return false
+      if (!active && item.status !== 0) return false
+    }
+    if (params.createTime && Array.isArray(params.createTime) && params.createTime.length === 2) {
+      const start = new Date(params.createTime[0]).getTime()
+      const end = new Date(params.createTime[1]).getTime()
+      const current = new Date(item.createTime).getTime()
+      if (!Number.isNaN(start) && !Number.isNaN(end) && (current < start || current > end)) {
+        return false
+      }
+    }
+    return true
+  })
+
+  const total = list.length
+  const currentPage = Number(pager[pageNumberKey] || 1)
+  const pageSize = Number(pager[pageSizeKey] || 10)
+  const start = (currentPage - 1) * pageSize
+  const end = start + pageSize
+
+  list = list.slice(start, end)
+
+  return {
+    list,
+    total,
+  }
+}