@vue-pivottable/multi-value-renderer 0.3.1 → 0.4.0-beta.0
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/vue3.js +5 -4
- package/dist/vue3.mjs +6 -5
- package/package.json +1 -1
package/dist/vue3.js
CHANGED
|
@@ -249,7 +249,8 @@ function makeMultiValueRenderer(opts = {}) {
|
|
|
249
249
|
class: ["multi-value-cell", `layout-${props.cellLayout}`]
|
|
250
250
|
}, items);
|
|
251
251
|
};
|
|
252
|
-
const
|
|
252
|
+
const pivotData = vue.computed(() => {
|
|
253
|
+
console.log("Computing pivotData with aggregatorMap:", props.aggregatorMap);
|
|
253
254
|
const multiValueAgg = createMultiValueAggregator(
|
|
254
255
|
props.aggregatorMap,
|
|
255
256
|
props.aggregators,
|
|
@@ -272,20 +273,20 @@ function makeMultiValueRenderer(opts = {}) {
|
|
|
272
273
|
rowOrder: props.rowOrder,
|
|
273
274
|
colOrder: props.colOrder
|
|
274
275
|
});
|
|
275
|
-
};
|
|
276
|
+
});
|
|
276
277
|
return {
|
|
277
278
|
applyLabel,
|
|
278
279
|
getValueLabel,
|
|
279
280
|
spanSize,
|
|
280
281
|
formatValue,
|
|
281
282
|
renderMultiValueCell,
|
|
282
|
-
|
|
283
|
+
pivotData
|
|
283
284
|
};
|
|
284
285
|
},
|
|
285
286
|
render() {
|
|
286
287
|
let pivotData;
|
|
287
288
|
try {
|
|
288
|
-
pivotData = this.
|
|
289
|
+
pivotData = this.pivotData;
|
|
289
290
|
} catch (error) {
|
|
290
291
|
console.error("Multi-Value Renderer Error:", error);
|
|
291
292
|
return vue.h("div", { class: "pvtError" }, `Error: ${error.message}`);
|
package/dist/vue3.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { markRaw, defineComponent, h } from "vue";
|
|
1
|
+
import { markRaw, defineComponent, h, computed } from "vue";
|
|
2
2
|
import { PivotUtilities } from "vue-pivottable";
|
|
3
3
|
const { PivotData } = PivotUtilities;
|
|
4
4
|
function createMultiValueAggregator(aggregatorMap, aggregators, vals) {
|
|
@@ -247,7 +247,8 @@ function makeMultiValueRenderer(opts = {}) {
|
|
|
247
247
|
class: ["multi-value-cell", `layout-${props.cellLayout}`]
|
|
248
248
|
}, items);
|
|
249
249
|
};
|
|
250
|
-
const
|
|
250
|
+
const pivotData = computed(() => {
|
|
251
|
+
console.log("Computing pivotData with aggregatorMap:", props.aggregatorMap);
|
|
251
252
|
const multiValueAgg = createMultiValueAggregator(
|
|
252
253
|
props.aggregatorMap,
|
|
253
254
|
props.aggregators,
|
|
@@ -270,20 +271,20 @@ function makeMultiValueRenderer(opts = {}) {
|
|
|
270
271
|
rowOrder: props.rowOrder,
|
|
271
272
|
colOrder: props.colOrder
|
|
272
273
|
});
|
|
273
|
-
};
|
|
274
|
+
});
|
|
274
275
|
return {
|
|
275
276
|
applyLabel,
|
|
276
277
|
getValueLabel,
|
|
277
278
|
spanSize,
|
|
278
279
|
formatValue,
|
|
279
280
|
renderMultiValueCell,
|
|
280
|
-
|
|
281
|
+
pivotData
|
|
281
282
|
};
|
|
282
283
|
},
|
|
283
284
|
render() {
|
|
284
285
|
let pivotData;
|
|
285
286
|
try {
|
|
286
|
-
pivotData = this.
|
|
287
|
+
pivotData = this.pivotData;
|
|
287
288
|
} catch (error) {
|
|
288
289
|
console.error("Multi-Value Renderer Error:", error);
|
|
289
290
|
return h("div", { class: "pvtError" }, `Error: ${error.message}`);
|
package/package.json
CHANGED