bi-element-ui 0.1.38 → 0.1.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/{about.39d53d9e.css → about.6cfcc147.css} +1 -1
- package/dist/css/{index.d60985a7.css → index.59a106c6.css} +0 -0
- package/dist/index.html +1 -1
- package/dist/js/about.a5370aa0.js +2 -0
- package/dist/js/index.8837e62a.js +2 -0
- package/lib/bi-element-ui.common.js +51 -15
- package/lib/bi-element-ui.umd.js +51 -15
- package/lib/bi-element-ui.umd.min.js +3 -3
- package/package.json +1 -1
- package/src/views/Table.vue +17 -2
- package/dist/js/about.6ff338e4.js +0 -2
- package/dist/js/index.6f873d9c.js +0 -2
package/lib/bi-element-ui.umd.js
CHANGED
@@ -27306,12 +27306,12 @@ if (typeof window !== 'undefined') {
|
|
27306
27306
|
// Indicate to webpack that this file can be concatenated
|
27307
27307
|
/* harmony default export */ var setPublicPath = (null);
|
27308
27308
|
|
27309
|
-
// CONCATENATED MODULE: ./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"97d143a2-vue-loader-template"}!./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./packages/Table/src/index.vue?vue&type=template&id=
|
27309
|
+
// CONCATENATED MODULE: ./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"97d143a2-vue-loader-template"}!./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./packages/Table/src/index.vue?vue&type=template&id=c36458ea&
|
27310
27310
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"bi-table"},[_c('div',{staticClass:"bi-table-wrapper"},[_c('el-table',_vm._g(_vm._b({directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],ref:"elTable",attrs:{"data":_vm.data,"max-height":_vm.maxHeight}},'el-table',_vm.$attrs,false),_vm.$listeners),[_vm._l((_vm.tbColumns),function(item){return [(item.slotScope)?_c('el-table-column',_vm._g(_vm._b({key:item.prop+item.label,scopedSlots:_vm._u([{key:"default",fn:function(scope){return [_vm._t(item.prop,null,null,scope)]}}],null,true)},'el-table-column',item,false),_vm.$listeners)):_c('bi-column',_vm._b({key:item.prop+item.label+'1',attrs:{"column":item}},'bi-column',_vm.$attrs,false))]})],2)],1),(_vm.pagination)?[(_vm.data.length > 0)?_c('pagination',_vm._g(_vm._b({attrs:{"disabled":_vm.loading}},'pagination',_vm.$attrs,false),_vm.$listeners)):_vm._e()]:_vm._e()],2)}
|
27311
27311
|
var staticRenderFns = []
|
27312
27312
|
|
27313
27313
|
|
27314
|
-
// CONCATENATED MODULE: ./packages/Table/src/index.vue?vue&type=template&id=
|
27314
|
+
// CONCATENATED MODULE: ./packages/Table/src/index.vue?vue&type=template&id=c36458ea&
|
27315
27315
|
|
27316
27316
|
// CONCATENATED MODULE: ./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"97d143a2-vue-loader-template"}!./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./packages/Table/src/columu.vue?vue&type=template&id=3932c1e8&
|
27317
27317
|
var columuvue_type_template_id_3932c1e8_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-table-column',_vm._g(_vm._b({scopedSlots:_vm._u([{key:"header",fn:function(scope){return [(_vm.column.renderHeader)?_c('bi-render',{attrs:{"scope":scope,"render":_vm.column.renderHeader}}):_c('span',[_vm._v(_vm._s(scope.column.label))])]}},{key:"default",fn:function(scope){return [(_vm.column.component)?_c(_vm.column.component,_vm._g(_vm._b({tag:"component"},'component',_vm.getCptBind(scope, _vm.column),false),_vm.column.listeners)):(_vm.column.children)?_vm._l((_vm.column.children),function(col){return _c('free-column',{key:col.prop,attrs:{"column":col}})}):_c('bi-render',{attrs:{"scope":scope,"render":_vm.column.render}})]}}])},'el-table-column',_vm.column,false),_vm.$listeners))}
|
@@ -28034,6 +28034,9 @@ var src_component = normalizeComponent(
|
|
28034
28034
|
},
|
28035
28035
|
|
28036
28036
|
mounted() {
|
28037
|
+
window.resetHeaderFooter = this.resetHeaderFooter;
|
28038
|
+
window.resetStickyFooter = this.resetStickyFooter;
|
28039
|
+
|
28037
28040
|
if (this.fixedHeader === 'sticky') {
|
28038
28041
|
window.addEventListener('scroll', this.handleStickyHeader, true);
|
28039
28042
|
|
@@ -28058,6 +28061,18 @@ var src_component = normalizeComponent(
|
|
28058
28061
|
},
|
28059
28062
|
|
28060
28063
|
methods: {
|
28064
|
+
resetHeaderFooter() {
|
28065
|
+
if (this.fixedHeader === 'sticky') {
|
28066
|
+
this.handleStickyHeader();
|
28067
|
+
|
28068
|
+
if (Object.prototype.hasOwnProperty.call(this.$attrs, 'show-summary')) {
|
28069
|
+
this.handleStickyFooter();
|
28070
|
+
}
|
28071
|
+
} else if (this.fixedHeader === 'fullscreen') {
|
28072
|
+
this.handleFixedHeader(); // this.maxHeight = 300
|
28073
|
+
}
|
28074
|
+
},
|
28075
|
+
|
28061
28076
|
handleStickyHeader() {
|
28062
28077
|
// 获取滚动条滚动的高度
|
28063
28078
|
const scrollTop = document.documentElement.scrollTop; // 先获取父盒子的距离顶部的高度,从而算出子盒子的高度。
|
@@ -28123,8 +28138,10 @@ var src_component = normalizeComponent(
|
|
28123
28138
|
const tableHeight = this.$el.querySelector('.bi-table-wrapper').clientHeight;
|
28124
28139
|
const tableToClientTop = this.$el.getBoundingClientRect().top;
|
28125
28140
|
const top = -tableHeight + (clientHeight - tableToClientTop);
|
28141
|
+
console.log('top:', top);
|
28142
|
+
console.log('(Math.abs(tableToClientTop) + clientHeight < tableHeight', Math.abs(tableToClientTop) + clientHeight, tableHeight);
|
28126
28143
|
|
28127
|
-
if (Math.abs(tableToClientTop) + clientHeight < tableHeight) {
|
28144
|
+
if (Math.abs(tableToClientTop) + clientHeight < tableHeight || top < 0) {
|
28128
28145
|
// 判断当前是否已经固定。headerStatus优化值 可有可无。
|
28129
28146
|
if (!this.footerStatus) {
|
28130
28147
|
this.footerStatus = true; // 当前子盒子要在父盒子中横向滚动 所以使用absolute 绝对定位。
|
@@ -28176,6 +28193,25 @@ var src_component = normalizeComponent(
|
|
28176
28193
|
}
|
28177
28194
|
},
|
28178
28195
|
|
28196
|
+
resetStickyFooter() {
|
28197
|
+
this.footerStatus = false;
|
28198
|
+
this.$el.getElementsByClassName('el-table__footer-wrapper')[0].style.position = 'relative';
|
28199
|
+
this.$el.getElementsByClassName('el-table__footer-wrapper')[0].style.transform = `translate(0px, 0px)`;
|
28200
|
+
|
28201
|
+
if (this.$el.querySelector('.el-table__fixed .el-table__fixed-footer-wrapper')) {
|
28202
|
+
this.$el.querySelector('.el-table__fixed .el-table__fixed-footer-wrapper').style.zIndex = `4`;
|
28203
|
+
this.$el.querySelector('.el-table__fixed .el-table__fixed-footer-wrapper').style.transform = `translate(0px, 0px)`;
|
28204
|
+
}
|
28205
|
+
|
28206
|
+
if (this.$el.querySelector('.el-table__fixed-right .el-table__fixed-footer-wrapper')) {
|
28207
|
+
this.$el.querySelector('.el-table__fixed-right .el-table__fixed-footer-wrapper').style.zIndex = `4`;
|
28208
|
+
this.$el.querySelector('.el-table__fixed-right .el-table__fixed-footer-wrapper').style.transform = `translate(0px, 0px)`;
|
28209
|
+
}
|
28210
|
+
|
28211
|
+
this.$el.getElementsByClassName('el-table__footer-wrapper')[0].style.zIndex = '3';
|
28212
|
+
this.$el.getElementsByClassName('el-table__body-wrapper')[0].style.paddingTop = '0';
|
28213
|
+
},
|
28214
|
+
|
28179
28215
|
handleFixedHeader() {
|
28180
28216
|
const offsetTop = this.$el.getBoundingClientRect().top; // el-table 父级div
|
28181
28217
|
|
@@ -28850,8 +28886,8 @@ const pickerOptions = {
|
|
28850
28886
|
text: '今天',
|
28851
28887
|
|
28852
28888
|
onClick(picker) {
|
28853
|
-
const end = moment_default()().format('YYYY-MM-DD
|
28854
|
-
const start = moment_default()().format('YYYY-MM-DD
|
28889
|
+
const end = moment_default()().format('YYYY-MM-DD');
|
28890
|
+
const start = moment_default()().format('YYYY-MM-DD'); // const end = new Date()
|
28855
28891
|
// const start = new Date()
|
28856
28892
|
|
28857
28893
|
picker.$emit('pick', [start, end]);
|
@@ -28861,8 +28897,8 @@ const pickerOptions = {
|
|
28861
28897
|
text: '昨天',
|
28862
28898
|
|
28863
28899
|
onClick(picker) {
|
28864
|
-
const end = moment_default()().subtract(1, 'days').format('YYYY-MM-DD
|
28865
|
-
const start = moment_default()().subtract(1, 'days').format('YYYY-MM-DD
|
28900
|
+
const end = moment_default()().subtract(1, 'days').format('YYYY-MM-DD');
|
28901
|
+
const start = moment_default()().subtract(1, 'days').format('YYYY-MM-DD');
|
28866
28902
|
picker.$emit('pick', [start, end]);
|
28867
28903
|
}
|
28868
28904
|
|
@@ -28870,8 +28906,8 @@ const pickerOptions = {
|
|
28870
28906
|
text: '近一周',
|
28871
28907
|
|
28872
28908
|
onClick(picker) {
|
28873
|
-
const end = moment_default()().format('YYYY-MM-DD
|
28874
|
-
const start = moment_default()().subtract(7, 'days').format('YYYY-MM-DD
|
28909
|
+
const end = moment_default()().format('YYYY-MM-DD');
|
28910
|
+
const start = moment_default()().subtract(7, 'days').format('YYYY-MM-DD');
|
28875
28911
|
picker.$emit('pick', [start, end]);
|
28876
28912
|
}
|
28877
28913
|
|
@@ -28879,8 +28915,8 @@ const pickerOptions = {
|
|
28879
28915
|
text: '近一月',
|
28880
28916
|
|
28881
28917
|
onClick(picker) {
|
28882
|
-
const end = moment_default()().format('YYYY-MM-DD
|
28883
|
-
const start = moment_default()().subtract(30, 'days').format('YYYY-MM-DD
|
28918
|
+
const end = moment_default()().format('YYYY-MM-DD');
|
28919
|
+
const start = moment_default()().subtract(30, 'days').format('YYYY-MM-DD');
|
28884
28920
|
picker.$emit('pick', [start, end]);
|
28885
28921
|
}
|
28886
28922
|
|
@@ -28888,8 +28924,8 @@ const pickerOptions = {
|
|
28888
28924
|
text: '上个月',
|
28889
28925
|
|
28890
28926
|
onClick(picker) {
|
28891
|
-
const start = moment_default()().startOf('month').subtract(1, 'month').format('YYYY-MM-DD
|
28892
|
-
const end = moment_default()().endOf('month').subtract(1, 'month').format('YYYY-MM-DD
|
28927
|
+
const start = moment_default()().startOf('month').subtract(1, 'month').format('YYYY-MM-DD');
|
28928
|
+
const end = moment_default()().endOf('month').subtract(1, 'month').format('YYYY-MM-DD');
|
28893
28929
|
picker.$emit('pick', [start, end]);
|
28894
28930
|
}
|
28895
28931
|
|
@@ -28897,8 +28933,8 @@ const pickerOptions = {
|
|
28897
28933
|
text: '本月',
|
28898
28934
|
|
28899
28935
|
onClick(picker) {
|
28900
|
-
const start = moment_default()().startOf('month').format('YYYY-MM-DD
|
28901
|
-
const end = moment_default()().endOf('month').format('YYYY-MM-DD
|
28936
|
+
const start = moment_default()().startOf('month').format('YYYY-MM-DD');
|
28937
|
+
const end = moment_default()().endOf('month').format('YYYY-MM-DD');
|
28902
28938
|
picker.$emit('pick', [start, end]);
|
28903
28939
|
}
|
28904
28940
|
|