/
pivot.vue
86 lines (83 loc) · 2.23 KB
/
pivot.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!--JavaScript related information for the component's logic-->
<script>
import Flexmonster from "flexmonster";
export default /*#__PURE__*/{
name: 'Pivot', // vue component name
props: {
afterchartdraw: Function,
aftergriddraw: Function,
beforegriddraw: Function,
beforetoolbarcreated: Function,
cellclick: Function,
celldoubleclick: Function,
componentFolder: String,
customizeAPIRequest: Function,
customizeCell: Function,
customizeChartElement: Function,
customizeContextMenu: Function,
datachanged: Function,
dataerror: Function,
datafilecancelled: Function,
dataloaded: Function,
drillthroughclose: Function,
drillthroughopen: Function,
fieldslistclose: Function,
fieldslistopen: Function,
filterclose: Function,
filteropen: Function,
fullscreen: Function,
global: Object,
height: [String, Number],
licenseKey: [String, Array],
licenseFilePath: String,
loadingdata: Function,
loadinglocalization: Function,
loadingolapstructure: Function,
loadingreportfile: Function,
localizationerror: Function,
localizationloaded: Function,
olapstructureerror: Function,
olapstructureloaded: Function,
openingreportfile: Function,
querycomplete: Function,
queryerror: Function,
ready: Function,
report: [String, Object],
reportchange: Function,
reportcomplete: Function,
reportfilecancelled: Function,
reportfileerror: Function,
runningquery: Function,
sortFieldsList: Function,
toolbar: Boolean,
unauthorizederror: Function,
update: Function,
width: [Number, String],
accessibility: Object,
shareReportConnection: Object
},
mounted: function() {
this.flexmonster = new Flexmonster({
...this.$props,
container: this.$el
});
},
unmounted: function() {
if (this.flexmonster) {
this.flexmonster.dispose();
this.flexmonster = null;
}
},
beforeUpdate() {
return false;
}
};
</script>
<!--HTML related information for displaying the component-->
<template>
<div>Pivot</div>
</template>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
@import "~flexmonster/flexmonster.min.css";
</style>