vue-chrts 0.0.82 → 0.0.83
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/Area/AreaChart.vue.d.ts +1 -1
- package/dist/index.cjs +30 -30
- package/dist/index.d.ts +5 -5
- package/dist/index.js +27 -30
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { default as Progress } from './Progress/Progress.vue';
|
|
2
2
|
import { default as Status } from './Status/Status.vue';
|
|
3
3
|
import { default as Tooltip } from './Tooltip/Tooltip.vue';
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
4
|
+
export { AreaChart } from './Area/index';
|
|
5
|
+
export { AreaStackedChart } from './AreaStacked/index';
|
|
6
|
+
export { BarChart } from './Bar/index';
|
|
7
|
+
export { DonutChart } from './Donut/index';
|
|
8
|
+
export { LineChart } from './Line/index';
|
|
9
9
|
export { Progress, Status, Tooltip };
|
package/dist/index.js
CHANGED
|
@@ -8380,7 +8380,7 @@ function d_(t, e) {
|
|
|
8380
8380
|
const Uc = Array.from({ length: 4 }, (t, e) => {
|
|
8381
8381
|
const n = -Math.PI / 2 + e * Math.PI / 2;
|
|
8382
8382
|
return [n, n + Math.PI];
|
|
8383
|
-
}), [K_, ty, ey
|
|
8383
|
+
}), [J_, K_, ty, ey] = Uc, Vc = N`
|
|
8384
8384
|
label: donut-component;
|
|
8385
8385
|
`, g_ = ce`
|
|
8386
8386
|
:root {
|
|
@@ -8996,7 +8996,7 @@ const b_ = /* @__PURE__ */ nt({
|
|
|
8996
8996
|
const C_ = {
|
|
8997
8997
|
key: 0,
|
|
8998
8998
|
class: "flex items center justify-end"
|
|
8999
|
-
},
|
|
8999
|
+
}, ny = /* @__PURE__ */ nt({
|
|
9000
9000
|
__name: "AreaChart",
|
|
9001
9001
|
props: {
|
|
9002
9002
|
data: {},
|
|
@@ -9107,7 +9107,7 @@ const C_ = {
|
|
|
9107
9107
|
]))
|
|
9108
9108
|
], 2));
|
|
9109
9109
|
}
|
|
9110
|
-
}), A_ = { class: "flex flex-col space-y-4" }, M_ = { class: "flex items center justify-end" },
|
|
9110
|
+
}), A_ = { class: "flex flex-col space-y-4" }, M_ = { class: "flex items center justify-end" }, iy = /* @__PURE__ */ nt({
|
|
9111
9111
|
__name: "AreaStackedChart",
|
|
9112
9112
|
props: {
|
|
9113
9113
|
data: {},
|
|
@@ -9153,7 +9153,7 @@ const C_ = {
|
|
|
9153
9153
|
}), $_ = { class: "space-y-2" }, E_ = {
|
|
9154
9154
|
key: 0,
|
|
9155
9155
|
class: "flex items center justify-end"
|
|
9156
|
-
},
|
|
9156
|
+
}, ry = /* @__PURE__ */ nt({
|
|
9157
9157
|
__name: "BarChart",
|
|
9158
9158
|
props: {
|
|
9159
9159
|
data: {},
|
|
@@ -9228,7 +9228,7 @@ const C_ = {
|
|
|
9228
9228
|
}), D_ = { class: "flex items-center justify-center" }, O_ = {
|
|
9229
9229
|
key: 0,
|
|
9230
9230
|
class: "flex items-center justify-center mt-4"
|
|
9231
|
-
},
|
|
9231
|
+
}, oy = /* @__PURE__ */ nt({
|
|
9232
9232
|
__name: "DonutChart",
|
|
9233
9233
|
props: {
|
|
9234
9234
|
type: {},
|
|
@@ -9307,7 +9307,7 @@ const C_ = {
|
|
|
9307
9307
|
}), 128))
|
|
9308
9308
|
]));
|
|
9309
9309
|
}
|
|
9310
|
-
}), z_ = { class: "flex items center justify-end" },
|
|
9310
|
+
}), z_ = { class: "flex items center justify-end" }, sy = /* @__PURE__ */ nt({
|
|
9311
9311
|
__name: "LineChart",
|
|
9312
9312
|
props: {
|
|
9313
9313
|
data: {},
|
|
@@ -9383,9 +9383,7 @@ const C_ = {
|
|
|
9383
9383
|
])
|
|
9384
9384
|
], 2));
|
|
9385
9385
|
}
|
|
9386
|
-
})
|
|
9387
|
-
var B_ = /* @__PURE__ */ ((t) => (t.Top = "top", t.Bottom = "bottom", t))(B_ || {});
|
|
9388
|
-
const I_ = { class: "space-y-2" }, H_ = { class: "space-y-2" }, W_ = { class: "text-gray-500 mb-1" }, U_ = { class: "text-xl dark:text-white font-bold" }, V_ = { class: "flex items-center justify-between text-sm font-medium dark:text-gray-500 mt-2" }, Y_ = { class: "dark:bg-white/5 bg-gray-100 rounded-full h-3" }, ly = /* @__PURE__ */ nt({
|
|
9386
|
+
}), B_ = { class: "space-y-2" }, I_ = { class: "space-y-2" }, H_ = { class: "text-gray-500 mb-1" }, W_ = { class: "text-xl dark:text-white font-bold" }, U_ = { class: "flex items-center justify-between text-sm font-medium dark:text-gray-500 mt-2" }, V_ = { class: "dark:bg-white/5 bg-gray-100 rounded-full h-3" }, ay = /* @__PURE__ */ nt({
|
|
9389
9387
|
__name: "Progress",
|
|
9390
9388
|
props: {
|
|
9391
9389
|
label: {},
|
|
@@ -9397,16 +9395,16 @@ const I_ = { class: "space-y-2" }, H_ = { class: "space-y-2" }, W_ = { class: "t
|
|
|
9397
9395
|
},
|
|
9398
9396
|
setup(t) {
|
|
9399
9397
|
const e = t, n = $t(() => (e.progress / e.total * 100).toFixed(1)), i = $t(() => `${e.progress / e.total * 100}%`);
|
|
9400
|
-
return (r, o) => (B(), V("div",
|
|
9401
|
-
Z("div",
|
|
9402
|
-
Z("p",
|
|
9403
|
-
Z("h2",
|
|
9398
|
+
return (r, o) => (B(), V("div", B_, [
|
|
9399
|
+
Z("div", I_, [
|
|
9400
|
+
Z("p", H_, Ut(r.label), 1),
|
|
9401
|
+
Z("h2", W_, Ut(r.value), 1)
|
|
9404
9402
|
]),
|
|
9405
|
-
Z("div",
|
|
9403
|
+
Z("div", U_, [
|
|
9406
9404
|
Z("div", null, Ut(n.value) + "%", 1),
|
|
9407
9405
|
Z("div", null, Ut(r.progress) + " of " + Ut(r.total) + Ut(r.unit), 1)
|
|
9408
9406
|
]),
|
|
9409
|
-
Z("div",
|
|
9407
|
+
Z("div", V_, [
|
|
9410
9408
|
Z("div", {
|
|
9411
9409
|
class: "rounded-full h-full",
|
|
9412
9410
|
style: Na({ width: i.value, backgroundColor: r.color })
|
|
@@ -9414,7 +9412,7 @@ const I_ = { class: "space-y-2" }, H_ = { class: "space-y-2" }, W_ = { class: "t
|
|
|
9414
9412
|
])
|
|
9415
9413
|
]));
|
|
9416
9414
|
}
|
|
9417
|
-
}),
|
|
9415
|
+
}), Y_ = { class: "ring ring-border divide-y divide-border rounded-xl shadow-sm" }, X_ = { class: "flex items-center justify-between p-4" }, G_ = { class: "flex items-center gap-2" }, q_ = { class: "font-medium" }, j_ = { class: "text-sm dark:text-gray-400" }, Z_ = { class: "p-4" }, ly = /* @__PURE__ */ nt({
|
|
9418
9416
|
__name: "Status",
|
|
9419
9417
|
setup(t) {
|
|
9420
9418
|
const e = dt("example.com"), n = dt("99.9% uptime"), i = dt([
|
|
@@ -9469,9 +9467,9 @@ const I_ = { class: "space-y-2" }, H_ = { class: "space-y-2" }, W_ = { class: "t
|
|
|
9469
9467
|
{ hour: 0, status: "online" },
|
|
9470
9468
|
{ hour: 1, status: "online" }
|
|
9471
9469
|
]);
|
|
9472
|
-
return (r, o) => (B(), V("div",
|
|
9473
|
-
Z("div",
|
|
9474
|
-
Z("div",
|
|
9470
|
+
return (r, o) => (B(), V("div", Y_, [
|
|
9471
|
+
Z("div", X_, [
|
|
9472
|
+
Z("div", G_, [
|
|
9475
9473
|
o[0] || (o[0] = Z("svg", {
|
|
9476
9474
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9477
9475
|
fill: "none",
|
|
@@ -9486,11 +9484,11 @@ const I_ = { class: "space-y-2" }, H_ = { class: "space-y-2" }, W_ = { class: "t
|
|
|
9486
9484
|
d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
|
|
9487
9485
|
})
|
|
9488
9486
|
], -1)),
|
|
9489
|
-
Z("span",
|
|
9487
|
+
Z("span", q_, Ut(e.value), 1)
|
|
9490
9488
|
]),
|
|
9491
|
-
Z("span",
|
|
9489
|
+
Z("span", j_, Ut(n.value), 1)
|
|
9492
9490
|
]),
|
|
9493
|
-
Z("div",
|
|
9491
|
+
Z("div", Z_, [
|
|
9494
9492
|
(B(!0), V(Ne, null, Pi(i.value, (s, a) => (B(), V("div", {
|
|
9495
9493
|
key: a,
|
|
9496
9494
|
class: Fi(["w-2.5 h-8 first:rounded-tl first:rounded-bl last:rounded-tr last:rounded-br ml-[3px] inline-block", s.status === "online" ? "bg-primary" : "bg-white"])
|
|
@@ -9500,13 +9498,12 @@ const I_ = { class: "space-y-2" }, H_ = { class: "space-y-2" }, W_ = { class: "t
|
|
|
9500
9498
|
}
|
|
9501
9499
|
});
|
|
9502
9500
|
export {
|
|
9503
|
-
|
|
9504
|
-
|
|
9505
|
-
|
|
9506
|
-
|
|
9507
|
-
|
|
9508
|
-
|
|
9509
|
-
ly as
|
|
9510
|
-
cy as Status,
|
|
9501
|
+
ny as AreaChart,
|
|
9502
|
+
iy as AreaStackedChart,
|
|
9503
|
+
ry as BarChart,
|
|
9504
|
+
oy as DonutChart,
|
|
9505
|
+
sy as LineChart,
|
|
9506
|
+
ay as Progress,
|
|
9507
|
+
ly as Status,
|
|
9511
9508
|
Ko as Tooltip
|
|
9512
9509
|
};
|