@primeui/vue-chart 1.0.0-beta.1 → 1.0.0-rc.1
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/LICENSE.md +35 -0
- package/README.md +64 -0
- package/dist/ChartCanvas.mjs +2 -2
- package/dist/ChartSvg.mjs +2 -2
- package/dist/chunks/{chunk-EKGCPOZJ.mjs → chunk-4EU72IBK.mjs} +15 -8
- package/dist/chunks/{chunk-5HLEKAY2.mjs → chunk-EWDMF46D.mjs} +1 -1
- package/dist/chunks/{chunk-4VWFG6HM.mjs → chunk-JBWL3G7O.mjs} +2 -2
- package/dist/chunks/{chunk-IUGMS7ND.mjs → chunk-PR6MTWPJ.mjs} +1 -1
- package/dist/index.mjs +4 -4
- package/dist/namespace.mjs +4 -4
- package/dist/release-date.d.ts +1 -1
- package/package.json +6 -11
- package/LICENSE +0 -23
package/LICENSE.md
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
# PrimeUI Pro License
|
|
2
|
+
|
|
3
|
+
This package is a **PrimeUI Pro** component by PrimeTek Informatics — an advanced, framework-independent UI component.
|
|
4
|
+
|
|
5
|
+
PrimeUI Pro components are commercial software. They are not available under the MIT license or a free Community license. A valid commercial license is required.
|
|
6
|
+
|
|
7
|
+
## How PrimeUI Pro May Be Used
|
|
8
|
+
|
|
9
|
+
This component may be used under either of the following:
|
|
10
|
+
|
|
11
|
+
### Standalone Commercial License
|
|
12
|
+
|
|
13
|
+
Purchased individually, licensed per developer, perpetual, with one year of updates. The component is framework-independent and may be used with any UI library, including PrimeNG, PrimeReact, PrimeVue, or others.
|
|
14
|
+
|
|
15
|
+
### Included with PrimeUI Commercial Suite
|
|
16
|
+
|
|
17
|
+
PrimeUI Commercial Suite license holders receive access to all PrimeUI Pro components released within their update period at no additional cost.
|
|
18
|
+
|
|
19
|
+
## License Key
|
|
20
|
+
|
|
21
|
+
A valid license key is required to use this software. License verification is performed offline, with no telemetry and no remote connection. A missing, invalid, or expired key may cause the software to display a license notice.
|
|
22
|
+
|
|
23
|
+
## Full Terms
|
|
24
|
+
|
|
25
|
+
The complete license terms, pricing, and renewal information are available at:
|
|
26
|
+
|
|
27
|
+
**https://primeui.dev/licenses/commercial**
|
|
28
|
+
|
|
29
|
+
## Restrictions
|
|
30
|
+
|
|
31
|
+
This software is distributed as a compiled package. You may not reverse-engineer, decompile, or extract its source code, redistribute it as a component library or development tool, or remove its license mechanisms. Redistributing the component so that third parties can develop with it requires a separate OEM License. See the full terms for details.
|
|
32
|
+
|
|
33
|
+
---
|
|
34
|
+
|
|
35
|
+
© 2026 PrimeTek Informatics. All rights reserved.
|
package/README.md
CHANGED
|
@@ -1 +1,65 @@
|
|
|
1
1
|
# PrimeUI Vue Chart
|
|
2
|
+
|
|
3
|
+
`@primeui/vue-chart` is the Vue 3 chart component for PrimeUI. It supports bar, line, pie, doughnut, radar, polar area, and scatter chart types.
|
|
4
|
+
|
|
5
|
+
## Install
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
pnpm add @primeui/vue-chart
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Basic Usage
|
|
12
|
+
|
|
13
|
+
```vue
|
|
14
|
+
<script setup lang="ts">
|
|
15
|
+
import { Chart } from '@primeui/vue-chart';
|
|
16
|
+
|
|
17
|
+
const data = {
|
|
18
|
+
labels: ['January', 'February', 'March', 'April', 'May'],
|
|
19
|
+
datasets: [
|
|
20
|
+
{
|
|
21
|
+
label: 'Sales',
|
|
22
|
+
data: [40, 59, 80, 61, 56],
|
|
23
|
+
backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56', '#4BC0C0', '#9966FF']
|
|
24
|
+
}
|
|
25
|
+
]
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
const options = {
|
|
29
|
+
responsive: true,
|
|
30
|
+
plugins: {
|
|
31
|
+
legend: { position: 'top' }
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
</script>
|
|
35
|
+
|
|
36
|
+
<template>
|
|
37
|
+
<Chart type="bar" :data="data" :options="options" />
|
|
38
|
+
</template>
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
## Chart Types
|
|
42
|
+
|
|
43
|
+
| Type | Value |
|
|
44
|
+
| ---------- | ------------- |
|
|
45
|
+
| Bar | `"bar"` |
|
|
46
|
+
| Line | `"line"` |
|
|
47
|
+
| Pie | `"pie"` |
|
|
48
|
+
| Doughnut | `"doughnut"` |
|
|
49
|
+
| Radar | `"radar"` |
|
|
50
|
+
| Polar Area | `"polarArea"` |
|
|
51
|
+
| Scatter | `"scatter"` |
|
|
52
|
+
|
|
53
|
+
## Responsive Charts
|
|
54
|
+
|
|
55
|
+
Charts are responsive by default. Set `width` and `height` props to fix the canvas dimensions, or control the container size via CSS.
|
|
56
|
+
|
|
57
|
+
```vue
|
|
58
|
+
<template>
|
|
59
|
+
<Chart type="line" :data="data" width="400" height="300" />
|
|
60
|
+
</template>
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
## License
|
|
64
|
+
|
|
65
|
+
Licensed under the [PrimeUI Pro License](https://primeui.dev/licenses/commercial) - Copyright (c) [PrimeTek Informatics](https://www.primetek.com.tr)
|
package/dist/ChartCanvas.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { ChartCanvas_default as default } from './chunks/chunk-
|
|
2
|
-
import './chunks/chunk-
|
|
1
|
+
export { ChartCanvas_default as default } from './chunks/chunk-PR6MTWPJ.mjs';
|
|
2
|
+
import './chunks/chunk-4EU72IBK.mjs';
|
|
3
3
|
import './chunks/chunk-TRGN3ZMM.mjs';
|
|
4
4
|
import './chunks/chunk-S4YR4YK7.mjs';
|
|
5
5
|
import './chunks/chunk-36DHPBYP.mjs';
|
package/dist/ChartSvg.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { ChartSvg_default as default } from './chunks/chunk-
|
|
2
|
-
import './chunks/chunk-
|
|
1
|
+
export { ChartSvg_default as default } from './chunks/chunk-EWDMF46D.mjs';
|
|
2
|
+
import './chunks/chunk-4EU72IBK.mjs';
|
|
3
3
|
import './chunks/chunk-TRGN3ZMM.mjs';
|
|
4
4
|
import './chunks/chunk-S4YR4YK7.mjs';
|
|
5
5
|
import './chunks/chunk-36DHPBYP.mjs';
|
|
@@ -6,12 +6,12 @@ import { NavigatorRenderer_default } from './chunk-GLFXRR7N.mjs';
|
|
|
6
6
|
import { provideChartContext } from './chunk-QOWKMWNO.mjs';
|
|
7
7
|
import { CHART_SYNC_INFO_KEY } from './chunk-H4HLHGUW.mjs';
|
|
8
8
|
import { TOOLTIP_CONTEXT_KEY } from './chunk-4Q3QUNX6.mjs';
|
|
9
|
-
import { defineComponent, computed, ref, onMounted, watch, onBeforeUnmount, toRef, shallowRef,
|
|
9
|
+
import { defineComponent, computed, ref, onMounted, watch, onBeforeUnmount, toRef, shallowRef, nextTick, provide, openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, renderSlot, unref, createBlock, resolveDynamicComponent, withCtx, createTextVNode, Fragment, renderList, withModifiers } from 'vue';
|
|
10
10
|
import { resolveTheme, ChartStateController, buildChartDataTable, themeToCssVars, configureCanvasHiDPI, computeCrosshairLayout, buildAnnotationContext, DEFAULT_FONT_FAMILY, renderAnnotationsCanvas, resolveDirFromElement, observeDocumentDir } from '@primeui/chart-core';
|
|
11
11
|
import { verifyLicense } from '@primeui/license-manager';
|
|
12
12
|
|
|
13
13
|
// src/release-date.ts
|
|
14
|
-
var RELEASE_DATE = "2026-06-
|
|
14
|
+
var RELEASE_DATE = "2026-06-28";
|
|
15
15
|
|
|
16
16
|
// src/Chart.vue
|
|
17
17
|
var _hoisted_1 = {
|
|
@@ -446,12 +446,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
446
446
|
});
|
|
447
447
|
});
|
|
448
448
|
const autoColorScale = shallowRef(null);
|
|
449
|
-
|
|
450
|
-
() => state.value.datasets,
|
|
451
|
-
() => state.value.datasetVisibility,
|
|
452
|
-
() => coreState.value.chartArea,
|
|
453
|
-
rendererDelegate
|
|
454
|
-
], () => {
|
|
449
|
+
function syncAutoColorScale() {
|
|
455
450
|
const info = rendererDelegate.value?.getColorScaleInfo?.() ?? null;
|
|
456
451
|
const prev = autoColorScale.value;
|
|
457
452
|
if (prev === null && info === null) return;
|
|
@@ -459,6 +454,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
459
454
|
return;
|
|
460
455
|
}
|
|
461
456
|
autoColorScale.value = info;
|
|
457
|
+
}
|
|
458
|
+
watch([
|
|
459
|
+
() => state.value.datasets,
|
|
460
|
+
() => state.value.datasetVisibility,
|
|
461
|
+
() => coreState.value.chartArea,
|
|
462
|
+
rendererDelegate
|
|
463
|
+
], () => {
|
|
464
|
+
syncAutoColorScale();
|
|
465
|
+
if (autoColorScale.value === null) {
|
|
466
|
+
const hasColorScaleSeries = [...state.value.datasets.values()].some((d) => d.type === "heatmap" || d.type === "treemap");
|
|
467
|
+
if (hasColorScaleSeries) nextTick(syncAutoColorScale);
|
|
468
|
+
}
|
|
462
469
|
}, {
|
|
463
470
|
immediate: true,
|
|
464
471
|
flush: "post"
|
|
@@ -35,8 +35,8 @@ import { ChartTreemapGroup_default } from './chunk-L73MEG22.mjs';
|
|
|
35
35
|
import { ChartItem_default } from './chunk-3PJULFR5.mjs';
|
|
36
36
|
import { ChartZoom_default } from './chunk-BSROML7P.mjs';
|
|
37
37
|
import { ChartYAxis_default } from './chunk-JVH4MDKX.mjs';
|
|
38
|
-
import { ChartSvg_default } from './chunk-
|
|
39
|
-
import { ChartCanvas_default } from './chunk-
|
|
38
|
+
import { ChartSvg_default } from './chunk-EWDMF46D.mjs';
|
|
39
|
+
import { ChartCanvas_default } from './chunk-PR6MTWPJ.mjs';
|
|
40
40
|
import { __export } from './chunk-VIHIR2BE.mjs';
|
|
41
41
|
|
|
42
42
|
// src/Chart.parts.ts
|
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { Chart_parts_exports as Chart } from './chunks/chunk-
|
|
1
|
+
export { Chart_parts_exports as Chart } from './chunks/chunk-JBWL3G7O.mjs';
|
|
2
2
|
export { ChartBar_default as ChartBar } from './chunks/chunk-L74BEYTD.mjs';
|
|
3
3
|
export { ChartTreemap_default as ChartTreemap } from './chunks/chunk-HVLFOABV.mjs';
|
|
4
4
|
export { ChartScatter_default as ChartScatter } from './chunks/chunk-SGLTVJUA.mjs';
|
|
@@ -49,9 +49,9 @@ import './chunks/chunk-ADAGGXFG.mjs';
|
|
|
49
49
|
import './chunks/chunk-3XOLEGDL.mjs';
|
|
50
50
|
import './chunks/chunk-CMJXLIEY.mjs';
|
|
51
51
|
import './chunks/chunk-KNNYJD4D.mjs';
|
|
52
|
-
export { ChartSvg_default as ChartSvg } from './chunks/chunk-
|
|
53
|
-
export { ChartCanvas_default as ChartCanvas } from './chunks/chunk-
|
|
54
|
-
import './chunks/chunk-
|
|
52
|
+
export { ChartSvg_default as ChartSvg } from './chunks/chunk-EWDMF46D.mjs';
|
|
53
|
+
export { ChartCanvas_default as ChartCanvas } from './chunks/chunk-PR6MTWPJ.mjs';
|
|
54
|
+
import './chunks/chunk-4EU72IBK.mjs';
|
|
55
55
|
import './chunks/chunk-TRGN3ZMM.mjs';
|
|
56
56
|
import './chunks/chunk-S4YR4YK7.mjs';
|
|
57
57
|
import './chunks/chunk-36DHPBYP.mjs';
|
package/dist/namespace.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { Chart_parts_exports as Chart } from './chunks/chunk-
|
|
1
|
+
export { Chart_parts_exports as Chart } from './chunks/chunk-JBWL3G7O.mjs';
|
|
2
2
|
import './chunks/chunk-L74BEYTD.mjs';
|
|
3
3
|
import './chunks/chunk-HVLFOABV.mjs';
|
|
4
4
|
import './chunks/chunk-SGLTVJUA.mjs';
|
|
@@ -49,9 +49,9 @@ import './chunks/chunk-ADAGGXFG.mjs';
|
|
|
49
49
|
import './chunks/chunk-3XOLEGDL.mjs';
|
|
50
50
|
import './chunks/chunk-CMJXLIEY.mjs';
|
|
51
51
|
import './chunks/chunk-KNNYJD4D.mjs';
|
|
52
|
-
import './chunks/chunk-
|
|
53
|
-
import './chunks/chunk-
|
|
54
|
-
import './chunks/chunk-
|
|
52
|
+
import './chunks/chunk-EWDMF46D.mjs';
|
|
53
|
+
import './chunks/chunk-PR6MTWPJ.mjs';
|
|
54
|
+
import './chunks/chunk-4EU72IBK.mjs';
|
|
55
55
|
import './chunks/chunk-TRGN3ZMM.mjs';
|
|
56
56
|
import './chunks/chunk-S4YR4YK7.mjs';
|
|
57
57
|
import './chunks/chunk-36DHPBYP.mjs';
|
package/dist/release-date.d.ts
CHANGED
|
@@ -8,4 +8,4 @@
|
|
|
8
8
|
* Kept as a literal for now. A build script should generate this file from the
|
|
9
9
|
* package's git tag / publish date going forward (mirrors the texteditor model).
|
|
10
10
|
*/
|
|
11
|
-
export declare const RELEASE_DATE = "2026-06-
|
|
11
|
+
export declare const RELEASE_DATE = "2026-06-28";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primeui/vue-chart",
|
|
3
|
-
"version": "1.0.0-
|
|
3
|
+
"version": "1.0.0-rc.1",
|
|
4
4
|
"author": "PrimeTek Informatics",
|
|
5
5
|
"description": "Vue Chart component for PrimeUI.",
|
|
6
6
|
"keywords": [
|
|
@@ -8,13 +8,8 @@
|
|
|
8
8
|
"primeui"
|
|
9
9
|
],
|
|
10
10
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
11
|
-
"repository": {
|
|
12
|
-
"type": "git",
|
|
13
|
-
"url": "git+https://github.com/primefaces/primeui.git",
|
|
14
|
-
"directory": "packages/components/chart/vue-chart"
|
|
15
|
-
},
|
|
16
11
|
"bugs": {
|
|
17
|
-
"url": "https://
|
|
12
|
+
"url": "https://support.primeui.dev"
|
|
18
13
|
},
|
|
19
14
|
"main": "./dist/index.mjs",
|
|
20
15
|
"exports": {
|
|
@@ -36,12 +31,12 @@
|
|
|
36
31
|
"files": [
|
|
37
32
|
"dist",
|
|
38
33
|
"README.md",
|
|
39
|
-
"LICENSE"
|
|
34
|
+
"LICENSE.md"
|
|
40
35
|
],
|
|
41
36
|
"dependencies": {
|
|
42
|
-
"@primeui/license-manager": "^1.0.0-
|
|
43
|
-
"@primeui/chart-
|
|
44
|
-
"@primeui/chart-
|
|
37
|
+
"@primeui/license-manager": "^1.0.0-rc.1",
|
|
38
|
+
"@primeui/chart-core": "1.0.0-rc.1",
|
|
39
|
+
"@primeui/chart-types": "1.0.0-rc.1"
|
|
45
40
|
},
|
|
46
41
|
"peerDependencies": {
|
|
47
42
|
"vue": "^3.5"
|
package/LICENSE
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
# License
|
|
2
|
-
|
|
3
|
-
MIT License
|
|
4
|
-
|
|
5
|
-
Copyright (c) 2026 PrimeTek
|
|
6
|
-
|
|
7
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
8
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
9
|
-
in the Software without restriction, including without limitation the rights
|
|
10
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
11
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
12
|
-
furnished to do so, subject to the following conditions:
|
|
13
|
-
|
|
14
|
-
The above copyright notice and this permission notice shall be included in all
|
|
15
|
-
copies or substantial portions of the Software.
|
|
16
|
-
|
|
17
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
18
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
19
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
20
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
21
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
22
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
23
|
-
SOFTWARE.
|