@syncfusion/ej2-vue-charts 32.2.9 → 33.1.44
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/ej2-vue-charts.umd.min.js +2 -2
- package/dist/ej2-vue-charts.umd.min.js.map +1 -1
- package/dist/es6/ej2-vue-charts.es2015.js +225 -4
- package/dist/es6/ej2-vue-charts.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-charts.es5.js +229 -4
- package/dist/es6/ej2-vue-charts.es5.js.map +1 -1
- package/package.json +6 -5
- package/sankey.d.ts +4 -0
- package/sankey.js +4 -0
- package/src/chart/chart.component.js +1 -1
- package/src/index.d.ts +3 -0
- package/src/index.js +3 -0
- package/src/sankey/index.d.ts +3 -0
- package/src/sankey/index.js +3 -0
- package/src/sankey/links.directive.d.ts +23 -0
- package/src/sankey/links.directive.js +59 -0
- package/src/sankey/nodes.directive.d.ts +23 -0
- package/src/sankey/nodes.directive.js +59 -0
- package/src/sankey/sankey.component.d.ts +34 -0
- package/src/sankey/sankey.component.js +113 -0
- package/src/stock-chart/stockchart.component.js +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@syncfusion/ej2-vue-charts",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "33.1.44",
|
|
4
4
|
"description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball. for Vue",
|
|
5
5
|
"author": "Syncfusion Inc.",
|
|
6
6
|
"license": "SEE LICENSE IN license",
|
|
@@ -19,7 +19,8 @@
|
|
|
19
19
|
"vue-bullet-chart",
|
|
20
20
|
"vue-bullet-graph",
|
|
21
21
|
"vue-chart3d",
|
|
22
|
-
"vue-circularchart3d"
|
|
22
|
+
"vue-circularchart3d",
|
|
23
|
+
"vue-sankey"
|
|
23
24
|
],
|
|
24
25
|
"repository": {
|
|
25
26
|
"type": "git",
|
|
@@ -30,9 +31,9 @@
|
|
|
30
31
|
"es2015": "dist/es6/ej2-vue-charts.es2015.js",
|
|
31
32
|
"readme": "ReadMe.md",
|
|
32
33
|
"dependencies": {
|
|
33
|
-
"@syncfusion/ej2-base": "~
|
|
34
|
-
"@syncfusion/ej2-vue-base": "~
|
|
35
|
-
"@syncfusion/ej2-charts": "
|
|
34
|
+
"@syncfusion/ej2-base": "~33.1.44",
|
|
35
|
+
"@syncfusion/ej2-vue-base": "~33.1.44",
|
|
36
|
+
"@syncfusion/ej2-charts": "33.1.44"
|
|
36
37
|
},
|
|
37
38
|
"devDependencies": {},
|
|
38
39
|
"scripts": {
|
package/sankey.d.ts
ADDED
package/sankey.js
ADDED
|
@@ -15,7 +15,7 @@ import { RangeColorSettingsDirective, RangeColorSettingDirective, RangeColorSett
|
|
|
15
15
|
import { AnnotationsDirective, AnnotationDirective, AnnotationsPlugin, AnnotationPlugin } from './annotations.directive';
|
|
16
16
|
import { SelectedDataIndexesDirective, SelectedDataIndexDirective, SelectedDataIndexesPlugin, SelectedDataIndexPlugin } from './selecteddataindexes.directive';
|
|
17
17
|
import { IndicatorsDirective, IndicatorDirective, IndicatorsPlugin, IndicatorPlugin } from './indicators.directive';
|
|
18
|
-
export var properties = ['isLazyUpdate', 'plugins', 'accessibility', 'allowExport', 'allowMultiSelection', 'annotations', 'axes', 'background', 'backgroundImage', 'border', 'chartArea', 'columns', 'crosshair', 'currencyCode', 'dataSource', 'description', 'enableAnimation', 'enableAutoIntervalOnBothAxis', 'enableCanvas', 'enableExport', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableSideBySidePlacement', 'focusBorderColor', 'focusBorderMargin', 'focusBorderWidth', 'height', 'highlightColor', 'highlightMode', 'highlightPattern', 'indicators', 'isMultiSelect', 'isTransposed', 'legendSettings', 'locale', 'margin', 'noDataTemplate', 'palettes', 'primaryXAxis', 'primaryYAxis', 'rangeColorSettings', 'rows', 'selectedDataIndexes', 'selectionMode', 'selectionPattern', 'series', 'stackLabels', 'subTitle', 'subTitleStyle', 'tabIndex', 'theme', 'title', 'titleStyle', 'tooltip', 'useGroupingSeparator', 'width', 'zoomSettings', 'afterExport', 'animationComplete', 'annotationRender', 'axisLabelClick', 'axisLabelRender', 'axisMultiLabelRender', 'axisRangeCalculated', 'beforeExport', 'beforePrint', 'beforeResize', 'chartDoubleClick', 'chartMouseClick', 'chartMouseDown', 'chartMouseLeave', 'chartMouseMove', 'chartMouseUp', 'drag', 'dragComplete', 'dragEnd', 'dragStart', 'legendClick', 'legendRender', 'load', 'loaded', 'multiLevelLabelClick', 'onZooming', 'pointClick', 'pointDoubleClick', 'pointMove', 'pointRender', 'resized', 'scrollChanged', 'scrollEnd', 'scrollStart', 'selectionComplete', 'seriesRender', 'sharedTooltipRender', 'textRender', 'tooltipRender', 'zoomComplete'];
|
|
18
|
+
export var properties = ['isLazyUpdate', 'plugins', 'accessibility', 'allowExport', 'allowMultiSelection', 'annotations', 'axes', 'background', 'backgroundImage', 'border', 'chartArea', 'columns', 'crosshair', 'currencyCode', 'dataSource', 'description', 'enableAnimation', 'enableAutoIntervalOnBothAxis', 'enableCanvas', 'enableExport', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableSideBySidePlacement', 'focusBorderColor', 'focusBorderMargin', 'focusBorderWidth', 'height', 'highlightColor', 'highlightMode', 'highlightPattern', 'indicators', 'isMultiSelect', 'isTransposed', 'legendSettings', 'locale', 'margin', 'noDataTemplate', 'palettes', 'primaryXAxis', 'primaryYAxis', 'rangeColorSettings', 'rows', 'selectedDataIndexes', 'selectionMode', 'selectionPattern', 'series', 'stackLabels', 'subTitle', 'subTitleStyle', 'tabIndex', 'theme', 'title', 'titleStyle', 'tooltip', 'useGroupingSeparator', 'width', 'zoomSettings', 'afterExport', 'animationComplete', 'annotationRender', 'axisLabelClick', 'axisLabelRender', 'axisMultiLabelRender', 'axisRangeCalculated', 'beforeExport', 'beforePrint', 'beforeResize', 'chartDoubleClick', 'chartMouseClick', 'chartMouseDown', 'chartMouseLeave', 'chartMouseMove', 'chartMouseUp', 'crosshairLabelRender', 'drag', 'dragComplete', 'dragEnd', 'dragStart', 'legendClick', 'legendRender', 'load', 'loaded', 'multiLevelLabelClick', 'onZooming', 'pointClick', 'pointDoubleClick', 'pointMove', 'pointRender', 'resized', 'scrollChanged', 'scrollEnd', 'scrollStart', 'selectionComplete', 'seriesRender', 'sharedTooltipRender', 'textRender', 'tooltipRender', 'zoomComplete'];
|
|
19
19
|
export var modelProps = ['dataSource'];
|
|
20
20
|
export var testProp = getProps({ props: properties });
|
|
21
21
|
export var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);
|
package/src/index.d.ts
CHANGED
|
@@ -43,3 +43,6 @@ export { Chart3DComponent, Chart3DPlugin } from './chart3d/chart3d.component';
|
|
|
43
43
|
export { CircularChart3DSeriesCollectionDirective, CircularChart3DSeriesDirective, CircularChart3DSeriesCollectionPlugin, CircularChart3DSeriesPlugin } from './circularchart3d/series.directive';
|
|
44
44
|
export { CircularChart3DSelectedDataIndexesDirective, CircularChart3DSelectedDataIndexDirective, CircularChart3DSelectedDataIndexesPlugin, CircularChart3DSelectedDataIndexPlugin } from './circularchart3d/selecteddataindexes.directive';
|
|
45
45
|
export { CircularChart3DComponent, CircularChart3DPlugin } from './circularchart3d/circularchart3d.component';
|
|
46
|
+
export { SankeyNodesCollectionDirective, SankeyNodeDirective, SankeyNodesCollectionPlugin, SankeyNodePlugin } from './sankey/nodes.directive';
|
|
47
|
+
export { SankeyLinksCollectionDirective, SankeyLinkDirective, SankeyLinksCollectionPlugin, SankeyLinkPlugin } from './sankey/links.directive';
|
|
48
|
+
export { SankeyComponent, SankeyPlugin } from './sankey/sankey.component';
|
package/src/index.js
CHANGED
|
@@ -43,3 +43,6 @@ export { Chart3DComponent, Chart3DPlugin } from './chart3d/chart3d.component';
|
|
|
43
43
|
export { CircularChart3DSeriesCollectionDirective, CircularChart3DSeriesDirective, CircularChart3DSeriesCollectionPlugin, CircularChart3DSeriesPlugin } from './circularchart3d/series.directive';
|
|
44
44
|
export { CircularChart3DSelectedDataIndexesDirective, CircularChart3DSelectedDataIndexDirective, CircularChart3DSelectedDataIndexesPlugin, CircularChart3DSelectedDataIndexPlugin } from './circularchart3d/selecteddataindexes.directive';
|
|
45
45
|
export { CircularChart3DComponent, CircularChart3DPlugin } from './circularchart3d/circularchart3d.component';
|
|
46
|
+
export { SankeyNodesCollectionDirective, SankeyNodeDirective, SankeyNodesCollectionPlugin, SankeyNodePlugin } from './sankey/nodes.directive';
|
|
47
|
+
export { SankeyLinksCollectionDirective, SankeyLinkDirective, SankeyLinksCollectionPlugin, SankeyLinkPlugin } from './sankey/links.directive';
|
|
48
|
+
export { SankeyComponent, SankeyPlugin } from './sankey/sankey.component';
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { SankeyNodesCollectionDirective, SankeyNodeDirective, SankeyNodesCollectionPlugin, SankeyNodePlugin } from './nodes.directive';
|
|
2
|
+
export { SankeyLinksCollectionDirective, SankeyLinkDirective, SankeyLinksCollectionPlugin, SankeyLinkPlugin } from './links.directive';
|
|
3
|
+
export { SankeyComponent, SankeyPlugin } from './sankey.component';
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { SankeyNodesCollectionDirective, SankeyNodeDirective, SankeyNodesCollectionPlugin, SankeyNodePlugin } from './nodes.directive';
|
|
2
|
+
export { SankeyLinksCollectionDirective, SankeyLinkDirective, SankeyLinksCollectionPlugin, SankeyLinkPlugin } from './links.directive';
|
|
3
|
+
export { SankeyComponent, SankeyPlugin } from './sankey.component';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { DefineVueDirective } from '@syncfusion/ej2-vue-base';
|
|
2
|
+
import { SankeyLinkModel } from '@syncfusion/ej2-charts';
|
|
3
|
+
export declare let SankeyLinksCollectionDirective: any;
|
|
4
|
+
export declare const SankeyLinksCollectionPlugin: {
|
|
5
|
+
name: string;
|
|
6
|
+
install(Vue: any): void;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* `SankeyLinkDirective` directive represent a link of the vue Sankey.
|
|
10
|
+
* It must be contained in a Sankey component(`SankeyComponent`).
|
|
11
|
+
* ```vue
|
|
12
|
+
* <ejs-sankey>
|
|
13
|
+
* <e-sankey-links>
|
|
14
|
+
* <e-sankey-link></e-sankey-link>
|
|
15
|
+
* </e-sankey-links>
|
|
16
|
+
* </ejs-sankey>
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
export declare let SankeyLinkDirective: DefineVueDirective<SankeyLinkModel>;
|
|
20
|
+
export declare const SankeyLinkPlugin: {
|
|
21
|
+
name: string;
|
|
22
|
+
install(Vue: any): void;
|
|
23
|
+
};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
|
|
2
|
+
import { isNullOrUndefined } from '@syncfusion/ej2-base';
|
|
3
|
+
export var SankeyLinksCollectionDirective = vueDefineComponent({
|
|
4
|
+
inject: { custom: { default: null } },
|
|
5
|
+
render: function (createElement) {
|
|
6
|
+
if (!isExecute) {
|
|
7
|
+
var h = !isExecute ? gh : createElement;
|
|
8
|
+
var slots = null;
|
|
9
|
+
if (!isNullOrUndefined(this.$slots.default)) {
|
|
10
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
11
|
+
}
|
|
12
|
+
return h('div', { class: 'e-directive' }, slots);
|
|
13
|
+
}
|
|
14
|
+
return;
|
|
15
|
+
},
|
|
16
|
+
updated: function () {
|
|
17
|
+
if (!isExecute && this.custom) {
|
|
18
|
+
this.custom();
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
methods: {
|
|
22
|
+
getTag: function () {
|
|
23
|
+
return 'e-sankey-links';
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
export var SankeyLinksCollectionPlugin = {
|
|
28
|
+
name: 'e-sankey-links',
|
|
29
|
+
install: function (Vue) {
|
|
30
|
+
Vue.component(SankeyLinksCollectionPlugin.name, SankeyLinksCollectionDirective);
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
/**
|
|
34
|
+
* `SankeyLinkDirective` directive represent a link of the vue Sankey.
|
|
35
|
+
* It must be contained in a Sankey component(`SankeyComponent`).
|
|
36
|
+
* ```vue
|
|
37
|
+
* <ejs-sankey>
|
|
38
|
+
* <e-sankey-links>
|
|
39
|
+
* <e-sankey-link></e-sankey-link>
|
|
40
|
+
* </e-sankey-links>
|
|
41
|
+
* </ejs-sankey>
|
|
42
|
+
* ```
|
|
43
|
+
*/
|
|
44
|
+
export var SankeyLinkDirective = vueDefineComponent({
|
|
45
|
+
render: function () {
|
|
46
|
+
return;
|
|
47
|
+
},
|
|
48
|
+
methods: {
|
|
49
|
+
getTag: function () {
|
|
50
|
+
return 'e-sankey-link';
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
export var SankeyLinkPlugin = {
|
|
55
|
+
name: 'e-sankey-link',
|
|
56
|
+
install: function (Vue) {
|
|
57
|
+
Vue.component(SankeyLinkPlugin.name, SankeyLinkDirective);
|
|
58
|
+
}
|
|
59
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { DefineVueDirective } from '@syncfusion/ej2-vue-base';
|
|
2
|
+
import { SankeyNodeModel } from '@syncfusion/ej2-charts';
|
|
3
|
+
export declare let SankeyNodesCollectionDirective: any;
|
|
4
|
+
export declare const SankeyNodesCollectionPlugin: {
|
|
5
|
+
name: string;
|
|
6
|
+
install(Vue: any): void;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* `SankeyNodeDirective` directive represent a node of the vue Sankey.
|
|
10
|
+
* It must be contained in a Sankey component(`SankeyComponent`).
|
|
11
|
+
* ```vue
|
|
12
|
+
* <ejs-sankey>
|
|
13
|
+
* <e-sankey-nodes>
|
|
14
|
+
* <e-sankey-node></e-sankey-node>
|
|
15
|
+
* </e-sankey-nodes>
|
|
16
|
+
* </ejs-sankey>
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
export declare let SankeyNodeDirective: DefineVueDirective<SankeyNodeModel>;
|
|
20
|
+
export declare const SankeyNodePlugin: {
|
|
21
|
+
name: string;
|
|
22
|
+
install(Vue: any): void;
|
|
23
|
+
};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
|
|
2
|
+
import { isNullOrUndefined } from '@syncfusion/ej2-base';
|
|
3
|
+
export var SankeyNodesCollectionDirective = vueDefineComponent({
|
|
4
|
+
inject: { custom: { default: null } },
|
|
5
|
+
render: function (createElement) {
|
|
6
|
+
if (!isExecute) {
|
|
7
|
+
var h = !isExecute ? gh : createElement;
|
|
8
|
+
var slots = null;
|
|
9
|
+
if (!isNullOrUndefined(this.$slots.default)) {
|
|
10
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
11
|
+
}
|
|
12
|
+
return h('div', { class: 'e-directive' }, slots);
|
|
13
|
+
}
|
|
14
|
+
return;
|
|
15
|
+
},
|
|
16
|
+
updated: function () {
|
|
17
|
+
if (!isExecute && this.custom) {
|
|
18
|
+
this.custom();
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
methods: {
|
|
22
|
+
getTag: function () {
|
|
23
|
+
return 'e-sankey-nodes';
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
export var SankeyNodesCollectionPlugin = {
|
|
28
|
+
name: 'e-sankey-nodes',
|
|
29
|
+
install: function (Vue) {
|
|
30
|
+
Vue.component(SankeyNodesCollectionPlugin.name, SankeyNodesCollectionDirective);
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
/**
|
|
34
|
+
* `SankeyNodeDirective` directive represent a node of the vue Sankey.
|
|
35
|
+
* It must be contained in a Sankey component(`SankeyComponent`).
|
|
36
|
+
* ```vue
|
|
37
|
+
* <ejs-sankey>
|
|
38
|
+
* <e-sankey-nodes>
|
|
39
|
+
* <e-sankey-node></e-sankey-node>
|
|
40
|
+
* </e-sankey-nodes>
|
|
41
|
+
* </ejs-sankey>
|
|
42
|
+
* ```
|
|
43
|
+
*/
|
|
44
|
+
export var SankeyNodeDirective = vueDefineComponent({
|
|
45
|
+
render: function () {
|
|
46
|
+
return;
|
|
47
|
+
},
|
|
48
|
+
methods: {
|
|
49
|
+
getTag: function () {
|
|
50
|
+
return 'e-sankey-node';
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
export var SankeyNodePlugin = {
|
|
55
|
+
name: 'e-sankey-node',
|
|
56
|
+
install: function (Vue) {
|
|
57
|
+
Vue.component(SankeyNodePlugin.name, SankeyNodeDirective);
|
|
58
|
+
}
|
|
59
|
+
};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
|
|
2
|
+
import { Sankey, SankeyModel } from '@syncfusion/ej2-charts';
|
|
3
|
+
export declare const properties: string[];
|
|
4
|
+
export declare const modelProps: string[];
|
|
5
|
+
export declare const testProp: any;
|
|
6
|
+
export declare const props: any, watch: any, emitProbs: any;
|
|
7
|
+
/**
|
|
8
|
+
* Represents Vuejs Sankey Component
|
|
9
|
+
* ```vue
|
|
10
|
+
* <ejs-sankey></ejs-sankey>
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
13
|
+
export declare let SankeyComponent: DefineVueComponent<SankeyModel>;
|
|
14
|
+
export declare type SankeyComponent = typeof ComponentBase & {
|
|
15
|
+
ej2Instances: Sankey;
|
|
16
|
+
isVue3: boolean;
|
|
17
|
+
isLazyUpdate: Boolean;
|
|
18
|
+
plugins: any[];
|
|
19
|
+
propKeys: string[];
|
|
20
|
+
models: string[];
|
|
21
|
+
hasChildDirective: boolean;
|
|
22
|
+
tagMapper: {
|
|
23
|
+
[key: string]: Object;
|
|
24
|
+
};
|
|
25
|
+
tagNameMapper: Object;
|
|
26
|
+
setProperties(prop: any, muteOnChange: boolean): void;
|
|
27
|
+
trigger(eventName: string, eventProp: {
|
|
28
|
+
[key: string]: Object;
|
|
29
|
+
}, successHandler?: Function): void;
|
|
30
|
+
};
|
|
31
|
+
export declare const SankeyPlugin: {
|
|
32
|
+
name: string;
|
|
33
|
+
install(Vue: any): void;
|
|
34
|
+
};
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
|
|
2
|
+
import { isNullOrUndefined } from '@syncfusion/ej2-base';
|
|
3
|
+
import { Sankey } from '@syncfusion/ej2-charts';
|
|
4
|
+
import { SankeyNodesCollectionDirective, SankeyNodeDirective, SankeyNodesCollectionPlugin, SankeyNodePlugin } from './nodes.directive';
|
|
5
|
+
import { SankeyLinksCollectionDirective, SankeyLinkDirective, SankeyLinksCollectionPlugin, SankeyLinkPlugin } from './links.directive';
|
|
6
|
+
export var properties = ['isLazyUpdate', 'plugins', 'accessibility', 'allowExport', 'animation', 'background', 'backgroundImage', 'border', 'enableExport', 'enablePersistence', 'enableRtl', 'focusBorderColor', 'focusBorderMargin', 'focusBorderWidth', 'height', 'labelSettings', 'legendSettings', 'linkStyle', 'links', 'locale', 'margin', 'nodeStyle', 'nodes', 'orientation', 'subTitle', 'subTitleStyle', 'theme', 'title', 'titleStyle', 'tooltip', 'width', 'afterExport', 'beforeExport', 'beforePrint', 'exportCompleted', 'labelRendering', 'legendItemHover', 'legendItemRendering', 'linkClick', 'linkEnter', 'linkLeave', 'linkRendering', 'load', 'loaded', 'nodeClick', 'nodeEnter', 'nodeLeave', 'nodeRendering', 'sizeChanged', 'tooltipRendering'];
|
|
7
|
+
export var modelProps = [];
|
|
8
|
+
export var testProp = getProps({ props: properties });
|
|
9
|
+
export var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);
|
|
10
|
+
emitProbs.push('modelchanged', 'update:modelValue');
|
|
11
|
+
for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
|
|
12
|
+
var props_1 = modelProps_1[_i];
|
|
13
|
+
emitProbs.push('update:' + props_1);
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Represents Vuejs Sankey Component
|
|
17
|
+
* ```vue
|
|
18
|
+
* <ejs-sankey></ejs-sankey>
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
21
|
+
export var SankeyComponent = vueDefineComponent({
|
|
22
|
+
name: 'SankeyComponent',
|
|
23
|
+
mixins: [ComponentBase],
|
|
24
|
+
props: props,
|
|
25
|
+
watch: watch,
|
|
26
|
+
emits: emitProbs,
|
|
27
|
+
provide: function () { return { custom: this.custom }; },
|
|
28
|
+
data: function () {
|
|
29
|
+
return {
|
|
30
|
+
ej2Instances: new Sankey({}),
|
|
31
|
+
propKeys: properties,
|
|
32
|
+
models: modelProps,
|
|
33
|
+
hasChildDirective: true,
|
|
34
|
+
hasInjectedModules: true,
|
|
35
|
+
tagMapper: { "e-sankey-nodes": "e-sankey-node", "e-sankey-links": "e-sankey-link" },
|
|
36
|
+
tagNameMapper: { "e-sankey-nodes": "e-nodes", "e-sankey-links": "e-links" },
|
|
37
|
+
isVue3: !isExecute,
|
|
38
|
+
templateCollection: {},
|
|
39
|
+
};
|
|
40
|
+
},
|
|
41
|
+
created: function () {
|
|
42
|
+
this.bindProperties();
|
|
43
|
+
this.ej2Instances._setProperties = this.ej2Instances.setProperties;
|
|
44
|
+
this.ej2Instances.setProperties = this.setProperties;
|
|
45
|
+
this.ej2Instances.clearTemplate = this.clearTemplate;
|
|
46
|
+
this.updated = this.updated;
|
|
47
|
+
},
|
|
48
|
+
render: function (createElement) {
|
|
49
|
+
var h = !isExecute ? gh : createElement;
|
|
50
|
+
var slots = null;
|
|
51
|
+
if (!isNullOrUndefined(this.$slots.default)) {
|
|
52
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
53
|
+
}
|
|
54
|
+
return h('div', slots);
|
|
55
|
+
},
|
|
56
|
+
methods: {
|
|
57
|
+
clearTemplate: function (templateNames) {
|
|
58
|
+
if (!templateNames) {
|
|
59
|
+
templateNames = Object.keys(this.templateCollection || {});
|
|
60
|
+
}
|
|
61
|
+
if (templateNames.length && this.templateCollection) {
|
|
62
|
+
for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
|
|
63
|
+
var tempName = templateNames_1[_i];
|
|
64
|
+
var elementCollection = this.templateCollection[tempName];
|
|
65
|
+
if (elementCollection && elementCollection.length) {
|
|
66
|
+
for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
|
|
67
|
+
var ele = elementCollection_1[_a];
|
|
68
|
+
this.destroyPortals(ele);
|
|
69
|
+
}
|
|
70
|
+
delete this.templateCollection[tempName];
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
},
|
|
75
|
+
setProperties: function (prop, muteOnChange) {
|
|
76
|
+
var _this = this;
|
|
77
|
+
if (this.isVue3) {
|
|
78
|
+
this.models = !this.models ? this.ej2Instances.referModels : this.models;
|
|
79
|
+
}
|
|
80
|
+
if (this.ej2Instances && this.ej2Instances._setProperties) {
|
|
81
|
+
this.ej2Instances._setProperties(prop, muteOnChange);
|
|
82
|
+
}
|
|
83
|
+
if (prop && this.models && this.models.length) {
|
|
84
|
+
Object.keys(prop).map(function (key) {
|
|
85
|
+
_this.models.map(function (model) {
|
|
86
|
+
if ((key === model) && !(/datasource/i.test(key))) {
|
|
87
|
+
if (_this.isVue3) {
|
|
88
|
+
_this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
|
|
89
|
+
}
|
|
90
|
+
else {
|
|
91
|
+
_this.$emit('update:' + key, prop[key]);
|
|
92
|
+
_this.$emit('modelchanged', prop[key]);
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
custom: function () {
|
|
100
|
+
this.updated();
|
|
101
|
+
},
|
|
102
|
+
}
|
|
103
|
+
});
|
|
104
|
+
export var SankeyPlugin = {
|
|
105
|
+
name: 'ejs-sankey',
|
|
106
|
+
install: function (Vue) {
|
|
107
|
+
Vue.component(SankeyPlugin.name, SankeyComponent);
|
|
108
|
+
Vue.component(SankeyNodePlugin.name, SankeyNodeDirective);
|
|
109
|
+
Vue.component(SankeyNodesCollectionPlugin.name, SankeyNodesCollectionDirective);
|
|
110
|
+
Vue.component(SankeyLinkPlugin.name, SankeyLinkDirective);
|
|
111
|
+
Vue.component(SankeyLinksCollectionPlugin.name, SankeyLinksCollectionDirective);
|
|
112
|
+
}
|
|
113
|
+
};
|
|
@@ -11,7 +11,7 @@ import { StockChartSelectedDataIndexesDirective, StockChartSelectedDataIndexDire
|
|
|
11
11
|
import { StockChartPeriodsDirective, StockChartPeriodDirective, StockChartPeriodsPlugin, StockChartPeriodPlugin } from './periods.directive';
|
|
12
12
|
import { StockEventsDirective, StockEventDirective, StockEventsPlugin, StockEventPlugin } from './stockevents.directive';
|
|
13
13
|
import { StockChartIndicatorsDirective, StockChartIndicatorDirective, StockChartIndicatorsPlugin, StockChartIndicatorPlugin } from './indicators.directive';
|
|
14
|
-
export var properties = ['isLazyUpdate', 'plugins', 'annotations', 'axes', 'background', 'border', 'chartArea', 'crosshair', 'dataSource', 'enableCustomRange', 'enablePeriodSelector', 'enablePersistence', 'enableRtl', 'enableSelector', 'exportType', 'height', 'indicatorType', 'indicators', 'isMultiSelect', 'isSelect', 'isTransposed', 'legendSettings', 'locale', 'margin', 'noDataTemplate', 'periods', 'primaryXAxis', 'primaryYAxis', 'rows', 'selectedDataIndexes', 'selectionMode', 'series', 'seriesType', 'stockEvents', 'theme', 'title', 'titleStyle', 'tooltip', 'trendlineType', 'width', 'zoomSettings', 'axisLabelRender', 'beforeExport', 'legendClick', 'legendRender', 'load', 'loaded', 'onZooming', 'pointClick', 'pointMove', 'rangeChange', 'selectorRender', 'seriesRender', 'stockChartMouseClick', 'stockChartMouseDown', 'stockChartMouseLeave', 'stockChartMouseMove', 'stockChartMouseUp', 'stockEventRender', 'tooltipRender'];
|
|
14
|
+
export var properties = ['isLazyUpdate', 'plugins', 'annotations', 'axes', 'background', 'border', 'chartArea', 'crosshair', 'dataSource', 'enableCustomRange', 'enablePeriodSelector', 'enablePersistence', 'enableRtl', 'enableSelector', 'exportType', 'height', 'indicatorType', 'indicators', 'isMultiSelect', 'isSelect', 'isTransposed', 'legendSettings', 'locale', 'margin', 'noDataTemplate', 'periods', 'primaryXAxis', 'primaryYAxis', 'rows', 'selectedDataIndexes', 'selectionMode', 'series', 'seriesType', 'stockEvents', 'theme', 'title', 'titleStyle', 'tooltip', 'trendlineType', 'width', 'zoomSettings', 'axisLabelRender', 'beforeExport', 'crosshairLabelRender', 'legendClick', 'legendRender', 'load', 'loaded', 'onZooming', 'pointClick', 'pointMove', 'rangeChange', 'selectorRender', 'seriesRender', 'stockChartMouseClick', 'stockChartMouseDown', 'stockChartMouseLeave', 'stockChartMouseMove', 'stockChartMouseUp', 'stockEventRender', 'tooltipRender'];
|
|
15
15
|
export var modelProps = ['dataSource'];
|
|
16
16
|
export var testProp = getProps({ props: properties });
|
|
17
17
|
export var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);
|