wkjp-list-page 1.0.8 → 1.0.10

package/README.md

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wkjp-list-page",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "Vue2 + ElementUI CommonListPage component",
   "main": "src/index.js",
   "module": "src/index.js",
@@ -40,7 +40,5 @@
     "webpack-cli": "^3.3.12",
     "webpack-dev-server": "^3.11.3"
   },
-  "dependencies": {
-    "qs": "6.11.2"
-  }
+  "dependencies": {}
 }

package/src/components/CommonListPage.vue

@@ -137,7 +137,7 @@
     </el-table>
 
     <el-pagination
-      v-if="innerPagination"
+      v-if="showPaginationBar"
       background
       :total="innerPagination.total"
       :current-page="innerPagination.page"
@@ -338,6 +338,19 @@ 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;
+    },
+    /** 总数不超过「每页条数」选项里的最小值时，不展示分页条（单页即可看完） */
+    showPaginationBar() {
+      if (!this.innerPagination) return false;
+      return this.innerPagination.total > this.paginationMinPageSize;
+    },
     exportQuerys() {
       return this.filters && typeof this.filters === "object" ? this.filters : {};
     },

package/src/components/ExportFile.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script>
-import qs from "qs";
+import { stringifyExportQuerys } from "../utils/stringifyExportQuerys";
 import { createDownLoadLink } from "../utils/createDownLoadLink";
 
 export default {
@@ -163,8 +163,7 @@ export default {
             /* ignore */
           }
           _export.link =
-            `${_pathPrefix}?${qs.stringify(_parameters, {
-              indices: false,
+            `${_pathPrefix}?${stringifyExportQuerys(_parameters, {
               skipNulls: true,
             })}` + (auth ? `&authorization=${auth}` : "");
         }

package/src/utils/stringifyExportQuerys.js

@@ -0,0 +1,27 @@
+/**
+ * 导出链接查询串（替代 `qs.stringify`，避免旧构建链解析 `node_modules` 里 async generator 等新语法）。
+ * 行为对齐原用法：`indices: false`（数组同一 key 多次）、`skipNulls: true`。
+ *
+ * @param {Record<string, unknown>} obj
+ * @param {{ skipNulls?: boolean }} [options] 仅 `skipNulls`；数组为同一 key 多次 append（对齐 `qs` 的 `indices: false`）。
+ * @returns {string}
+ */
+export function stringifyExportQuerys(obj, options) {
+  var opts = options || {};
+  var skipNulls = opts.skipNulls === true;
+  var sp = new URLSearchParams();
+  if (!obj || typeof obj !== "object") return "";
+  Object.keys(obj).forEach(function (key) {
+    var val = obj[key];
+    if (skipNulls && (val === null || val === undefined)) return;
+    if (Array.isArray(val)) {
+      val.forEach(function (item) {
+        if (skipNulls && (item === null || item === undefined)) return;
+        sp.append(key, item == null ? "" : String(item));
+      });
+    } else {
+      sp.append(key, val == null ? "" : String(val));
+    }
+  });
+  return sp.toString();
+}