wkjp-list-page 1.0.9 → 1.0.11

package/README.md

@@ -234,7 +234,8 @@ deviceListTransformList(list) {
 
 **情况：** 下拉只要 10、20、50，不要默认一长串。  
 **加：** `:pagination="{ pSizes: [10, 20, 50] }"`  
-**说明：** 这里的 **`pagination` 只用来合并进组件内部分页**（改 `pSizes` 等），不是让你自己维护当前第几页、总条数——那些仍是组件内部根据接口结果在管。
+**说明：** 这里的 **`pagination` 只用来合并进组件内部分页**（改 `pSizes` 等），不是让你自己维护当前第几页、总条数——那些仍是组件内部根据接口结果在管。  
+**分页 `layout`：** 当 **`total` 不大于 `pSizes` 中的最小值**（例如共 3 条、最小每页 10 条）时，**不显示「每页条数」下拉与「前往页」**，只保留总数与翻页；数据超过一页时再显示完整分页控件。
 
 ---
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wkjp-list-page",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "Vue2 + ElementUI CommonListPage component",
   "main": "src/index.js",
   "module": "src/index.js",

package/src/components/CommonListPage.vue

@@ -143,9 +143,9 @@
       :current-page="innerPagination.page"
       :page-size="innerPagination.pageSize"
       :page-sizes="innerPagination.pSizes || [10, 50, 100, 200]"
+      :layout="paginationLayout"
       @size-change="handleSizeChange"
       @current-change="handlePageChange"
-      layout="total, sizes, prev, pager, next, jumper"
     ></el-pagination>
 
     <el-dialog
@@ -338,6 +338,24 @@ export default {
     showExportWithApi() {
       return this.showExport === true && typeof this.exportApi === "function";
     },
+    /** `page-sizes` 中的最小值；与 `el-pagination` 的 `:page-sizes` 同源 */
+    paginationMinPageSize() {
+      const ip = this.innerPagination;
+      const fallback = [10, 50, 100, 200];
+      const sizes = ip && Array.isArray(ip.pSizes) && ip.pSizes.length ? ip.pSizes : fallback;
+      const nums = sizes.map((n) => Number(n)).filter((n) => Number.isFinite(n) && n > 0);
+      return nums.length ? Math.min.apply(null, nums) : 10;
+    },
+    /**
+     * 当 **`total` 不大于 `pSizes` 最小值**（单页即可装下）时，从 `layout` 去掉 **`sizes`**（每页条数）与 **`jumper`**（前往页），
+     * 仍保留 **总数、上一页、页码、下一页**；多页时再显示完整布局。
+     */
+    paginationLayout() {
+      if (!this.innerPagination) return "total, prev, pager, next";
+      const full = "total, sizes, prev, pager, next, jumper";
+      if (this.innerPagination.total > this.paginationMinPageSize) return full;
+      return "total, prev, pager, next";
+    },
     exportQuerys() {
       return this.filters && typeof this.filters === "object" ? this.filters : {};
     },