@weitutech/by-components 1.2.4 → 1.2.5

package/lib/by-components.common.js

@@ -74528,8 +74528,8 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var pager = (component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/table/index.vue?vue&type=template&id=f5e98ace
-var tablevue_type_template_id_f5e98ace_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/table/index.vue?vue&type=template&id=552fb22a
+var tablevue_type_template_id_552fb22a_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('vxe-grid', _vm._g(_vm._b({
@@ -74560,7 +74560,17 @@ var tablevue_type_template_id_f5e98ace_render = function render() {
           on: {
             "click": _vm.resetCachedTableColumns
           }
-        }, [_vm._v(" 重置列宽 ")]) : _vm._e()], 1), _c('by-pager', {
+        }, [_vm._v(" 重置列宽 ")]) : _vm._e()], 1), _vm.useUnknownTotalPager ? _c('by-pager-unknown-total', {
+          attrs: {
+            "page": _vm.options.pagerConfig.currentPage,
+            "limit": _vm.options.pagerConfig.pageSize,
+            "page-sizes": _vm.options.pagerConfig.pageSizes,
+            "current-count": _vm.currentPageDataCount
+          },
+          on: {
+            "onChange": _vm.pageChange
+          }
+        }) : _c('by-pager', {
           attrs: {
             "page": _vm.options.pagerConfig.currentPage,
             "limit": _vm.options.pagerConfig.pageSize,
@@ -74614,7 +74624,7 @@ var tablevue_type_template_id_f5e98ace_render = function render() {
     }
   }) : _vm._e()], 1);
 };
