@progress/kendo-vue-gauges 2.7.1 → 2.7.3-dev.202201070829
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/cdn/js/kendo-vue-gauges.js +1 -1
- package/dist/es/ArcCenter.d.ts +48 -0
- package/dist/es/ArcCenter.js +53 -0
- package/dist/es/ArcGauge.d.ts +43 -0
- package/dist/es/ArcGauge.js +196 -0
- package/dist/es/ArcGaugeProps.d.ts +33 -0
- package/dist/es/ArcGaugeProps.js +0 -0
- package/dist/es/BaseGauge.d.ts +42 -0
- package/dist/es/BaseGauge.js +222 -0
- package/dist/es/BaseGaugeProps.d.ts +42 -0
- package/dist/es/BaseGaugeProps.js +1 -0
- package/dist/es/CircularGauge.d.ts +38 -0
- package/dist/es/CircularGauge.js +33 -0
- package/dist/es/CircularGaugeProps.d.ts +17 -0
- package/dist/es/CircularGaugeProps.js +0 -0
- package/dist/es/GaugeContext.d.ts +1 -0
- package/dist/es/GaugeContext.js +12 -0
- package/dist/es/LinearGauge.d.ts +38 -0
- package/dist/es/LinearGauge.js +113 -0
- package/dist/es/LinearGaugeProps.d.ts +15 -0
- package/dist/es/LinearGaugeProps.js +0 -0
- package/dist/es/RadialGauge.d.ts +38 -0
- package/dist/es/RadialGauge.js +114 -0
- package/dist/es/RadialGaugeProps.d.ts +15 -0
- package/dist/es/RadialGaugeProps.js +0 -0
- package/dist/es/additionalTypes.ts +3 -0
- package/dist/es/common/gauges.d.ts +1 -0
- package/dist/es/common/gauges.js +5 -0
- package/dist/es/main.d.ts +10 -1
- package/dist/es/main.js +7 -8
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/store/reducer.d.ts +14 -0
- package/dist/es/store/reducer.js +100 -0
- package/dist/es/store/store.d.ts +26 -0
- package/dist/es/store/store.js +28 -0
- package/dist/es/theming/theme-service.d.ts +3 -0
- package/dist/es/theming/theme-service.js +50 -0
- package/dist/es/types/arc-scale.interface.d.ts +28 -0
- package/dist/es/types/arc-scale.interface.js +1 -0
- package/dist/es/types/border.interface.d.ts +18 -0
- package/dist/es/types/border.interface.js +0 -0
- package/dist/es/types/cap.interface.d.ts +13 -0
- package/dist/es/types/cap.interface.js +0 -0
- package/dist/es/types/circular-scale.interface.d.ts +10 -0
- package/dist/es/types/circular-scale.interface.js +0 -0
- package/dist/es/types/color-range.interface.d.ts +21 -0
- package/dist/es/types/color-range.interface.js +0 -0
- package/dist/es/types/dash-type.interface.d.ts +4 -0
- package/dist/es/types/dash-type.interface.js +0 -0
- package/dist/es/types/gauge-area.interface.d.ts +27 -0
- package/dist/es/types/gauge-area.interface.js +0 -0
- package/dist/es/types/labels.interface.d.ts +47 -0
- package/dist/es/types/labels.interface.js +1 -0
- package/dist/es/types/line-cap.d.ts +4 -0
- package/dist/es/types/line-cap.js +0 -0
- package/dist/es/types/line.interface.d.ts +22 -0
- package/dist/es/types/line.interface.js +0 -0
- package/dist/es/types/linear-pointer-shape.d.ts +4 -0
- package/dist/es/types/linear-pointer-shape.js +0 -0
- package/dist/es/types/linear-pointer.interface.d.ts +36 -0
- package/dist/es/types/linear-pointer.interface.js +0 -0
- package/dist/es/types/linear-scale.interface.d.ts +26 -0
- package/dist/es/types/linear-scale.interface.js +1 -0
- package/dist/es/types/margin.interface.d.ts +21 -0
- package/dist/es/types/margin.interface.js +0 -0
- package/dist/es/types/padding.interface.d.ts +21 -0
- package/dist/es/types/padding.interface.js +0 -0
- package/dist/es/types/radial-label-position.d.ts +4 -0
- package/dist/es/types/radial-label-position.js +0 -0
- package/dist/es/types/radial-labels.interface.d.ts +8 -0
- package/dist/es/types/radial-labels.interface.js +0 -0
- package/dist/es/types/radial-pointer.interface.d.ts +22 -0
- package/dist/es/types/radial-pointer.interface.js +1 -0
- package/dist/es/types/radial-scale.interface.d.ts +28 -0
- package/dist/es/types/radial-scale.interface.js +1 -0
- package/dist/es/types/range.interface.d.ts +21 -0
- package/dist/es/types/range.interface.js +0 -0
- package/dist/es/types/scale.interface.d.ts +47 -0
- package/dist/es/types/scale.interface.js +0 -0
- package/dist/es/types/ticks.interface.d.ts +21 -0
- package/dist/es/types/ticks.interface.js +1 -0
- package/dist/es/types.d.ts +21 -0
- package/dist/es/types.js +0 -0
- package/dist/es/utils/common.d.ts +1 -0
- package/dist/es/utils/common.js +36 -0
- package/dist/npm/ArcCenter.d.ts +48 -0
- package/dist/npm/ArcCenter.js +63 -0
- package/dist/npm/ArcGauge.d.ts +43 -0
- package/dist/npm/ArcGauge.js +210 -0
- package/dist/npm/ArcGaugeProps.d.ts +33 -0
- package/dist/npm/ArcGaugeProps.js +5 -0
- package/dist/npm/BaseGauge.d.ts +42 -0
- package/dist/npm/BaseGauge.js +238 -0
- package/dist/npm/BaseGaugeProps.d.ts +42 -0
- package/dist/npm/BaseGaugeProps.js +5 -0
- package/dist/npm/CircularGauge.d.ts +38 -0
- package/dist/npm/CircularGauge.js +44 -0
- package/dist/npm/CircularGaugeProps.d.ts +17 -0
- package/dist/npm/CircularGaugeProps.js +5 -0
- package/dist/npm/GaugeContext.d.ts +1 -0
- package/dist/npm/GaugeContext.js +13 -0
- package/dist/npm/LinearGauge.d.ts +38 -0
- package/dist/npm/LinearGauge.js +126 -0
- package/dist/npm/LinearGaugeProps.d.ts +15 -0
- package/dist/npm/LinearGaugeProps.js +5 -0
- package/dist/npm/RadialGauge.d.ts +38 -0
- package/dist/npm/RadialGauge.js +127 -0
- package/dist/npm/RadialGaugeProps.d.ts +15 -0
- package/dist/npm/RadialGaugeProps.js +5 -0
- package/dist/npm/additionalTypes.ts +3 -0
- package/dist/npm/common/gauges.d.ts +1 -0
- package/dist/npm/common/gauges.js +5 -0
- package/dist/npm/main.d.ts +10 -1
- package/dist/npm/main.js +21 -8
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/store/reducer.d.ts +14 -0
- package/dist/npm/store/reducer.js +105 -0
- package/dist/npm/store/store.d.ts +26 -0
- package/dist/npm/store/store.js +31 -0
- package/dist/npm/theming/theme-service.d.ts +3 -0
- package/dist/npm/theming/theme-service.js +53 -0
- package/dist/npm/types/arc-scale.interface.d.ts +28 -0
- package/dist/npm/types/arc-scale.interface.js +3 -0
- package/dist/npm/types/border.interface.d.ts +18 -0
- package/dist/npm/types/border.interface.js +2 -0
- package/dist/npm/types/cap.interface.d.ts +13 -0
- package/dist/npm/types/cap.interface.js +2 -0
- package/dist/npm/types/circular-scale.interface.d.ts +10 -0
- package/dist/npm/types/circular-scale.interface.js +2 -0
- package/dist/npm/types/color-range.interface.d.ts +21 -0
- package/dist/npm/types/color-range.interface.js +2 -0
- package/dist/npm/types/dash-type.interface.d.ts +4 -0
- package/dist/npm/types/dash-type.interface.js +2 -0
- package/dist/npm/types/gauge-area.interface.d.ts +27 -0
- package/dist/npm/types/gauge-area.interface.js +2 -0
- package/dist/npm/types/labels.interface.d.ts +47 -0
- package/dist/npm/types/labels.interface.js +3 -0
- package/dist/npm/types/line-cap.d.ts +4 -0
- package/dist/npm/types/line-cap.js +2 -0
- package/dist/npm/types/line.interface.d.ts +22 -0
- package/dist/npm/types/line.interface.js +2 -0
- package/dist/npm/types/linear-pointer-shape.d.ts +4 -0
- package/dist/npm/types/linear-pointer-shape.js +2 -0
- package/dist/npm/types/linear-pointer.interface.d.ts +36 -0
- package/dist/npm/types/linear-pointer.interface.js +2 -0
- package/dist/npm/types/linear-scale.interface.d.ts +26 -0
- package/dist/npm/types/linear-scale.interface.js +3 -0
- package/dist/npm/types/margin.interface.d.ts +21 -0
- package/dist/npm/types/margin.interface.js +2 -0
- package/dist/npm/types/padding.interface.d.ts +21 -0
- package/dist/npm/types/padding.interface.js +2 -0
- package/dist/npm/types/radial-label-position.d.ts +4 -0
- package/dist/npm/types/radial-label-position.js +2 -0
- package/dist/npm/types/radial-labels.interface.d.ts +8 -0
- package/dist/npm/types/radial-labels.interface.js +2 -0
- package/dist/npm/types/radial-pointer.interface.d.ts +22 -0
- package/dist/npm/types/radial-pointer.interface.js +3 -0
- package/dist/npm/types/radial-scale.interface.d.ts +28 -0
- package/dist/npm/types/radial-scale.interface.js +3 -0
- package/dist/npm/types/range.interface.d.ts +21 -0
- package/dist/npm/types/range.interface.js +2 -0
- package/dist/npm/types/scale.interface.d.ts +47 -0
- package/dist/npm/types/scale.interface.js +2 -0
- package/dist/npm/types/ticks.interface.d.ts +21 -0
- package/dist/npm/types/ticks.interface.js +3 -0
- package/dist/npm/types.d.ts +21 -0
- package/dist/npm/types.js +2 -0
- package/dist/npm/utils/common.d.ts +1 -0
- package/dist/npm/utils/common.js +39 -0
- package/package.json +7 -7
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @hidden
|
|
3
|
+
*/
|
|
4
|
+
export interface BaseGaugePrivateProps {
|
|
5
|
+
/**
|
|
6
|
+
* @hidden
|
|
7
|
+
*/
|
|
8
|
+
deriveOptionsFromParent?: (options: any) => any;
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
gaugeConstructor?: object;
|
|
13
|
+
/**
|
|
14
|
+
* @hidden
|
|
15
|
+
*/
|
|
16
|
+
getTarget?: () => any;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* @hidden
|
|
20
|
+
*/
|
|
21
|
+
export interface BaseGaugeProps extends BaseGaugePrivateProps {
|
|
22
|
+
/**
|
|
23
|
+
* Represents the `dir` HTML attribute.
|
|
24
|
+
*/
|
|
25
|
+
dir?: string;
|
|
26
|
+
value?: number;
|
|
27
|
+
color?: any;
|
|
28
|
+
colors?: any[];
|
|
29
|
+
opacity?: any;
|
|
30
|
+
/**
|
|
31
|
+
* Sets the preferred rendering engine. If not supported by the browser, the Gauge switches to the first available mode.
|
|
32
|
+
*
|
|
33
|
+
* The supported values are:
|
|
34
|
+
* - `"svg"`—If available, renders the component as an inline `.svg` file.
|
|
35
|
+
* - `"canvas"`—If available, renders the component as a `canvas` element.
|
|
36
|
+
*/
|
|
37
|
+
renderAs?: 'svg' | 'canvas' | string;
|
|
38
|
+
/**
|
|
39
|
+
* If set to `true`, the Gauge plays animations when it displays the series. By default, animations are enabled.
|
|
40
|
+
*/
|
|
41
|
+
transitions?: boolean;
|
|
42
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { DefineComponent } from './additionalTypes';
|
|
2
|
+
import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
|
|
3
|
+
declare type DefaultData<V> = object | ((this: V) => {});
|
|
4
|
+
declare type DefaultMethods<V> = {
|
|
5
|
+
[key: string]: (this: V, ...args: any[]) => any;
|
|
6
|
+
};
|
|
7
|
+
import { CircularGaugeProps } from './CircularGaugeProps';
|
|
8
|
+
import { ArcGaugeState, ArcGaugeComputed, ArcGaugeMethods, ArcGaugeData } from './ArcGauge';
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
export interface CircularGaugeState extends ArcGaugeState {
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* @hidden
|
|
16
|
+
*/
|
|
17
|
+
export interface CircularGaugeComputed extends ArcGaugeComputed {
|
|
18
|
+
[key: string]: any;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* @hidden
|
|
22
|
+
*/
|
|
23
|
+
export interface CircularGaugeMethods extends ArcGaugeMethods {
|
|
24
|
+
[key: string]: any;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* @hidden
|
|
28
|
+
*/
|
|
29
|
+
export interface CircularGaugeData extends ArcGaugeData {
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* @hidden
|
|
33
|
+
*/
|
|
34
|
+
export interface CircularGaugeAll extends Vue, CircularGaugeMethods, CircularGaugeData, CircularGaugeComputed, CircularGaugeState {
|
|
35
|
+
}
|
|
36
|
+
declare let CircularGauge: ComponentOptions<CircularGaugeAll, DefaultData<CircularGaugeData>, DefaultMethods<CircularGaugeAll>, CircularGaugeComputed, RecordPropsDefinition<CircularGaugeProps>>;
|
|
37
|
+
declare const CircularGaugeVue3: DefineComponent<CircularGaugeProps, any, CircularGaugeData, CircularGaugeComputed, CircularGaugeMethods, {}, {}, {}, string, CircularGaugeProps, CircularGaugeProps, {}>;
|
|
38
|
+
export { CircularGauge, CircularGaugeVue3 };
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __assign = undefined && undefined.__assign || function () {
|
|
4
|
+
__assign = Object.assign || function (t) {
|
|
5
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
|
+
s = arguments[i];
|
|
7
|
+
|
|
8
|
+
for (var p in s) {
|
|
9
|
+
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
return __assign.apply(this, arguments);
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
Object.defineProperty(exports, "__esModule", {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
exports.CircularGaugeVue3 = exports.CircularGauge = void 0; // @ts-ignore
|
|
23
|
+
|
|
24
|
+
var Vue = require("vue");
|
|
25
|
+
|
|
26
|
+
var allVue = Vue;
|
|
27
|
+
var gh = allVue.h;
|
|
28
|
+
|
|
29
|
+
var ArcGauge_1 = require("./ArcGauge");
|
|
30
|
+
|
|
31
|
+
var kendo_charts_1 = require("@progress/kendo-charts"); // tslint:enable:max-line-length
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
var CircularGauge = __assign(__assign({}, ArcGauge_1.ArcGauge), {
|
|
35
|
+
name: 'KendoCircularGauge',
|
|
36
|
+
created: function created() {
|
|
37
|
+
this.gaugeType = kendo_charts_1.CircularGauge;
|
|
38
|
+
this.arcCenterStyles = {};
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
|
|
42
|
+
exports.CircularGauge = CircularGauge;
|
|
43
|
+
var CircularGaugeVue3 = CircularGauge;
|
|
44
|
+
exports.CircularGaugeVue3 = CircularGaugeVue3;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ArcGaugeProps } from './ArcGaugeProps';
|
|
2
|
+
import { CircularScale } from './types/circular-scale.interface';
|
|
3
|
+
import { ColorRange } from './types/color-range.interface';
|
|
4
|
+
/**
|
|
5
|
+
* Represents the props of the [KendoReact CircularGauge component]({% slug overview_circulargauge_gauges %}).
|
|
6
|
+
*/
|
|
7
|
+
export interface CircularGaugeProps extends ArcGaugeProps {
|
|
8
|
+
/**
|
|
9
|
+
* The color ranges of the value pointer
|
|
10
|
+
* ([see example]({% slug colorranges_circulargauge %})).
|
|
11
|
+
*/
|
|
12
|
+
colors?: ColorRange[];
|
|
13
|
+
/**
|
|
14
|
+
* The scale options of the CircularGauge.
|
|
15
|
+
*/
|
|
16
|
+
scale?: CircularScale;
|
|
17
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// import { Store } from './store/store';
|
|
2
|
+
// /**
|
|
3
|
+
// * @hidden
|
|
4
|
+
// */
|
|
5
|
+
// export interface GaugeContextType {
|
|
6
|
+
// observersStore: Store;
|
|
7
|
+
// }
|
|
8
|
+
// /**
|
|
9
|
+
// * @hidden
|
|
10
|
+
// */
|
|
11
|
+
// export const GaugeContext = React.createContext<GaugeContextType | null>(null);
|
|
12
|
+
// GaugeContext.displayName = 'GaugeContext';
|
|
13
|
+
"use strict";
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { DefineComponent } from './additionalTypes';
|
|
2
|
+
import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
|
|
3
|
+
declare type DefaultData<V> = object | ((this: V) => {});
|
|
4
|
+
declare type DefaultMethods<V> = {
|
|
5
|
+
[key: string]: (this: V, ...args: any[]) => any;
|
|
6
|
+
};
|
|
7
|
+
import { LinearGaugeProps } from './LinearGaugeProps';
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
export interface LinearGaugeState {
|
|
12
|
+
baseGauge: any;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* @hidden
|
|
16
|
+
*/
|
|
17
|
+
export interface LinearGaugeComputed {
|
|
18
|
+
[key: string]: any;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* @hidden
|
|
22
|
+
*/
|
|
23
|
+
export interface LinearGaugeMethods {
|
|
24
|
+
[key: string]: any;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* @hidden
|
|
28
|
+
*/
|
|
29
|
+
export interface LinearGaugeData {
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* @hidden
|
|
33
|
+
*/
|
|
34
|
+
export interface LinearGaugeAll extends Vue, LinearGaugeMethods, LinearGaugeData, LinearGaugeComputed, LinearGaugeState {
|
|
35
|
+
}
|
|
36
|
+
declare let LinearGauge: ComponentOptions<LinearGaugeAll, DefaultData<LinearGaugeData>, DefaultMethods<LinearGaugeAll>, LinearGaugeComputed, RecordPropsDefinition<LinearGaugeProps>>;
|
|
37
|
+
declare const LinearGaugeVue3: DefineComponent<LinearGaugeProps, any, LinearGaugeData, LinearGaugeComputed, LinearGaugeMethods, {}, {}, {}, string, LinearGaugeProps, LinearGaugeProps, {}>;
|
|
38
|
+
export { LinearGauge, LinearGaugeVue3 };
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.LinearGaugeVue3 = exports.LinearGauge = void 0; // @ts-ignore
|
|
7
|
+
|
|
8
|
+
var Vue = require("vue");
|
|
9
|
+
|
|
10
|
+
var allVue = Vue;
|
|
11
|
+
var gh = allVue.h;
|
|
12
|
+
|
|
13
|
+
var BaseGauge_1 = require("./BaseGauge");
|
|
14
|
+
|
|
15
|
+
var kendo_charts_1 = require("@progress/kendo-charts");
|
|
16
|
+
|
|
17
|
+
var kendo_drawing_1 = require("@progress/kendo-drawing");
|
|
18
|
+
|
|
19
|
+
var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable:max-line-length
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
var LinearGauge = {
|
|
23
|
+
name: 'KendoLinearGauge',
|
|
24
|
+
props: {
|
|
25
|
+
dir: String,
|
|
26
|
+
renderAs: {
|
|
27
|
+
type: String,
|
|
28
|
+
default: 'svg',
|
|
29
|
+
validator: function validator(value) {
|
|
30
|
+
return ['svg', 'canvas'].includes(value);
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
gaugeConstructor: [Object, Function],
|
|
34
|
+
pointer: {
|
|
35
|
+
type: [Object, Array],
|
|
36
|
+
default: undefined
|
|
37
|
+
},
|
|
38
|
+
scale: {
|
|
39
|
+
type: Object,
|
|
40
|
+
default: undefined
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
mounted: function mounted() {
|
|
44
|
+
this._baseGauge = this.v3 ? this.baseGaugeRef : this.$refs.baseGauge;
|
|
45
|
+
},
|
|
46
|
+
updated: function updated() {
|
|
47
|
+
this._baseGauge = this.v3 ? this.baseGaugeRef : this.$refs.baseGauge;
|
|
48
|
+
},
|
|
49
|
+
// @ts-ignore
|
|
50
|
+
setup: !gh ? undefined : function () {
|
|
51
|
+
var v3 = !!gh;
|
|
52
|
+
return {
|
|
53
|
+
v3: v3
|
|
54
|
+
};
|
|
55
|
+
},
|
|
56
|
+
// @ts-ignore
|
|
57
|
+
render: function render(createElement) {
|
|
58
|
+
var _this = this;
|
|
59
|
+
|
|
60
|
+
var h = gh || createElement;
|
|
61
|
+
var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
|
|
62
|
+
return (// @ts-ignore function children
|
|
63
|
+
h(BaseGauge_1.BaseGauge, {
|
|
64
|
+
deriveOptionsFromParent: this.deriveOptionsFromParent,
|
|
65
|
+
attrs: this.v3 ? undefined : {
|
|
66
|
+
deriveOptionsFromParent: this.deriveOptionsFromParent,
|
|
67
|
+
gaugeConstructor: kendo_charts_1.LinearGauge,
|
|
68
|
+
getTarget: this.getTarget
|
|
69
|
+
},
|
|
70
|
+
ref: this.v3 ? function (el) {
|
|
71
|
+
_this.baseGaugeRef = el;
|
|
72
|
+
} : 'baseGauge',
|
|
73
|
+
gaugeConstructor: kendo_charts_1.LinearGauge,
|
|
74
|
+
getTarget: this.getTarget,
|
|
75
|
+
"class": 'k-gauge'
|
|
76
|
+
}, this.v3 ? function () {
|
|
77
|
+
return [defaultSlots];
|
|
78
|
+
} : [defaultSlots])
|
|
79
|
+
);
|
|
80
|
+
},
|
|
81
|
+
methods: {
|
|
82
|
+
gaugeInstance: function gaugeInstance() {
|
|
83
|
+
if (this._baseGauge !== null) {
|
|
84
|
+
return this._baseGauge.gaugeInstance;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
return null;
|
|
88
|
+
},
|
|
89
|
+
surface: function surface() {
|
|
90
|
+
if (this._baseGauge !== null) {
|
|
91
|
+
return this._baseGauge.surface;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
return null;
|
|
95
|
+
},
|
|
96
|
+
element: function element() {
|
|
97
|
+
if (this._baseGauge !== null) {
|
|
98
|
+
return this._baseGauge.element;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
return null;
|
|
102
|
+
},
|
|
103
|
+
exportVisual: function exportVisual(options) {
|
|
104
|
+
if (this.gaugeInstance !== null) {
|
|
105
|
+
return Promise.resolve(this.gaugeInstance.exportVisual(options));
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
return Promise.resolve(new kendo_drawing_1.Group());
|
|
109
|
+
},
|
|
110
|
+
getTarget: function getTarget() {
|
|
111
|
+
return this;
|
|
112
|
+
},
|
|
113
|
+
deriveOptionsFromParent: function deriveOptionsFromParent(options) {
|
|
114
|
+
var _a = this.$props,
|
|
115
|
+
pointer = _a.pointer,
|
|
116
|
+
scale = _a.scale;
|
|
117
|
+
return Object.assign({}, options, {
|
|
118
|
+
pointer: pointer,
|
|
119
|
+
scale: scale
|
|
120
|
+
});
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
};
|
|
124
|
+
exports.LinearGauge = LinearGauge;
|
|
125
|
+
var LinearGaugeVue3 = LinearGauge;
|
|
126
|
+
exports.LinearGaugeVue3 = LinearGaugeVue3;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { BaseGaugeProps } from './BaseGaugeProps';
|
|
2
|
+
import { LinearPointer, LinearScale } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* Represents the props of the [KendoReact LinearGauge component]({% slug overview_lineargauge_gauges %}).
|
|
5
|
+
*/
|
|
6
|
+
export interface LinearGaugeProps extends BaseGaugeProps {
|
|
7
|
+
/**
|
|
8
|
+
* The configuration of the pointers ([see example]({% slug multiplepointers_lineargauge %})).
|
|
9
|
+
*/
|
|
10
|
+
pointer: LinearPointer | LinearPointer[];
|
|
11
|
+
/**
|
|
12
|
+
* The configuration of the scale.
|
|
13
|
+
*/
|
|
14
|
+
scale?: LinearScale;
|
|
15
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { DefineComponent } from './additionalTypes';
|
|
2
|
+
import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
|
|
3
|
+
declare type DefaultData<V> = object | ((this: V) => {});
|
|
4
|
+
declare type DefaultMethods<V> = {
|
|
5
|
+
[key: string]: (this: V, ...args: any[]) => any;
|
|
6
|
+
};
|
|
7
|
+
import { RadialGaugeProps } from './RadialGaugeProps';
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
export interface RadialGaugeState {
|
|
12
|
+
baseGauge: any;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* @hidden
|
|
16
|
+
*/
|
|
17
|
+
export interface RadialGaugeComputed {
|
|
18
|
+
[key: string]: any;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* @hidden
|
|
22
|
+
*/
|
|
23
|
+
export interface RadialGaugeMethods {
|
|
24
|
+
[key: string]: any;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* @hidden
|
|
28
|
+
*/
|
|
29
|
+
export interface RadialGaugeData {
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* @hidden
|
|
33
|
+
*/
|
|
34
|
+
export interface RadialGaugeAll extends Vue, RadialGaugeMethods, RadialGaugeData, RadialGaugeComputed, RadialGaugeState {
|
|
35
|
+
}
|
|
36
|
+
declare let RadialGauge: ComponentOptions<RadialGaugeAll, DefaultData<RadialGaugeData>, DefaultMethods<RadialGaugeAll>, RadialGaugeComputed, RecordPropsDefinition<RadialGaugeProps>>;
|
|
37
|
+
declare const RadialGaugeVue3: DefineComponent<RadialGaugeProps, any, RadialGaugeData, RadialGaugeComputed, RadialGaugeMethods, {}, {}, {}, string, RadialGaugeProps, RadialGaugeProps, {}>;
|
|
38
|
+
export { RadialGauge, RadialGaugeVue3 };
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.RadialGaugeVue3 = exports.RadialGauge = void 0; // @ts-ignore
|
|
7
|
+
|
|
8
|
+
var Vue = require("vue");
|
|
9
|
+
|
|
10
|
+
var allVue = Vue;
|
|
11
|
+
var gh = allVue.h;
|
|
12
|
+
|
|
13
|
+
var BaseGauge_1 = require("./BaseGauge");
|
|
14
|
+
|
|
15
|
+
var kendo_charts_1 = require("@progress/kendo-charts");
|
|
16
|
+
|
|
17
|
+
var kendo_drawing_1 = require("@progress/kendo-drawing");
|
|
18
|
+
|
|
19
|
+
var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable:max-line-length
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
var RadialGauge = {
|
|
23
|
+
name: 'KendoRadialGauge',
|
|
24
|
+
props: {
|
|
25
|
+
dir: String,
|
|
26
|
+
renderAs: {
|
|
27
|
+
type: String,
|
|
28
|
+
default: 'svg',
|
|
29
|
+
validator: function validator(value) {
|
|
30
|
+
return ['svg', 'canvas'].includes(value);
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
gaugeConstructor: [Object, Function],
|
|
34
|
+
pointer: {
|
|
35
|
+
type: [Object, Array],
|
|
36
|
+
default: undefined
|
|
37
|
+
},
|
|
38
|
+
scale: {
|
|
39
|
+
type: Object,
|
|
40
|
+
default: undefined
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
mounted: function mounted() {
|
|
44
|
+
this._baseGauge = this.v3 ? this.baseGaugeRef : this.$refs.baseGauge;
|
|
45
|
+
},
|
|
46
|
+
updated: function updated() {
|
|
47
|
+
this._baseGauge = this.v3 ? this.baseGaugeRef : this.$refs.baseGauge;
|
|
48
|
+
},
|
|
49
|
+
// @ts-ignore
|
|
50
|
+
setup: !gh ? undefined : function () {
|
|
51
|
+
var v3 = !!gh;
|
|
52
|
+
return {
|
|
53
|
+
v3: v3
|
|
54
|
+
};
|
|
55
|
+
},
|
|
56
|
+
// @ts-ignore
|
|
57
|
+
render: function render(createElement) {
|
|
58
|
+
var _this = this;
|
|
59
|
+
|
|
60
|
+
var h = gh || createElement;
|
|
61
|
+
var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
|
|
62
|
+
var className = this.$props.className;
|
|
63
|
+
return (// @ts-ignore function children
|
|
64
|
+
h(BaseGauge_1.BaseGauge, {
|
|
65
|
+
deriveOptionsFromParent: this.deriveOptionsFromParent,
|
|
66
|
+
attrs: this.v3 ? undefined : {
|
|
67
|
+
deriveOptionsFromParent: this.deriveOptionsFromParent,
|
|
68
|
+
gaugeConstructor: kendo_charts_1.RadialGauge,
|
|
69
|
+
getTarget: this.getTarget
|
|
70
|
+
},
|
|
71
|
+
ref: this.v3 ? function (el) {
|
|
72
|
+
_this.baseGaugeRef = el;
|
|
73
|
+
} : 'baseGauge',
|
|
74
|
+
gaugeConstructor: kendo_charts_1.RadialGauge,
|
|
75
|
+
getTarget: this.getTarget,
|
|
76
|
+
"class": 'k-gauge'
|
|
77
|
+
}, this.v3 ? function () {
|
|
78
|
+
return [defaultSlots];
|
|
79
|
+
} : [defaultSlots])
|
|
80
|
+
);
|
|
81
|
+
},
|
|
82
|
+
methods: {
|
|
83
|
+
gaugeInstance: function gaugeInstance() {
|
|
84
|
+
if (this._baseGauge !== null) {
|
|
85
|
+
return this._baseGauge.gaugeInstance;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
return null;
|
|
89
|
+
},
|
|
90
|
+
surface: function surface() {
|
|
91
|
+
if (this._baseGauge !== null) {
|
|
92
|
+
return this._baseGauge.surface;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
return null;
|
|
96
|
+
},
|
|
97
|
+
element: function element() {
|
|
98
|
+
if (this._baseGauge !== null) {
|
|
99
|
+
return this._baseGauge.element;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
return null;
|
|
103
|
+
},
|
|
104
|
+
exportVisual: function exportVisual(options) {
|
|
105
|
+
if (this.gaugeInstance !== null) {
|
|
106
|
+
return Promise.resolve(this.gaugeInstance.exportVisual(options));
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
return Promise.resolve(new kendo_drawing_1.Group());
|
|
110
|
+
},
|
|
111
|
+
getTarget: function getTarget() {
|
|
112
|
+
return this;
|
|
113
|
+
},
|
|
114
|
+
deriveOptionsFromParent: function deriveOptionsFromParent(options) {
|
|
115
|
+
var _a = this.$props,
|
|
116
|
+
pointer = _a.pointer,
|
|
117
|
+
scale = _a.scale;
|
|
118
|
+
return Object.assign({}, options, {
|
|
119
|
+
pointer: pointer,
|
|
120
|
+
scale: scale
|
|
121
|
+
});
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
};
|
|
125
|
+
exports.RadialGauge = RadialGauge;
|
|
126
|
+
var RadialGaugeVue3 = RadialGauge;
|
|
127
|
+
exports.RadialGaugeVue3 = RadialGaugeVue3;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { BaseGaugeProps } from './BaseGaugeProps';
|
|
2
|
+
import { RadialPointer, RadialScale } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* Represents the props of the [KendoReact RadialGauge component]({% slug overview_radialgauge_gauges %}).
|
|
5
|
+
*/
|
|
6
|
+
export interface RadialGaugeProps extends BaseGaugeProps {
|
|
7
|
+
/**
|
|
8
|
+
* The configuration of the pointers ([see example]({% slug multiplepointers_radialgauge %})).
|
|
9
|
+
*/
|
|
10
|
+
pointer: RadialPointer | RadialPointer[];
|
|
11
|
+
/**
|
|
12
|
+
* The configuration of the scale.
|
|
13
|
+
*/
|
|
14
|
+
scale?: RadialScale;
|
|
15
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
package/dist/npm/main.d.ts
CHANGED
|
@@ -1 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import { ArcGauge } from './ArcGauge';
|
|
2
|
+
import { ArcGaugeProps } from './ArcGaugeProps';
|
|
3
|
+
import { CircularGauge } from './CircularGauge';
|
|
4
|
+
import { CircularGaugeProps } from './CircularGaugeProps';
|
|
5
|
+
import { LinearGauge } from './LinearGauge';
|
|
6
|
+
import { LinearGaugeProps } from './LinearGaugeProps';
|
|
7
|
+
import { RadialGauge } from './RadialGauge';
|
|
8
|
+
import { RadialGaugeProps } from './RadialGaugeProps';
|
|
9
|
+
export * from './types';
|
|
10
|
+
export { ArcGauge, ArcGaugeProps, CircularGauge, CircularGaugeProps, LinearGauge, LinearGaugeProps, RadialGauge, RadialGaugeProps };
|
package/dist/npm/main.js
CHANGED
|
@@ -1,10 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
10
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
exports.RadialGauge = exports.LinearGauge = exports.CircularGauge = exports.ArcGauge = void 0;
|
|
14
|
+
var ArcGauge_1 = require("./ArcGauge");
|
|
15
|
+
Object.defineProperty(exports, "ArcGauge", { enumerable: true, get: function () { return ArcGauge_1.ArcGauge; } });
|
|
16
|
+
var CircularGauge_1 = require("./CircularGauge");
|
|
17
|
+
Object.defineProperty(exports, "CircularGauge", { enumerable: true, get: function () { return CircularGauge_1.CircularGauge; } });
|
|
18
|
+
var LinearGauge_1 = require("./LinearGauge");
|
|
19
|
+
Object.defineProperty(exports, "LinearGauge", { enumerable: true, get: function () { return LinearGauge_1.LinearGauge; } });
|
|
20
|
+
var RadialGauge_1 = require("./RadialGauge");
|
|
21
|
+
Object.defineProperty(exports, "RadialGauge", { enumerable: true, get: function () { return RadialGauge_1.RadialGauge; } });
|
|
22
|
+
// export * from './common/gauges';
|
|
23
|
+
__exportStar(require("./types"), exports);
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-gauges',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1641543705,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
14
14
|
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { StoreAction } from './store';
|
|
2
|
+
/**
|
|
3
|
+
* @hidden
|
|
4
|
+
*/
|
|
5
|
+
declare const optionsReducer: (currentState: any, action: StoreAction) => object;
|
|
6
|
+
/**
|
|
7
|
+
* @hidden
|
|
8
|
+
*/
|
|
9
|
+
declare const themeReducer: (currentState: any, action: StoreAction) => any;
|
|
10
|
+
/**
|
|
11
|
+
* @hidden
|
|
12
|
+
*/
|
|
13
|
+
declare const observersReducer: (currentState: any, action: StoreAction) => any;
|
|
14
|
+
export { optionsReducer, themeReducer, observersReducer };
|