From 8fd74db35d89bcc05fe67ae092a28b367eb08b3b Mon Sep 17 00:00:00 2001
From: castle <castle@mymac>
Date: Mon, 27 Dec 2021 16:31:40 +0800
Subject: [PATCH 1/2] =?UTF-8?q?[=E4=BF=AE=E5=A4=8D]=E5=88=86=E9=A1=B5?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E4=B8=AD=E6=AF=8F=E9=A1=B5=E6=95=B0=E9=87=8F?=
 =?UTF-8?q?=E5=8F=98=E5=8C=96=E6=97=B6=E8=A7=A6=E5=8F=91limit=E4=BA=8B?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/page.md | 36 ++++++++++++++++++++++++++-
 src/module/page/index.vue             |  4 +--
 2 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/example/docs/zh-CN/components/page.md b/example/docs/zh-CN/components/page.md
index dcfd4231..b7432617 100644
--- a/example/docs/zh-CN/components/page.md
+++ b/example/docs/zh-CN/components/page.md
@@ -119,6 +119,39 @@ export default {
 }
 </script>
 
+
+
+:::
+
+::: title 每页数量切换事件(limit)
+:::
+
+::: demo
+
+<template>
+  <lay-page :limit="limit" :total="total" @limit="limit=$event" :show-limit="showLimit" ></lay-page>
+  <div>每页数量:{{limit}}</div>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const limit = ref(5)
+    const total = ref(9999)
+    const showLimit = ref(true)
+
+    return {
+      limit,
+      total,
+      showLimit,
+    }
+  }
+}
+</script>
+
 :::
 
 ::: title 完整分页
@@ -127,7 +160,8 @@ export default {
 ::: demo
 
 <template>
-  <lay-page :limit="limit" :total="9999" :show-count="showCount" :show-page="showPage" :show-limit="showLimit" :show-refresh="showRefresh" showSkip="showSkip"></lay-page>
+  <lay-page :limit="limit" :total="9999" :show-count="showCount" @limit="limit=$event" :show-page="showPage" :show-limit="showLimit" :show-refresh="showRefresh" showSkip="showSkip"></lay-page>
+  每页数量:{{limit}}
 </template>
 
 <script>
diff --git a/src/module/page/index.vue b/src/module/page/index.vue
index c3e9b548..5edfc2bf 100644
--- a/src/module/page/index.vue
+++ b/src/module/page/index.vue
@@ -80,7 +80,7 @@ const props = withDefaults(
   }
 );
 const pages = props.pages / 2
-const inlimit = ref(props.limit);
+const inlimit = computed({ get() { return props.limit }, set(v: number) { emit('limit', v) } })
 const maxPage = ref(Math.ceil(props.total / props.limit));
 const totalPage = computed(() => {
   let r: number[] = [], end = maxPage.value
@@ -99,7 +99,7 @@ const totalPage = computed(() => {
 const currentPage: Ref<number> = ref(1);
 const currentPageShow: Ref<number> = ref(currentPage.value);
 
-const emit = defineEmits(["jump"]);
+const emit = defineEmits(["jump", "limit"]);
 
 const prev = function () {
   if (currentPage.value === 1) {

From 45c2d4d53e914b8f50b00596cc35c190a5b9a0ef Mon Sep 17 00:00:00 2001
From: castle <castle@mymac>
Date: Mon, 27 Dec 2021 16:41:57 +0800
Subject: [PATCH 2/2] =?UTF-8?q?[=E6=96=B0=E5=A2=9E]LayPage=20limits?=
 =?UTF-8?q?=E5=8F=82=E6=95=B0=20=E8=AE=BE=E7=BD=AE=E6=AF=8F=E9=A1=B5?=
 =?UTF-8?q?=E6=95=B0=E9=87=8F=E9=80=89=E6=8B=A9=E8=8C=83=E5=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/page.md | 30 +++++++++++++++++++++++++++
 src/module/page/index.vue             | 13 ++++++------
 2 files changed, 36 insertions(+), 7 deletions(-)

diff --git a/example/docs/zh-CN/components/page.md b/example/docs/zh-CN/components/page.md
index b7432617..69823980 100644
--- a/example/docs/zh-CN/components/page.md
+++ b/example/docs/zh-CN/components/page.md
@@ -121,6 +121,34 @@ export default {
 
 
 
+:::
+
+::: title 设置每页数量选择范围
+:::
+
+::: demo
+
+<template>
+  <lay-page :limit="limit" :total="total" :limits="[10,50,100,200]"></lay-page>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const limit = ref(20)
+    const total = ref(100)
+
+    return {
+      limit,
+      total
+    }
+  }
+}
+</script>
+
 :::
 
 ::: title 每页数量切换事件(limit)
@@ -242,6 +270,7 @@ export default {
 | showRefresh | 显示刷新按钮 | `false` |
 | showSkip    | 显示跳转     | `false` |
 | pages       | 显示切页按钮数量     | `10` |
+| limits       | 切换每页数量的选择项     | `[10,20,30,40,50]` |
 
 :::
 
@@ -253,6 +282,7 @@ export default {
 | 事件 | 描述     | 参数                  |
 | ---- | -------- | --------------------- |
 | jump | 切换回调 | { current: 当前页面 } |
+| limit | 每页数量变化 | 变化后的值 |
 
 :::
 
diff --git a/src/module/page/index.vue b/src/module/page/index.vue
index 5edfc2bf..500bdd91 100644
--- a/src/module/page/index.vue
+++ b/src/module/page/index.vue
@@ -31,11 +31,7 @@
     </a>
     <span v-if="showLimit" class="layui-laypage-limits">
       <select v-model="inlimit">
-        <option value="10">10 条/页</option>
-        <option value="20">20 条/页</option>
-        <option value="30">30 条/页</option>
-        <option value="40">40 条/页</option>
-        <option value="50">50 条/页</option>
+        <option v-for="val of limits" :key="val" :value="val">{{ val }} 条/页</option>
       </select>
     </span>
     <a v-if="showRefresh" href="javascript:;" class="layui-laypage-refresh">
@@ -65,7 +61,8 @@ const props = withDefaults(
     showLimit?: boolean | string;
     showInput?: boolean | string;
     showRefresh?: boolean | string;
-    pages?: number
+    pages?: number,
+    limits?: number[]
   }>(),
   {
     limit: 10,
@@ -76,9 +73,11 @@ const props = withDefaults(
     showLimit: true,
     showInput: false,
     showRefresh: false,
-    pages: 10
+    pages: 10,
+    limits: () => [10, 20, 30, 40, 50]
   }
 );
+const limits = ref(props.limits);
 const pages = props.pages / 2
 const inlimit = computed({ get() { return props.limit }, set(v: number) { emit('limit', v) } })
 const maxPage = ref(Math.ceil(props.total / props.limit));