-var tablevue_type_template_id_f5e98ace_staticRenderFns = [];
+var tablevue_type_template_id_552fb22a_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
@@ -77289,6 +77299,160 @@ var custom_column_component = normalizeComponent(
 )
 
 /* harmony default export */ var custom_column = (custom_column_component.exports);
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/pager-unknown-total/index.vue?vue&type=template&id=1208560e
+var pager_unknown_totalvue_type_template_id_1208560e_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "by-pager-unknown-total"
+  }, [_c('div', {
+    staticClass: "by-pager-unknown-total__inner"
+  }, [_vm.pager.page > 1 ? _c('button', {
+    staticClass: "by-pager-unknown-total__btn-home",
+    attrs: {
+      "type": "button"
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.changePage(1);
+      }
+    }
+  }, [_c('span', {
+    staticClass: "by-pager-unknown-total__btn-home-icon",
+    attrs: {
+      "aria-hidden": "true"
+    }
+  }, [_vm._v("‹")]), _vm._v("回首页 ")]) : _vm._e(), _c('button', {
+    staticClass: "by-pager-unknown-total__btn",
+    attrs: {
+      "type": "button",
+      "disabled": _vm.pager.page <= 1
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.changePage(_vm.pager.page - 1);
+      }
+    }
+  }, [_vm._v(" 上一页 ")]), _c('span', {
+    staticClass: "by-pager-unknown-total__page"
+  }, [_vm._v("第 " + _vm._s(_vm.pager.page) + " 页")]), _c('button', {
+    staticClass: "by-pager-unknown-total__btn",
+    attrs: {
+      "type": "button",
+      "disabled": _vm.isLastPage
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.changePage(_vm.pager.page + 1);
+      }
+    }
+  }, [_vm._v(" 下一页 ")]), _c('el-select', {
+    staticClass: "by-pager-unknown-total__sizes",
+    attrs: {
+      "value": _vm.pager.limit,
+      "popper-class": "by-pager-unknown-total__sizes-popper"
+    },
+    on: {
+      "change": value => _vm.handleValueChange(value, 'limit')
+    }
+  }, _vm._l(_vm.pageSizes, function (size) {
+    return _c('el-option', {
+      key: size,
+      attrs: {
+        "label": `${size}条/页`,
+        "value": size
+      }
+    });
+  }), 1)], 1)]);
+};
+var pager_unknown_totalvue_type_template_id_1208560e_staticRenderFns = [];
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/pager-unknown-total/index.vue?vue&type=script&lang=js
+/* harmony default export */ var pager_unknown_totalvue_type_script_lang_js = ({
+  name: 'ByPagerUnknownTotal',
+  props: {
+    limit: {
+      type: Number,
+      default: 15
+    },
+    page: {
+      type: Number,
+      default: 1
+    },
+    pageSizes: {
+      type: Array,
+      default: () => [10, 15, 20, 25, 30, 50, 100]
+    },
+    currentCount: {
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {
+      pager: {
+        page: this.page,
+        limit: this.limit
+      }
+    };
+  },
+  computed: {
+    isLastPage() {
+      return this.currentCount < this.pager.limit;
+    }
+  },
+  watch: {
+    page: {
+      handler(val) {
+        this.pager.page = val;
+      },
+      immediate: true
+    },
+    limit: {
+      handler(val) {
+        this.pager.limit = val;
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    changePage(page) {
+      if (page < 1 || page > this.pager.page && this.isLastPage) return;
+      this.handleValueChange(page, 'page');
+    },
+    handleValueChange(value, field) {
+      if (!value) return;
+      const values = {
+        ...this.pager,
+        [field]: value,
+        page: field === 'limit' ? 1 : value
+      };
+      this.$emit('onChange', values);
+    }
+  }
+});
+;// ./src/components/pager-unknown-total/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_pager_unknown_totalvue_type_script_lang_js = (pager_unknown_totalvue_type_script_lang_js); 
+;// ./src/components/pager-unknown-total/index.vue
+
+
+
+
+
+/* normalize component */
+;
+var pager_unknown_total_component = normalizeComponent(
+  components_pager_unknown_totalvue_type_script_lang_js,
+  pager_unknown_totalvue_type_template_id_1208560e_render,
+  pager_unknown_totalvue_type_template_id_1208560e_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var pager_unknown_total = (pager_unknown_total_component.exports);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/table/index.vue?vue&type=script&lang=js
 
 
@@ -77305,10 +77469,12 @@ var custom_column_component = normalizeComponent(
 
 
 
+
 /* harmony default export */ var tablevue_type_script_lang_js = ({
   name: 'ByTable',
   components: {
-    CustomColumn: custom_column
+    CustomColumn: custom_column,
+    ByPagerUnknownTotal: pager_unknown_total
   },
   props: {
     /**
@@ -77561,6 +77727,13 @@ var custom_column_component = normalizeComponent(
         ...otherConfigs
       };
     },
+    useUnknownTotalPager() {
+      const pagerConfig = this.gridOptions.pagerConfig;
+      return !!(pagerConfig && pagerConfig.total === -1 && !pagerConfig.frontendPagination);
+    },
+    currentPageDataCount() {
+      return (this.gridOptions.data || []).length;
+    },
     // 插槽集合
     slotMap() {
       var _this$gridOptions$cus, _this$gridOptions, _this$gridOptions$cus2;
@@ -78249,8 +78422,8 @@ var custom_column_component = normalizeComponent(
 ;
 var table_component = normalizeComponent(
   components_tablevue_type_script_lang_js,
-  tablevue_type_template_id_f5e98ace_render,
-  tablevue_type_template_id_f5e98ace_staticRenderFns,
+  tablevue_type_template_id_552fb22a_render,
+  tablevue_type_template_id_552fb22a_staticRenderFns,
   false,
   null,
   null,

package/lib/by-components.umd.js

@@ -74538,8 +74538,8 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var pager = (component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/table/index.vue?vue&type=template&id=f5e98ace
-var tablevue_type_template_id_f5e98ace_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/table/index.vue?vue&type=template&id=552fb22a
+var tablevue_type_template_id_552fb22a_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('vxe-grid', _vm._g(_vm._b({
@@ -74570,7 +74570,17 @@ var tablevue_type_template_id_f5e98ace_render = function render() {
           on: {
             "click": _vm.resetCachedTableColumns
           }
-        }, [_vm._v(" 重置列宽 ")]) : _vm._e()], 1), _c('by-pager', {
+        }, [_vm._v(" 重置列宽 ")]) : _vm._e()], 1), _vm.useUnknownTotalPager ? _c('by-pager-unknown-total', {
+          attrs: {
+            "page": _vm.options.pagerConfig.currentPage,
+            "limit": _vm.options.pagerConfig.pageSize,
+            "page-sizes": _vm.options.pagerConfig.pageSizes,
+            "current-count": _vm.currentPageDataCount
+          },
+          on: {
+            "onChange": _vm.pageChange
+          }
+        }) : _c('by-pager', {
           attrs: {
             "page": _vm.options.pagerConfig.currentPage,
             "limit": _vm.options.pagerConfig.pageSize,
@@ -74624,7 +74634,7 @@ var tablevue_type_template_id_f5e98ace_render = function render() {
     }
   }) : _vm._e()], 1);
 };
-var tablevue_type_template_id_f5e98ace_staticRenderFns = [];
+var tablevue_type_template_id_552fb22a_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
@@ -77299,6 +77309,160 @@ var custom_column_component = normalizeComponent(
 )
 
 /* harmony default export */ var custom_column = (custom_column_component.exports);
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/pager-unknown-total/index.vue?vue&type=template&id=1208560e
+var pager_unknown_totalvue_type_template_id_1208560e_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "by-pager-unknown-total"
+  }, [_c('div', {
+    staticClass: "by-pager-unknown-total__inner"
+  }, [_vm.pager.page > 1 ? _c('button', {
+    staticClass: "by-pager-unknown-total__btn-home",
+    attrs: {
+      "type": "button"
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.changePage(1);
+      }
+    }
+  }, [_c('span', {
+    staticClass: "by-pager-unknown-total__btn-home-icon",
+    attrs: {
+      "aria-hidden": "true"
+    }
+  }, [_vm._v("‹")]), _vm._v("回首页 ")]) : _vm._e(), _c('button', {
+    staticClass: "by-pager-unknown-total__btn",
+    attrs: {
+      "type": "button",
+      "disabled": _vm.pager.page <= 1
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.changePage(_vm.pager.page - 1);
+      }
+    }
+  }, [_vm._v(" 上一页 ")]), _c('span', {
+    staticClass: "by-pager-unknown-total__page"
+  }, [_vm._v("第 " + _vm._s(_vm.pager.page) + " 页")]), _c('button', {
+    staticClass: "by-pager-unknown-total__btn",
+    attrs: {
+      "type": "button",
+      "disabled": _vm.isLastPage
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.changePage(_vm.pager.page + 1);
+      }
+    }
+  }, [_vm._v(" 下一页 ")]), _c('el-select', {
+    staticClass: "by-pager-unknown-total__sizes",
+    attrs: {
+      "value": _vm.pager.limit,
+      "popper-class": "by-pager-unknown-total__sizes-popper"
+    },
+    on: {
+      "change": value => _vm.handleValueChange(value, 'limit')
+    }
+  }, _vm._l(_vm.pageSizes, function (size) {
+    return _c('el-option', {
+      key: size,
+      attrs: {
+        "label": `${size}条/页`,
+        "value": size
+      }
+    });
+  }), 1)], 1)]);
+};
+var pager_unknown_totalvue_type_template_id_1208560e_staticRenderFns = [];
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/pager-unknown-total/index.vue?vue&type=script&lang=js
+/* harmony default export */ var pager_unknown_totalvue_type_script_lang_js = ({
+  name: 'ByPagerUnknownTotal',
+  props: {
+    limit: {
+      type: Number,
+      default: 15
+    },
+    page: {
+      type: Number,
+      default: 1
+    },
+    pageSizes: {
+      type: Array,
+      default: () => [10, 15, 20, 25, 30, 50, 100]
+    },
+    currentCount: {
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {
+      pager: {
+        page: this.page,
+        limit: this.limit
+      }
+    };
+  },
+  computed: {
+    isLastPage() {
+      return this.currentCount < this.pager.limit;
+    }
+  },
+  watch: {
+    page: {
+      handler(val) {
+        this.pager.page = val;
+      },
+      immediate: true
+    },
+    limit: {
+      handler(val) {
+        this.pager.limit = val;
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    changePage(page) {
+      if (page < 1 || page > this.pager.page && this.isLastPage) return;
+      this.handleValueChange(page, 'page');
+    },
+    handleValueChange(value, field) {
+      if (!value) return;
+      const values = {
+        ...this.pager,
+        [field]: value,
+        page: field === 'limit' ? 1 : value
+      };
+      this.$emit('onChange', values);
+    }
+  }
+});
+;// ./src/components/pager-unknown-total/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_pager_unknown_totalvue_type_script_lang_js = (pager_unknown_totalvue_type_script_lang_js); 
+;// ./src/components/pager-unknown-total/index.vue
+
+
+
+
+
+/* normalize component */
+;
+var pager_unknown_total_component = normalizeComponent(
+  components_pager_unknown_totalvue_type_script_lang_js,
+  pager_unknown_totalvue_type_template_id_1208560e_render,
+  pager_unknown_totalvue_type_template_id_1208560e_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var pager_unknown_total = (pager_unknown_total_component.exports);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/table/index.vue?vue&type=script&lang=js
 
 
@@ -77315,10 +77479,12 @@ var custom_column_component = normalizeComponent(
 
 
 
+
 /* harmony default export */ var tablevue_type_script_lang_js = ({
   name: 'ByTable',
   components: {
-    CustomColumn: custom_column
+    CustomColumn: custom_column,
+    ByPagerUnknownTotal: pager_unknown_total
   },
   props: {
     /**
@@ -77571,6 +77737,13 @@ var custom_column_component = normalizeComponent(
         ...otherConfigs
       };
     },
+    useUnknownTotalPager() {
+      const pagerConfig = this.gridOptions.pagerConfig;
+      return !!(pagerConfig && pagerConfig.total === -1 && !pagerConfig.frontendPagination);
+    },
+    currentPageDataCount() {
+      return (this.gridOptions.data || []).length;
+    },
     // 插槽集合
     slotMap() {
       var _this$gridOptions$cus, _this$gridOptions, _this$gridOptions$cus2;
@@ -78259,8 +78432,8 @@ var custom_column_component = normalizeComponent(
 ;
 var table_component = normalizeComponent(
   components_tablevue_type_script_lang_js,
-  tablevue_type_template_id_f5e98ace_render,
-  tablevue_type_template_id_f5e98ace_staticRenderFns,
+  tablevue_type_template_id_552fb22a_render,
+  tablevue_type_template_id_552fb22a_staticRenderFns,
   false,
   null,
   null,