@everchron/ec-shards 5.0.44 → 5.0.46
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/ec-shards.common.js +32 -27
- package/dist/ec-shards.common.js.map +1 -1
- package/dist/ec-shards.css +1 -1
- package/dist/ec-shards.umd.js +32 -27
- package/dist/ec-shards.umd.js.map +1 -1
- package/dist/ec-shards.umd.min.js +1 -1
- package/dist/ec-shards.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/data-grid/data-grid-head-cell.vue +7 -0
package/package.json
CHANGED
|
@@ -190,9 +190,13 @@
|
|
|
190
190
|
|
|
191
191
|
/** Emitted when the column has been resized. Returns the new width of the column in pixels. */
|
|
192
192
|
this.$emit('resizedWidth', { id: this.id, currentColumnWidth })
|
|
193
|
+
|
|
194
|
+
console.log('setColumnCellsWidth:querySelector', '[data-column="' + this.name.toLowerCase().replace(' ', '-') + '-column-cell"]')
|
|
193
195
|
|
|
194
196
|
let columnCells = document.querySelectorAll('[data-column="' + this.name.toLowerCase().replace(' ', '-') + '-column-cell"]')
|
|
197
|
+
|
|
195
198
|
console.log('setColumnCellsWidth:columnCells', columnCells)
|
|
199
|
+
|
|
196
200
|
columnCells.forEach(cell => {
|
|
197
201
|
// if (cell.parentElement && cell.parentElement.__vue__ && typeof cell.parentElement.__vue__.setWidth === 'function')
|
|
198
202
|
// cell.parentElement.__vue__.setWidth(currentColumnWidth)
|
|
@@ -232,6 +236,7 @@
|
|
|
232
236
|
created(){
|
|
233
237
|
this.cellFixedLeftOffset = this.fixedLeftOffset
|
|
234
238
|
this.resizeObserver = new ResizeObserver(entries => {
|
|
239
|
+
console.log('resizeObserver:created', entries, this.name)
|
|
235
240
|
entries.forEach(entry => {
|
|
236
241
|
this.setColumnCellsWidth()
|
|
237
242
|
})
|
|
@@ -239,8 +244,10 @@
|
|
|
239
244
|
},
|
|
240
245
|
|
|
241
246
|
mounted(){
|
|
247
|
+
console.log('resizeObserver:mounted', this.resizable, this.resizeObserver)
|
|
242
248
|
if(this.resizable && this.resizeObserver){
|
|
243
249
|
const resizeEl = document.querySelector('[data-column="'+ this.computedId +'"]')
|
|
250
|
+
console.log('resizeObserver:mounted', resizeEl, this.name)
|
|
244
251
|
this.resizeObserver.observe(resizeEl)
|
|
245
252
|
}
|
|
246
253
|
},
|