@orchidui/dashboard 1.8.1-96 → 1.8.1-97
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/Dashboard/Card/OcCard.js +1 -1
- package/dist/Dashboard/TextEditor/QuillEditor.js +1 -1
- package/dist/{OcCard-B3SCzVwn.js → OcCard-D3be6IMj.js} +58 -54
- package/dist/OcCodeBlock-uFQyGnLq.js +37 -0
- package/dist/{OcLottieAnimation-DeMoIDaX.js → OcLottieAnimation-BB7AK2AO.js} +62 -62
- package/dist/{QuillEditor-hFQ0MJZO.js → QuillEditor-DRwC0sgJ.js} +579 -556
- package/dist/index.js +4 -4
- package/package.json +3 -265
- package/dist/AccordionTrigger.vue_vue_type_script_setup_true_lang-BdmLII9i.js +0 -295
- package/dist/CalendarPrevButton.vue_vue_type_script_setup_true_lang-DpJRpFhK.js +0 -891
- package/dist/CardTitle.vue_vue_type_script_setup_true_lang-D2_Bj3jw.js +0 -68
- package/dist/Checkbox.vue_vue_type_script_setup_true_lang-C51LjITJ.js +0 -172
- package/dist/CollapsibleTrigger-fCarY5DJ.js +0 -154
- package/dist/Collection-COudIl-A.js +0 -55
- package/dist/ConfigProvider-7mV0D7Sp.js +0 -6
- package/dist/DialogContent.vue_vue_type_script_setup_true_lang-CdrrrG29.js +0 -68
- package/dist/DialogOverlay-Cj3UTjZ8.js +0 -309
- package/dist/DialogPortal-zAvO8zt4.js +0 -23
- package/dist/DialogTrigger-BIF1A4hk.js +0 -72
- package/dist/DismissableLayer-C7IJliOb.js +0 -151
- package/dist/FocusScope--pJ6bboI.js +0 -121
- package/dist/FormMessage.vue_vue_type_script_setup_true_lang-DwlnFEn2.js +0 -92
- package/dist/Input.vue_vue_type_script_setup_true_lang-BrjsUUvL.js +0 -27
- package/dist/Label.vue_vue_type_script_setup_true_lang-D_LMIKBv.js +0 -51
- package/dist/ListboxItem-CjMk-mEX.js +0 -417
- package/dist/MenuSubTrigger-CUrxnPwO.js +0 -845
- package/dist/OcCodeBlock-CBdVqav7.js +0 -37
- package/dist/PopoverTrigger.vue_vue_type_script_setup_true_lang-DtI_qIyx.js +0 -394
- package/dist/PopperContent-BT3Svcc3.js +0 -1465
- package/dist/Presence-CxfTrw6l.js +0 -133
- package/dist/Primitive-B3twiLO1.js +0 -44
- package/dist/RadioGroupItem.vue_vue_type_script_setup_true_lang-BNfRYIhL.js +0 -297
- package/dist/RovingFocusGroup-0OHdFQl0.js +0 -92
- package/dist/RovingFocusItem-s7Ug6oxb.js +0 -82
- package/dist/SelectValue.vue_vue_type_script_setup_true_lang-CVsYrN1R.js +0 -1255
- package/dist/Separator-DRam5i7g.js +0 -54
- package/dist/Separator.vue_vue_type_script_setup_true_lang-DGPbh6Dt.js +0 -27
- package/dist/Skeleton.vue_vue_type_script_setup_true_lang-k1A7l6Y-.js +0 -17
- package/dist/Switch.vue_vue_type_script_setup_true_lang-94ZKgnTz.js +0 -135
- package/dist/Teleport-DnUewq5H.js +0 -25
- package/dist/Textarea.vue_vue_type_script_setup_true_lang-DKazues9.js +0 -27
- package/dist/TooltipTrigger.vue_vue_type_script_setup_true_lang-CZ3AuN38.js +0 -426
- package/dist/VisuallyHidden-DMAU4heD.js +0 -41
- package/dist/VisuallyHiddenInput-DvJnsVHt.js +0 -59
- package/dist/_commonjsHelpers-B4e78b8K.js +0 -28
- package/dist/_plugin-vue_export-helper-CHgC5LLL.js +0 -9
- package/dist/array-CqVTtuYm.js +0 -6
- package/dist/arrays-4jDZqbdb.js +0 -20
- package/dist/check-C2tzJ0Gk.js +0 -11
- package/dist/chevron-down-CnpAlizg.js +0 -13
- package/dist/chevron-left-BOwFasou.js +0 -13
- package/dist/chevron-right-D308801z.js +0 -13
- package/dist/circle-A-6NpYiX.js +0 -13
- package/dist/clamp-BL1Rb24G.js +0 -22
- package/dist/constant-CuDQlTIy.js +0 -3433
- package/dist/createContext-CZEfaSVa.js +0 -17
- package/dist/createLucideIcon-eXqDwUWj.js +0 -71
- package/dist/ellipsis-CEG9G7eN.js +0 -15
- package/dist/getActiveElement-B-HWdUIb.js +0 -11
- package/dist/handleAndDispatchCustomEvent-Byh08EHr.js +0 -11
- package/dist/index-B3LW8uSH.js +0 -133
- package/dist/index-BIlpXuWX.js +0 -3430
- package/dist/index-BlGEiPHj.js +0 -1246
- package/dist/index-BwPb_idr.js +0 -574
- package/dist/index-C9julNQm.js +0 -173
- package/dist/index-C_aI-Wfj.js +0 -34
- package/dist/index-CumjCvqB.js +0 -5703
- package/dist/index-LqWMCtOd.js +0 -809
- package/dist/index-OpE2oGce.js +0 -110
- package/dist/isValueEqualOrExist-BDSMUv8t.js +0 -8
- package/dist/lib/utils.js +0 -5
- package/dist/nullish-CjWwlQS3.js +0 -6
- package/dist/ohash.D__AXeF1-DX2n0b2C.js +0 -106
- package/dist/plus-CgluTYQY.js +0 -14
- package/dist/text-zwICaAnx.js +0 -743
- package/dist/ui/accordion/index.js +0 -7
- package/dist/ui/alert/index.js +0 -64
- package/dist/ui/alert-dialog/index.js +0 -356
- package/dist/ui/aspect-ratio/index.js +0 -50
- package/dist/ui/auto-form/constant.js +0 -5
- package/dist/ui/auto-form/dependencies.js +0 -61
- package/dist/ui/auto-form/index.js +0 -227
- package/dist/ui/auto-form/interface.js +0 -4
- package/dist/ui/auto-form/utils.js +0 -89
- package/dist/ui/avatar/index.js +0 -189
- package/dist/ui/badge/index.js +0 -37
- package/dist/ui/breadcrumb/index.js +0 -126
- package/dist/ui/button/index.js +0 -55
- package/dist/ui/calendar/index.js +0 -15
- package/dist/ui/card/index.js +0 -38
- package/dist/ui/carousel/index.js +0 -174
- package/dist/ui/carousel/interface.js +0 -1
- package/dist/ui/carousel/useCarousel.js +0 -1288
- package/dist/ui/chart/index.js +0 -8
- package/dist/ui/chart/interface.js +0 -1
- package/dist/ui/chart-area/index.js +0 -331
- package/dist/ui/chart-bar/index.js +0 -490
- package/dist/ui/chart-donut/index.js +0 -509
- package/dist/ui/chart-line/index.js +0 -110
- package/dist/ui/checkbox/index.js +0 -4
- package/dist/ui/collapsible/index.js +0 -60
- package/dist/ui/combobox/index.js +0 -877
- package/dist/ui/command/index.js +0 -323
- package/dist/ui/context-menu/index.js +0 -734
- package/dist/ui/dialog/index.js +0 -169
- package/dist/ui/drawer/index.js +0 -971
- package/dist/ui/dropdown-menu/index.js +0 -723
- package/dist/ui/form/index.js +0 -13
- package/dist/ui/form/injectionKeys.js +0 -4
- package/dist/ui/form/useFormField.js +0 -25
- package/dist/ui/hover-card/index.js +0 -331
- package/dist/ui/input/index.js +0 -4
- package/dist/ui/label/index.js +0 -4
- package/dist/ui/menubar/index.js +0 -862
- package/dist/ui/navigation-menu/index.js +0 -873
- package/dist/ui/number-field/index.js +0 -682
- package/dist/ui/pagination/index.js +0 -444
- package/dist/ui/pin-input/index.js +0 -308
- package/dist/ui/popover/index.js +0 -6
- package/dist/ui/progress/index.js +0 -137
- package/dist/ui/radio-group/index.js +0 -5
- package/dist/ui/range-calendar/index.js +0 -986
- package/dist/ui/resizable/index.js +0 -1432
- package/dist/ui/scroll-area/index.js +0 -775
- package/dist/ui/select/index.js +0 -135
- package/dist/ui/separator/index.js +0 -4
- package/dist/ui/sheet/index.js +0 -188
- package/dist/ui/sidebar/index.js +0 -652
- package/dist/ui/sidebar/utils.js +0 -12
- package/dist/ui/skeleton/index.js +0 -4
- package/dist/ui/slider/index.js +0 -478
- package/dist/ui/sonner/index.js +0 -892
- package/dist/ui/stepper/index.js +0 -442
- package/dist/ui/switch/index.js +0 -4
- package/dist/ui/table/index.js +0 -153
- package/dist/ui/tabs/index.js +0 -280
- package/dist/ui/tags-input/index.js +0 -449
- package/dist/ui/textarea/index.js +0 -4
- package/dist/ui/toast/index.js +0 -738
- package/dist/ui/toast/use-toast.js +0 -85
- package/dist/ui/toggle/index.js +0 -6
- package/dist/ui/toggle-group/index.js +0 -112
- package/dist/ui/tooltip/index.js +0 -29
- package/dist/useArrowNavigation-BRMPveaB.js +0 -49
- package/dist/useBodyScrollLock-CazCRZjZ.js +0 -153
- package/dist/useDirection-C3C_TLKm.js +0 -14
- package/dist/useFocusGuards-CyjC9cG9.js +0 -26
- package/dist/useFormControl-CFVC51Lp.js +0 -11
- package/dist/useForwardExpose-DZT6mL_U.js +0 -37
- package/dist/useForwardPropsEmits-0XKBv1pB.js +0 -33
- package/dist/useGraceArea-D7-GP1ii.js +0 -137
- package/dist/useId-reAg216X.js +0 -13
- package/dist/useKbd-BJNupnml.js +0 -41
- package/dist/useLocale-BfU0LC8Z.js +0 -14
- package/dist/useNonce-C1ZOgOp5.js +0 -14
- package/dist/usePrimitiveElement-BjwUvHih.js +0 -15
- package/dist/useSingleOrMultipleValue-BkTAaaJB.js +0 -43
- package/dist/useSize-BnyQ8FZF.js +0 -37
- package/dist/useTypeahead-oSidjyFF.js +0 -40
- package/dist/utils-DKNaYMZh.js +0 -57
- package/dist/utils-Dx9la83v.js +0 -35
- package/dist/utils-DxQ_ywGa.js +0 -55
- package/dist/utils-SFgRDk1R.js +0 -2748
- package/dist/utils-W-UiqiPE.js +0 -1869
- package/dist/vee-validate-Cf8JDJ_k.js +0 -2232
- package/dist/x-Cl6YllUK.js +0 -14
|
@@ -1,509 +0,0 @@
|
|
|
1
|
-
import { defineComponent as ft, toRefs as Ft, reactive as Nt, ref as gt, createElementBlock as ht, watchEffect as Wt, watch as ct, onUnmounted as _t, provide as it, openBlock as pt, renderSlot as wt, toRaw as lt, inject as Mt, computed as Q, onMounted as $t, nextTick as Bt, normalizeClass as Gt, unref as G, createVNode as st, normalizeStyle as Ht, withCtx as Pt } from "vue";
|
|
2
|
-
import { Q as rt, s as ot, w as It, R as bt, T as D, U as at, V as Y, W as $, Y as ut, Z as yt, c as C, $ as At, a0 as Z, a1 as S, a2 as xt, a3 as jt, a4 as Ut, a5 as Yt, k as Lt, a6 as Vt, b as J, i as Xt, a7 as qt, a8 as Kt, h as Rt, f as Qt, y as Zt, q as St, p as Ct, M as Jt, N as te, r as ee, d as ne, a9 as ae } from "../../index-CumjCvqB.js";
|
|
3
|
-
import { u as oe } from "../../index-B3LW8uSH.js";
|
|
4
|
-
import { c as ie } from "../../utils-SFgRDk1R.js";
|
|
5
|
-
import { C as le, a as se, w as re } from "../../text-zwICaAnx.js";
|
|
6
|
-
import { a as ue } from "../../array-CqVTtuYm.js";
|
|
7
|
-
const ce = Object.assign(Object.assign({}, le), { tooltip: void 0, annotations: void 0 });
|
|
8
|
-
class de extends se {
|
|
9
|
-
constructor(t, n, o) {
|
|
10
|
-
var r;
|
|
11
|
-
super(t), this._defaultConfig = ce, this.config = this._defaultConfig, n && (this.updateContainer(n, !0), this.component = n.component), o && this.setData(o, !0), !((r = this.component) === null || r === void 0) && r.datamodel.data && this.render();
|
|
12
|
-
}
|
|
13
|
-
setData(t, n) {
|
|
14
|
-
var o;
|
|
15
|
-
const { config: r } = this;
|
|
16
|
-
this.component && this.component.setData(t), n || this.render(), (o = r.tooltip) === null || o === void 0 || o.hide();
|
|
17
|
-
}
|
|
18
|
-
updateContainer(t, n) {
|
|
19
|
-
super.updateContainer(t), this._removeAllChildren(), this.component = t.component, t.sizing && (this.component.sizing = t.sizing), this.element.appendChild(this.component.element);
|
|
20
|
-
const o = t.tooltip;
|
|
21
|
-
o && (o.hasContainer() || o.setContainer(this._container), o.setComponents([this.component]));
|
|
22
|
-
const r = t.annotations;
|
|
23
|
-
r && this.element.appendChild(r.element), this.element.appendChild(this._svgDefs.node()), this.element.appendChild(this._svgDefsExternal.node()), n || this.render();
|
|
24
|
-
}
|
|
25
|
-
updateComponent(t, n) {
|
|
26
|
-
this.component.setConfig(t), n || this.render();
|
|
27
|
-
}
|
|
28
|
-
update(t, n, o) {
|
|
29
|
-
t && this.updateContainer(t, !0), n && this.updateComponent(n, !0), o && this.setData(o, !0), this.render();
|
|
30
|
-
}
|
|
31
|
-
getFitWidthScale() {
|
|
32
|
-
const { config: t, component: n } = this, o = n;
|
|
33
|
-
if (!o.getWidth)
|
|
34
|
-
return 1;
|
|
35
|
-
const r = o.getWidth() + t.margin.left + t.margin.right;
|
|
36
|
-
return this.width / r;
|
|
37
|
-
}
|
|
38
|
-
_preRender() {
|
|
39
|
-
var t;
|
|
40
|
-
super._preRender(), this.component.setSize(this.width, this.height, this.containerWidth, this.containerHeight), (t = this.config.annotations) === null || t === void 0 || t.setSize(this.width, this.height, this.containerWidth, this.containerHeight);
|
|
41
|
-
}
|
|
42
|
-
_render(t) {
|
|
43
|
-
var n;
|
|
44
|
-
const { config: o, component: r } = this;
|
|
45
|
-
super._render(t), r.g.attr("transform", `translate(${o.margin.left},${o.margin.top})`), r.render(t), (n = o.annotations) === null || n === void 0 || n.render(t), o.tooltip && o.tooltip.update();
|
|
46
|
-
}
|
|
47
|
-
// Re-defining the `render()` function to handle different sizing techniques (`Sizing.Extend` and `Sizing.FitWidth`)
|
|
48
|
-
// Not calling `super.render()` because we don't want it to interfere with setting the SVG size here.
|
|
49
|
-
render(t = this.config.duration) {
|
|
50
|
-
const { config: n, component: o } = this;
|
|
51
|
-
if (n.sizing === rt.Extend || n.sizing === rt.FitWidth) {
|
|
52
|
-
const r = n.sizing === rt.FitWidth, f = o, i = f.getWidth() + n.margin.left + n.margin.right, e = f.getHeight() + n.margin.top + n.margin.bottom, h = r ? this.getFitWidthScale() : 1, l = this.svg.attr("width"), a = this.svg.attr("height"), v = i * h, s = e * h, p = l || a;
|
|
53
|
-
ot(this.svg, p ? t : 0).attr("width", v).attr("height", s).attr("viewBox", `0 0 ${i} ${r ? s : e}`).attr("preserveAspectRatio", "xMinYMin");
|
|
54
|
-
} else
|
|
55
|
-
this.svg.attr("width", this.config.width || this.containerWidth).attr("height", this.config.height || this.containerHeight);
|
|
56
|
-
this._resizeObserver || this._setUpResizeObserver(), cancelAnimationFrame(this._renderAnimationFrameId), this._renderAnimationFrameId = requestAnimationFrame(() => {
|
|
57
|
-
this._preRender(), this._render(t);
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
_onResize() {
|
|
61
|
-
var t;
|
|
62
|
-
const { config: n } = this;
|
|
63
|
-
super._onResize(), (t = n.tooltip) === null || t === void 0 || t.hide();
|
|
64
|
-
}
|
|
65
|
-
destroy() {
|
|
66
|
-
var t, n;
|
|
67
|
-
const { component: o, config: r } = this;
|
|
68
|
-
super.destroy(), o == null || o.destroy(), (t = r.tooltip) === null || t === void 0 || t.destroy(), (n = r.annotations) === null || n === void 0 || n.destroy();
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
function fe(u) {
|
|
72
|
-
return u.innerRadius;
|
|
73
|
-
}
|
|
74
|
-
function ge(u) {
|
|
75
|
-
return u.outerRadius;
|
|
76
|
-
}
|
|
77
|
-
function he(u) {
|
|
78
|
-
return u.startAngle;
|
|
79
|
-
}
|
|
80
|
-
function pe(u) {
|
|
81
|
-
return u.endAngle;
|
|
82
|
-
}
|
|
83
|
-
function me(u) {
|
|
84
|
-
return u && u.padAngle;
|
|
85
|
-
}
|
|
86
|
-
function ve(u, t, n, o, r, f, i, e) {
|
|
87
|
-
var h = n - u, l = o - t, a = i - r, v = e - f, s = v * h - a * l;
|
|
88
|
-
if (!(s * s < D))
|
|
89
|
-
return s = (a * (t - f) - v * (u - r)) / s, [u + s * h, t + s * l];
|
|
90
|
-
}
|
|
91
|
-
function nt(u, t, n, o, r, f, i) {
|
|
92
|
-
var e = u - n, h = t - o, l = (i ? f : -f) / Z(e * e + h * h), a = l * h, v = -l * e, s = u + a, p = t + v, y = n + a, A = o + v, c = (s + y) / 2, b = (p + A) / 2, x = y - s, _ = A - p, R = x * x + _ * _, w = r - f, L = s * A - y * p, O = (_ < 0 ? -1 : 1) * Z(Ut(0, w * w * R - L * L)), z = (L * _ - x * O) / R, W = (-L * x - _ * O) / R, F = (L * _ + x * O) / R, k = (-L * x + _ * O) / R, T = z - c, d = W - b, m = F - c, M = k - b;
|
|
93
|
-
return T * T + d * d > m * m + M * M && (z = F, W = k), {
|
|
94
|
-
cx: z,
|
|
95
|
-
cy: W,
|
|
96
|
-
x01: -a,
|
|
97
|
-
y01: -v,
|
|
98
|
-
x11: z * (r / w - 1),
|
|
99
|
-
y11: W * (r / w - 1)
|
|
100
|
-
};
|
|
101
|
-
}
|
|
102
|
-
function be() {
|
|
103
|
-
var u = fe, t = ge, n = C(0), o = null, r = he, f = pe, i = me, e = null, h = It(l);
|
|
104
|
-
function l() {
|
|
105
|
-
var a, v, s = +u.apply(this, arguments), p = +t.apply(this, arguments), y = r.apply(this, arguments) - bt, A = f.apply(this, arguments) - bt, c = yt(A - y), b = A > y;
|
|
106
|
-
if (e || (e = a = h()), p < s && (v = p, p = s, s = v), !(p > D)) e.moveTo(0, 0);
|
|
107
|
-
else if (c > at - D)
|
|
108
|
-
e.moveTo(p * Y(y), p * $(y)), e.arc(0, 0, p, y, A, !b), s > D && (e.moveTo(s * Y(A), s * $(A)), e.arc(0, 0, s, A, y, b));
|
|
109
|
-
else {
|
|
110
|
-
var x = y, _ = A, R = y, w = A, L = c, O = c, z = i.apply(this, arguments) / 2, W = z > D && (o ? +o.apply(this, arguments) : Z(s * s + p * p)), F = ut(yt(p - s) / 2, +n.apply(this, arguments)), k = F, T = F, d, m;
|
|
111
|
-
if (W > D) {
|
|
112
|
-
var M = xt(W / s * $(z)), P = xt(W / p * $(z));
|
|
113
|
-
(L -= M * 2) > D ? (M *= b ? 1 : -1, R += M, w -= M) : (L = 0, R = w = (y + A) / 2), (O -= P * 2) > D ? (P *= b ? 1 : -1, x += P, _ -= P) : (O = 0, x = _ = (y + A) / 2);
|
|
114
|
-
}
|
|
115
|
-
var B = p * Y(x), I = p * $(x), V = s * Y(w), H = s * $(w);
|
|
116
|
-
if (F > D) {
|
|
117
|
-
var X = p * Y(_), j = p * $(_), q = s * Y(R), tt = s * $(R), N;
|
|
118
|
-
if (c < At)
|
|
119
|
-
if (N = ve(B, I, q, tt, X, j, V, H)) {
|
|
120
|
-
var K = B - N[0], g = I - N[1], E = X - N[0], U = j - N[1], mt = 1 / $(jt((K * E + g * U) / (Z(K * K + g * g) * Z(E * E + U * U))) / 2), vt = Z(N[0] * N[0] + N[1] * N[1]);
|
|
121
|
-
k = ut(F, (s - vt) / (mt - 1)), T = ut(F, (p - vt) / (mt + 1));
|
|
122
|
-
} else
|
|
123
|
-
k = T = 0;
|
|
124
|
-
}
|
|
125
|
-
O > D ? T > D ? (d = nt(q, tt, B, I, p, T, b), m = nt(X, j, V, H, p, T, b), e.moveTo(d.cx + d.x01, d.cy + d.y01), T < F ? e.arc(d.cx, d.cy, T, S(d.y01, d.x01), S(m.y01, m.x01), !b) : (e.arc(d.cx, d.cy, T, S(d.y01, d.x01), S(d.y11, d.x11), !b), e.arc(0, 0, p, S(d.cy + d.y11, d.cx + d.x11), S(m.cy + m.y11, m.cx + m.x11), !b), e.arc(m.cx, m.cy, T, S(m.y11, m.x11), S(m.y01, m.x01), !b))) : (e.moveTo(B, I), e.arc(0, 0, p, x, _, !b)) : e.moveTo(B, I), !(s > D) || !(L > D) ? e.lineTo(V, H) : k > D ? (d = nt(V, H, X, j, s, -k, b), m = nt(B, I, q, tt, s, -k, b), e.lineTo(d.cx + d.x01, d.cy + d.y01), k < F ? e.arc(d.cx, d.cy, k, S(d.y01, d.x01), S(m.y01, m.x01), !b) : (e.arc(d.cx, d.cy, k, S(d.y01, d.x01), S(d.y11, d.x11), !b), e.arc(0, 0, s, S(d.cy + d.y11, d.cx + d.x11), S(m.cy + m.y11, m.cx + m.x11), b), e.arc(m.cx, m.cy, k, S(m.y11, m.x11), S(m.y01, m.x01), !b))) : e.arc(0, 0, s, w, R, b);
|
|
126
|
-
}
|
|
127
|
-
if (e.closePath(), a) return e = null, a + "" || null;
|
|
128
|
-
}
|
|
129
|
-
return l.centroid = function() {
|
|
130
|
-
var a = (+u.apply(this, arguments) + +t.apply(this, arguments)) / 2, v = (+r.apply(this, arguments) + +f.apply(this, arguments)) / 2 - At / 2;
|
|
131
|
-
return [Y(v) * a, $(v) * a];
|
|
132
|
-
}, l.innerRadius = function(a) {
|
|
133
|
-
return arguments.length ? (u = typeof a == "function" ? a : C(+a), l) : u;
|
|
134
|
-
}, l.outerRadius = function(a) {
|
|
135
|
-
return arguments.length ? (t = typeof a == "function" ? a : C(+a), l) : t;
|
|
136
|
-
}, l.cornerRadius = function(a) {
|
|
137
|
-
return arguments.length ? (n = typeof a == "function" ? a : C(+a), l) : n;
|
|
138
|
-
}, l.padRadius = function(a) {
|
|
139
|
-
return arguments.length ? (o = a == null ? null : typeof a == "function" ? a : C(+a), l) : o;
|
|
140
|
-
}, l.startAngle = function(a) {
|
|
141
|
-
return arguments.length ? (r = typeof a == "function" ? a : C(+a), l) : r;
|
|
142
|
-
}, l.endAngle = function(a) {
|
|
143
|
-
return arguments.length ? (f = typeof a == "function" ? a : C(+a), l) : f;
|
|
144
|
-
}, l.padAngle = function(a) {
|
|
145
|
-
return arguments.length ? (i = typeof a == "function" ? a : C(+a), l) : i;
|
|
146
|
-
}, l.context = function(a) {
|
|
147
|
-
return arguments.length ? (e = a ?? null, l) : e;
|
|
148
|
-
}, l;
|
|
149
|
-
}
|
|
150
|
-
function ye(u, t) {
|
|
151
|
-
return t < u ? -1 : t > u ? 1 : t >= u ? 0 : NaN;
|
|
152
|
-
}
|
|
153
|
-
function Ae(u) {
|
|
154
|
-
return u;
|
|
155
|
-
}
|
|
156
|
-
function xe() {
|
|
157
|
-
var u = Ae, t = ye, n = null, o = C(0), r = C(at), f = C(0);
|
|
158
|
-
function i(e) {
|
|
159
|
-
var h, l = (e = ue(e)).length, a, v, s = 0, p = new Array(l), y = new Array(l), A = +o.apply(this, arguments), c = Math.min(at, Math.max(-at, r.apply(this, arguments) - A)), b, x = Math.min(Math.abs(c) / l, f.apply(this, arguments)), _ = x * (c < 0 ? -1 : 1), R;
|
|
160
|
-
for (h = 0; h < l; ++h)
|
|
161
|
-
(R = y[p[h] = h] = +u(e[h], h, e)) > 0 && (s += R);
|
|
162
|
-
for (t != null ? p.sort(function(w, L) {
|
|
163
|
-
return t(y[w], y[L]);
|
|
164
|
-
}) : n != null && p.sort(function(w, L) {
|
|
165
|
-
return n(e[w], e[L]);
|
|
166
|
-
}), h = 0, v = s ? (c - l * _) / s : 0; h < l; ++h, A = b)
|
|
167
|
-
a = p[h], R = y[a], b = A + (R > 0 ? R * v : 0) + _, y[a] = {
|
|
168
|
-
data: e[a],
|
|
169
|
-
index: h,
|
|
170
|
-
value: R,
|
|
171
|
-
startAngle: A,
|
|
172
|
-
endAngle: b,
|
|
173
|
-
padAngle: x
|
|
174
|
-
};
|
|
175
|
-
return y;
|
|
176
|
-
}
|
|
177
|
-
return i.value = function(e) {
|
|
178
|
-
return arguments.length ? (u = typeof e == "function" ? e : C(+e), i) : u;
|
|
179
|
-
}, i.sortValues = function(e) {
|
|
180
|
-
return arguments.length ? (t = e, n = null, i) : t;
|
|
181
|
-
}, i.sort = function(e) {
|
|
182
|
-
return arguments.length ? (n = e, t = null, i) : n;
|
|
183
|
-
}, i.startAngle = function(e) {
|
|
184
|
-
return arguments.length ? (o = typeof e == "function" ? e : C(+e), i) : o;
|
|
185
|
-
}, i.endAngle = function(e) {
|
|
186
|
-
return arguments.length ? (r = typeof e == "function" ? e : C(+e), i) : r;
|
|
187
|
-
}, i.padAngle = function(e) {
|
|
188
|
-
return arguments.length ? (f = typeof e == "function" ? e : C(+e), i) : f;
|
|
189
|
-
}, i;
|
|
190
|
-
}
|
|
191
|
-
const Re = Object.assign(Object.assign({}, Yt), { id: (u, t) => {
|
|
192
|
-
var n;
|
|
193
|
-
return (n = u.id) !== null && n !== void 0 ? n : t;
|
|
194
|
-
}, value: void 0, angleRange: [0, 2 * Math.PI], padAngle: 0, sortFunction: void 0, cornerRadius: 0, color: void 0, radius: void 0, arcWidth: 20, centralLabel: void 0, centralSubLabel: void 0, centralSubLabelWrap: !0, showEmptySegments: !1, emptySegmentAngle: 0.5 * Math.PI / 180, showBackground: !0, backgroundAngleRange: void 0, centralLabelOffsetX: void 0, centralLabelOffsetY: void 0 });
|
|
195
|
-
function _e(u, t) {
|
|
196
|
-
u.style("fill", (n) => Lt(n.data, t.color, n.index)).style("opacity", 0).each((n, o, r) => {
|
|
197
|
-
const f = r[o], i = (n.startAngle + n.endAngle) / 2, e = (n.endAngle - n.startAngle) / 2;
|
|
198
|
-
f._animState = {
|
|
199
|
-
startAngle: i - e,
|
|
200
|
-
endAngle: i + e,
|
|
201
|
-
innerRadius: n.innerRadius,
|
|
202
|
-
outerRadius: n.outerRadius,
|
|
203
|
-
padAngle: n.padAngle
|
|
204
|
-
};
|
|
205
|
-
});
|
|
206
|
-
}
|
|
207
|
-
function we(u, t, n, o) {
|
|
208
|
-
u.style("transition", `fill ${o}ms`).style("fill", (f) => Lt(f.data, t.color, f.index));
|
|
209
|
-
const r = (f) => t.showEmptySegments || f.value ? 1 : 0;
|
|
210
|
-
o ? ot(u, o).style("opacity", r).attrTween("d", (i, e, h) => {
|
|
211
|
-
const l = h[e], a = {
|
|
212
|
-
startAngle: i.startAngle,
|
|
213
|
-
endAngle: i.endAngle,
|
|
214
|
-
innerRadius: i.innerRadius,
|
|
215
|
-
outerRadius: i.outerRadius,
|
|
216
|
-
padAngle: i.padAngle
|
|
217
|
-
}, v = Vt(l._animState, a);
|
|
218
|
-
return (s) => (l._animState = v(s), n(l._animState));
|
|
219
|
-
}) : u.attr("d", n).style("opacity", r);
|
|
220
|
-
}
|
|
221
|
-
function Le(u, t) {
|
|
222
|
-
ot(u, t).style("opacity", 0).remove();
|
|
223
|
-
}
|
|
224
|
-
const kt = Array.from({ length: 4 }, (u, t) => {
|
|
225
|
-
const n = -Math.PI / 2 + t * Math.PI / 2;
|
|
226
|
-
return [n, n + Math.PI];
|
|
227
|
-
}), [Me, $e, Be, Ge] = kt, Tt = J`
|
|
228
|
-
label: donut-component;
|
|
229
|
-
`, Se = Xt`
|
|
230
|
-
:root {
|
|
231
|
-
--vis-donut-central-label-font-size: 16px;
|
|
232
|
-
--vis-donut-central-label-text-color: #5b5f6d;
|
|
233
|
-
// Undefined by default to allow proper fallback to var(--vis-font-family)
|
|
234
|
-
/* --vis-donut-central-label-font-family: */
|
|
235
|
-
--vis-donut-central-label-font-weight: 600;
|
|
236
|
-
|
|
237
|
-
--vis-donut-central-sub-label-font-size: 12px;
|
|
238
|
-
--vis-donut-central-sub-label-text-color: #5b5f6d;
|
|
239
|
-
// Undefined by default to allow proper fallback to var(--vis-font-family)
|
|
240
|
-
/* --vis-donut-central-sub-label-font-family: */
|
|
241
|
-
--vis-donut-central-sub-label-font-weight: 500;
|
|
242
|
-
|
|
243
|
-
--vis-donut-background-color: #E7E9F3;
|
|
244
|
-
--vis-donut-segment-stroke-width: 0;
|
|
245
|
-
// The line segment color variable is not defined by default
|
|
246
|
-
// to allow it to fallback to the donut background color
|
|
247
|
-
/* --vis-donut-segment-stroke-color: none; */
|
|
248
|
-
|
|
249
|
-
--vis-dark-donut-central-label-text-color: #C2BECE;
|
|
250
|
-
--vis-dark-donut-central-sub-label-text-color: #C2BECE;
|
|
251
|
-
--vis-dark-donut-background-color: #18160C;
|
|
252
|
-
}
|
|
253
|
-
|
|
254
|
-
body.theme-dark ${`.${Tt}`} {
|
|
255
|
-
--vis-donut-central-label-text-color: var(--vis-dark-donut-central-label-text-color);
|
|
256
|
-
--vis-donut-central-sub-label-text-color: var(--vis-dark-donut-central-sub-label-text-color);
|
|
257
|
-
--vis-donut-background-color: var(--vis-dark-donut-background-color);
|
|
258
|
-
}
|
|
259
|
-
`, Dt = J`
|
|
260
|
-
label: background;
|
|
261
|
-
fill: var(--vis-donut-background-color);
|
|
262
|
-
`, dt = J`
|
|
263
|
-
label: segment;
|
|
264
|
-
stroke-width: var(--vis-donut-segment-stroke-width);
|
|
265
|
-
stroke: var(--vis-donut-segment-stroke-color, var(--vis-donut-background-color));
|
|
266
|
-
`, Et = J`
|
|
267
|
-
label: segment-exit;
|
|
268
|
-
`, Ot = J`
|
|
269
|
-
label: central-label;
|
|
270
|
-
text-anchor: middle;
|
|
271
|
-
dominant-baseline: middle;
|
|
272
|
-
font-size: var(--vis-donut-central-label-font-size);
|
|
273
|
-
font-family: var(--vis-donut-central-label-font-family, var(--vis-font-family));
|
|
274
|
-
font-weight: var(--vis-donut-central-label-font-weight);
|
|
275
|
-
fill: var(--vis-donut-central-label-text-color);
|
|
276
|
-
`, zt = J`
|
|
277
|
-
label: central-label;
|
|
278
|
-
text-anchor: middle;
|
|
279
|
-
dominant-baseline: middle;
|
|
280
|
-
font-size: var(--vis-donut-central-sub-label-font-size);
|
|
281
|
-
font-family: var(--vis-donut-central-sub-label-font-family, var(--vis-font-family));
|
|
282
|
-
font-weight: var(--vis-donut-central-sub-label-font-weight);
|
|
283
|
-
fill: var(--vis-donut-central-sub-label-text-color);
|
|
284
|
-
`, Ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
285
|
-
__proto__: null,
|
|
286
|
-
background: Dt,
|
|
287
|
-
centralLabel: Ot,
|
|
288
|
-
centralSubLabel: zt,
|
|
289
|
-
root: Tt,
|
|
290
|
-
segment: dt,
|
|
291
|
-
segmentExit: Et,
|
|
292
|
-
variables: Se
|
|
293
|
-
}, Symbol.toStringTag, { value: "Module" }));
|
|
294
|
-
class et extends qt {
|
|
295
|
-
constructor(t) {
|
|
296
|
-
super(), this._defaultConfig = Re, this.config = this._defaultConfig, this.datamodel = new Kt(), this.arcGen = be(), this.events = {}, t && this.setConfig(t), this.arcBackground = this.g.append("path"), this.arcGroup = this.g.append("g"), this.centralLabel = this.g.append("text").attr("class", Ot), this.centralSubLabel = this.g.append("text").attr("class", zt);
|
|
297
|
-
}
|
|
298
|
-
get bleed() {
|
|
299
|
-
return { top: 0, bottom: 0, left: 0, right: 0 };
|
|
300
|
-
}
|
|
301
|
-
_render(t) {
|
|
302
|
-
var n, o, r, f, i, e, h, l, a, v, s, p, y, A;
|
|
303
|
-
const { config: c, datamodel: b, bleed: x } = this, _ = b.data.map((g, E) => ({
|
|
304
|
-
index: E,
|
|
305
|
-
datum: g
|
|
306
|
-
})).filter((g) => c.showEmptySegments || Rt(g.datum, c.value, g.index)), R = Qt(t) ? t : c.duration, [w, L, O, z] = kt.map((g) => c.angleRange && c.angleRange[0] === g[0] && c.angleRange[1] === g[1]), W = w || O, F = L || z, k = this._width * (F ? 2 : 1), T = this._height * (W ? 2 : 1), d = c.radius || Math.min(k - x.left - x.right, T - x.top - x.bottom) / 2, m = c.arcWidth === 0 ? 0 : Zt(d - c.arcWidth, 0, d - 1), M = this._height / 2 + (w ? d / 2 : O ? -d / 2 : 0), P = this._width / 2 + (z ? d / 2 : L ? -d / 2 : 0), B = `translate(${P},${M})`;
|
|
307
|
-
this.arcGroup.attr("transform", B), this.arcGen.startAngle((g) => g.startAngle).endAngle((g) => g.endAngle).innerRadius((g) => g.innerRadius).outerRadius((g) => g.outerRadius).padAngle((g) => g.padAngle).cornerRadius(c.cornerRadius);
|
|
308
|
-
const V = xe().startAngle((o = (n = c.angleRange) === null || n === void 0 ? void 0 : n[0]) !== null && o !== void 0 ? o : 0).endAngle((f = (r = c.angleRange) === null || r === void 0 ? void 0 : r[1]) !== null && f !== void 0 ? f : 2 * Math.PI).padAngle(c.padAngle).value((g) => Rt(g.datum, c.value, g.index) || 0).sort((g, E) => {
|
|
309
|
-
var U;
|
|
310
|
-
return (U = c.sortFunction) === null || U === void 0 ? void 0 : U.call(c, g.datum, E.datum);
|
|
311
|
-
})(_).map((g) => {
|
|
312
|
-
const E = Object.assign(Object.assign({}, g), {
|
|
313
|
-
data: g.data.datum,
|
|
314
|
-
index: g.data.index,
|
|
315
|
-
innerRadius: m,
|
|
316
|
-
outerRadius: d
|
|
317
|
-
});
|
|
318
|
-
return c.showEmptySegments && g.endAngle - g.startAngle - g.padAngle <= Number.EPSILON && (E.endAngle = g.startAngle + Math.max(c.emptySegmentAngle, c.padAngle), E.padAngle = g.padAngle / 2), E;
|
|
319
|
-
}), H = this.arcGroup.selectAll(`.${dt}`).data(V, (g) => c.id(g.data, g.index)), X = H.enter().append("path").attr("class", dt).call(_e, c), j = H.merge(X);
|
|
320
|
-
j.call(we, c, this.arcGen, R), j.sort((g, E) => E.value - g.value), H.exit().attr("class", Et).call(Le, R);
|
|
321
|
-
const q = L ? "start" : z ? "end" : "middle";
|
|
322
|
-
this.centralLabel.attr("dy", c.centralSubLabel ? "-0.55em" : null).style("text-anchor", q).text((i = c.centralLabel) !== null && i !== void 0 ? i : null), this.centralSubLabel.attr("dy", c.centralLabel ? "0.55em" : null).style("text-anchor", q).text((e = c.centralSubLabel) !== null && e !== void 0 ? e : null), c.centralSubLabelWrap && re(this.centralSubLabel, m * 1.9);
|
|
323
|
-
const tt = (c.centralLabelOffsetX || 0) + P;
|
|
324
|
-
let N = (c.centralLabelOffsetY || 0) + M;
|
|
325
|
-
W && c.centralLabelOffsetX === void 0 && c.centralLabelOffsetY === void 0 && (N = (w ? -this.centralSubLabel.node().getBoundingClientRect().height : O ? this.centralLabel.node().getBoundingClientRect().height : 0) + M);
|
|
326
|
-
const K = `translate(${tt},${N})`;
|
|
327
|
-
this.centralLabel.attr("transform", K), this.centralSubLabel.attr("transform", K), this.arcBackground.attr("class", Dt).attr("visibility", c.showBackground ? null : "hidden").attr("transform", B), ot(this.arcBackground, R).attr("d", this.arcGen({
|
|
328
|
-
startAngle: (v = (l = (h = c.backgroundAngleRange) === null || h === void 0 ? void 0 : h[0]) !== null && l !== void 0 ? l : (a = c.angleRange) === null || a === void 0 ? void 0 : a[0]) !== null && v !== void 0 ? v : 0,
|
|
329
|
-
endAngle: (A = (p = (s = c.backgroundAngleRange) === null || s === void 0 ? void 0 : s[1]) !== null && p !== void 0 ? p : (y = c.angleRange) === null || y === void 0 ? void 0 : y[1]) !== null && A !== void 0 ? A : 2 * Math.PI,
|
|
330
|
-
innerRadius: m,
|
|
331
|
-
outerRadius: d
|
|
332
|
-
}));
|
|
333
|
-
}
|
|
334
|
-
}
|
|
335
|
-
et.selectors = Ce;
|
|
336
|
-
const ke = /* @__PURE__ */ ft({
|
|
337
|
-
__name: "index",
|
|
338
|
-
props: {
|
|
339
|
-
component: {},
|
|
340
|
-
tooltip: {},
|
|
341
|
-
annotations: {},
|
|
342
|
-
duration: {},
|
|
343
|
-
margin: {},
|
|
344
|
-
padding: {},
|
|
345
|
-
sizing: {},
|
|
346
|
-
width: {},
|
|
347
|
-
height: {},
|
|
348
|
-
svgDefs: {},
|
|
349
|
-
ariaLabel: {},
|
|
350
|
-
data: {}
|
|
351
|
-
},
|
|
352
|
-
setup(u, { expose: t }) {
|
|
353
|
-
const n = u, { data: o } = Ft(n), r = St(n);
|
|
354
|
-
let f;
|
|
355
|
-
const i = Nt({
|
|
356
|
-
component: void 0,
|
|
357
|
-
tooltip: void 0,
|
|
358
|
-
annotations: void 0
|
|
359
|
-
}), e = gt(), h = () => {
|
|
360
|
-
f || e.value && i.component && (f = new de(e.value, { ...lt(i) }, o.value));
|
|
361
|
-
};
|
|
362
|
-
return Wt(() => {
|
|
363
|
-
var l;
|
|
364
|
-
h(), (l = i.component) == null || l.config, f == null || f.updateContainer({ ...lt(r.value), ...lt(i) });
|
|
365
|
-
}), ct(o, () => {
|
|
366
|
-
f ? f.setData(o.value, !0) : h();
|
|
367
|
-
}), _t(() => f == null ? void 0 : f.destroy()), it(Ct, {
|
|
368
|
-
data: o,
|
|
369
|
-
update: (l) => i.component = l,
|
|
370
|
-
destroy: () => i.component = void 0
|
|
371
|
-
}), it(Jt, {
|
|
372
|
-
data: o,
|
|
373
|
-
update: (l) => i.tooltip = l,
|
|
374
|
-
destroy: () => {
|
|
375
|
-
i.tooltip = void 0;
|
|
376
|
-
}
|
|
377
|
-
}), it(te, {
|
|
378
|
-
data: o,
|
|
379
|
-
update: (l) => i.annotations = l,
|
|
380
|
-
destroy: () => {
|
|
381
|
-
i.annotations = void 0;
|
|
382
|
-
}
|
|
383
|
-
}), t({
|
|
384
|
-
component: f
|
|
385
|
-
}), (l, a) => (pt(), ht("div", {
|
|
386
|
-
"data-vis-single-container": "",
|
|
387
|
-
ref_key: "elRef",
|
|
388
|
-
ref: e,
|
|
389
|
-
class: "unovis-single-container"
|
|
390
|
-
}, [
|
|
391
|
-
wt(l.$slots, "default")
|
|
392
|
-
], 512));
|
|
393
|
-
}
|
|
394
|
-
}), Te = { "data-vis-component": "" };
|
|
395
|
-
et.selectors;
|
|
396
|
-
const De = /* @__PURE__ */ ft({
|
|
397
|
-
__name: "index",
|
|
398
|
-
props: {
|
|
399
|
-
id: { type: Function },
|
|
400
|
-
value: {},
|
|
401
|
-
angleRange: {},
|
|
402
|
-
padAngle: {},
|
|
403
|
-
sortFunction: { type: Function },
|
|
404
|
-
cornerRadius: {},
|
|
405
|
-
color: {},
|
|
406
|
-
radius: {},
|
|
407
|
-
arcWidth: {},
|
|
408
|
-
centralLabel: {},
|
|
409
|
-
centralSubLabel: {},
|
|
410
|
-
centralSubLabelWrap: { type: Boolean },
|
|
411
|
-
showEmptySegments: { type: Boolean },
|
|
412
|
-
emptySegmentAngle: {},
|
|
413
|
-
showBackground: { type: Boolean },
|
|
414
|
-
backgroundAngleRange: {},
|
|
415
|
-
centralLabelOffsetX: {},
|
|
416
|
-
centralLabelOffsetY: {},
|
|
417
|
-
duration: {},
|
|
418
|
-
events: {},
|
|
419
|
-
attributes: {},
|
|
420
|
-
data: {}
|
|
421
|
-
},
|
|
422
|
-
setup(u, { expose: t }) {
|
|
423
|
-
const n = Mt(Ct), o = u, r = Q(() => n.data.value ?? o.data), f = St(o), i = gt();
|
|
424
|
-
return $t(() => {
|
|
425
|
-
Bt(() => {
|
|
426
|
-
var e;
|
|
427
|
-
i.value = new et(f.value), (e = i.value) == null || e.setData(r.value), n.update(i.value);
|
|
428
|
-
});
|
|
429
|
-
}), _t(() => {
|
|
430
|
-
var e;
|
|
431
|
-
(e = i.value) == null || e.destroy(), n.destroy();
|
|
432
|
-
}), ct(f, (e, h) => {
|
|
433
|
-
var l;
|
|
434
|
-
ee(e, h) || (l = i.value) == null || l.setConfig(f.value);
|
|
435
|
-
}), ct(r, () => {
|
|
436
|
-
var e;
|
|
437
|
-
(e = i.value) == null || e.setData(r.value);
|
|
438
|
-
}), t({
|
|
439
|
-
component: i
|
|
440
|
-
}), (e, h) => (pt(), ht("div", Te));
|
|
441
|
-
}
|
|
442
|
-
}), He = /* @__PURE__ */ ft({
|
|
443
|
-
__name: "DonutChart",
|
|
444
|
-
props: {
|
|
445
|
-
data: {},
|
|
446
|
-
colors: {},
|
|
447
|
-
index: {},
|
|
448
|
-
margin: { default: () => ({ top: 0, bottom: 0, left: 0, right: 0 }) },
|
|
449
|
-
showLegend: { type: Boolean, default: !0 },
|
|
450
|
-
showTooltip: { type: Boolean, default: !0 },
|
|
451
|
-
filterOpacity: { default: 0.2 },
|
|
452
|
-
category: {},
|
|
453
|
-
type: { default: "donut" },
|
|
454
|
-
sortFunction: { type: Function, default: () => {
|
|
455
|
-
} },
|
|
456
|
-
valueFormatter: {},
|
|
457
|
-
customTooltip: {}
|
|
458
|
-
},
|
|
459
|
-
setup(u) {
|
|
460
|
-
const t = u, n = t.valueFormatter ?? ((a) => `${a}`), o = Q(() => t.category), r = Q(() => t.index), f = oe(), i = gt(), e = Q(() => {
|
|
461
|
-
var a;
|
|
462
|
-
return (a = t.colors) != null && a.length ? t.colors : ne(t.data.filter((v) => v[t.category]).filter(Boolean).length);
|
|
463
|
-
}), h = Q(() => t.data.map((a, v) => ({
|
|
464
|
-
name: a[t.index],
|
|
465
|
-
color: e.value[v],
|
|
466
|
-
inactive: !1
|
|
467
|
-
}))), l = Q(() => t.data.reduce((a, v) => a + v[t.category], 0));
|
|
468
|
-
return (a, v) => (pt(), ht("div", {
|
|
469
|
-
class: Gt(G(ie)("w-full h-48 flex flex-col items-end", a.$attrs.class ?? ""))
|
|
470
|
-
}, [
|
|
471
|
-
st(G(ke), {
|
|
472
|
-
style: Ht({ height: G(f) ? "100%" : "auto" }),
|
|
473
|
-
margin: { left: 20, right: 20 },
|
|
474
|
-
data: a.data
|
|
475
|
-
}, {
|
|
476
|
-
default: Pt(() => [
|
|
477
|
-
st(G(ae), {
|
|
478
|
-
selector: G(et).selectors.segment,
|
|
479
|
-
index: o.value,
|
|
480
|
-
items: h.value,
|
|
481
|
-
"value-formatter": G(n),
|
|
482
|
-
"custom-tooltip": a.customTooltip
|
|
483
|
-
}, null, 8, ["selector", "index", "items", "value-formatter", "custom-tooltip"]),
|
|
484
|
-
st(G(De), {
|
|
485
|
-
value: (s) => s[o.value],
|
|
486
|
-
"sort-function": a.sortFunction,
|
|
487
|
-
color: e.value,
|
|
488
|
-
"arc-width": a.type === "donut" ? 20 : 0,
|
|
489
|
-
"show-background": !1,
|
|
490
|
-
"central-label": a.type === "donut" ? G(n)(l.value) : "",
|
|
491
|
-
events: {
|
|
492
|
-
[G(et).selectors.segment]: {
|
|
493
|
-
click: (s, p, y, A) => {
|
|
494
|
-
var c, b;
|
|
495
|
-
((c = s == null ? void 0 : s.data) == null ? void 0 : c[r.value]) === i.value ? (i.value = void 0, A.forEach((x) => x.style.opacity = "1")) : (i.value = (b = s == null ? void 0 : s.data) == null ? void 0 : b[r.value], A.forEach((x) => x.style.opacity = `${a.filterOpacity}`), A[y].style.opacity = "1");
|
|
496
|
-
}
|
|
497
|
-
}
|
|
498
|
-
}
|
|
499
|
-
}, null, 8, ["value", "sort-function", "color", "arc-width", "central-label", "events"]),
|
|
500
|
-
wt(a.$slots, "default")
|
|
501
|
-
]),
|
|
502
|
-
_: 3
|
|
503
|
-
}, 8, ["style", "data"])
|
|
504
|
-
], 2));
|
|
505
|
-
}
|
|
506
|
-
});
|
|
507
|
-
export {
|
|
508
|
-
He as DonutChart
|
|
509
|
-
};
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
import { defineComponent as L, computed as p, ref as B, createElementBlock as y, openBlock as l, normalizeClass as T, unref as t, createBlock as a, createCommentVNode as m, createVNode as A, normalizeStyle as b, withCtx as F, renderSlot as I, Fragment as $, renderList as M } from "vue";
|
|
2
|
-
import { d as O, _ as S, a as X } from "../../index-CumjCvqB.js";
|
|
3
|
-
import { u as z } from "../../index-B3LW8uSH.js";
|
|
4
|
-
import { c as G } from "../../utils-SFgRDk1R.js";
|
|
5
|
-
import { C as N, S as V, L as Y } from "../../index-BlGEiPHj.js";
|
|
6
|
-
import { $ as E, O as h, A as U } from "../../index-LqWMCtOd.js";
|
|
7
|
-
const P = /* @__PURE__ */ L({
|
|
8
|
-
__name: "LineChart",
|
|
9
|
-
props: {
|
|
10
|
-
data: {},
|
|
11
|
-
categories: {},
|
|
12
|
-
index: {},
|
|
13
|
-
colors: {},
|
|
14
|
-
margin: { default: () => ({ top: 0, bottom: 0, left: 0, right: 0 }) },
|
|
15
|
-
filterOpacity: { default: 0.2 },
|
|
16
|
-
xFormatter: {},
|
|
17
|
-
yFormatter: {},
|
|
18
|
-
showXAxis: { type: Boolean, default: !0 },
|
|
19
|
-
showYAxis: { type: Boolean, default: !0 },
|
|
20
|
-
showTooltip: { type: Boolean, default: !0 },
|
|
21
|
-
showLegend: { type: Boolean, default: !0 },
|
|
22
|
-
showGridLine: { type: Boolean, default: !0 },
|
|
23
|
-
customTooltip: {},
|
|
24
|
-
curveType: { default: N.MonotoneX }
|
|
25
|
-
},
|
|
26
|
-
emits: ["legendItemClick"],
|
|
27
|
-
setup(g, { emit: v }) {
|
|
28
|
-
const i = g, k = v, d = p(() => i.index), c = p(() => {
|
|
29
|
-
var e;
|
|
30
|
-
return (e = i.colors) != null && e.length ? i.colors : O(i.categories.length);
|
|
31
|
-
}), s = B(i.categories.map((e, r) => ({
|
|
32
|
-
name: e,
|
|
33
|
-
color: c.value[r],
|
|
34
|
-
inactive: !1
|
|
35
|
-
}))), C = z();
|
|
36
|
-
function w(e, r) {
|
|
37
|
-
k("legendItemClick", e, r);
|
|
38
|
-
}
|
|
39
|
-
return (e, r) => (l(), y("div", {
|
|
40
|
-
class: T(t(G)("w-full h-[400px] flex flex-col items-end", e.$attrs.class ?? ""))
|
|
41
|
-
}, [
|
|
42
|
-
e.showLegend ? (l(), a(t(S), {
|
|
43
|
-
key: 0,
|
|
44
|
-
items: s.value,
|
|
45
|
-
"onUpdate:items": r[0] || (r[0] = (o) => s.value = o),
|
|
46
|
-
onLegendItemClick: w
|
|
47
|
-
}, null, 8, ["items"])) : m("", !0),
|
|
48
|
-
A(t(E), {
|
|
49
|
-
margin: { left: 20, right: 20 },
|
|
50
|
-
data: e.data,
|
|
51
|
-
style: b({ height: t(C) ? "100%" : "auto" })
|
|
52
|
-
}, {
|
|
53
|
-
default: F(() => [
|
|
54
|
-
e.showTooltip ? (l(), a(t(X), {
|
|
55
|
-
key: 0,
|
|
56
|
-
colors: c.value,
|
|
57
|
-
items: s.value,
|
|
58
|
-
index: d.value,
|
|
59
|
-
"custom-tooltip": e.customTooltip
|
|
60
|
-
}, null, 8, ["colors", "items", "index", "custom-tooltip"])) : m("", !0),
|
|
61
|
-
(l(!0), y($, null, M(e.categories, (o, n) => {
|
|
62
|
-
var f;
|
|
63
|
-
return l(), a(t(V), {
|
|
64
|
-
key: o,
|
|
65
|
-
x: (u, x) => x,
|
|
66
|
-
y: (u) => u[o],
|
|
67
|
-
"curve-type": e.curveType,
|
|
68
|
-
color: c.value[n],
|
|
69
|
-
attributes: {
|
|
70
|
-
[t(Y).selectors.line]: {
|
|
71
|
-
opacity: (f = s.value.find((u) => u.name === o)) != null && f.inactive ? e.filterOpacity : 1
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
}, null, 8, ["x", "y", "curve-type", "color", "attributes"]);
|
|
75
|
-
}), 128)),
|
|
76
|
-
e.showXAxis ? (l(), a(t(h), {
|
|
77
|
-
key: 1,
|
|
78
|
-
type: "x",
|
|
79
|
-
"tick-format": e.xFormatter ?? ((o) => {
|
|
80
|
-
var n;
|
|
81
|
-
return (n = e.data[o]) == null ? void 0 : n[d.value];
|
|
82
|
-
}),
|
|
83
|
-
"grid-line": !1,
|
|
84
|
-
"tick-line": !1,
|
|
85
|
-
"tick-text-color": "hsl(var(--vis-text-color))"
|
|
86
|
-
}, null, 8, ["tick-format"])) : m("", !0),
|
|
87
|
-
e.showYAxis ? (l(), a(t(h), {
|
|
88
|
-
key: 2,
|
|
89
|
-
type: "y",
|
|
90
|
-
"tick-line": !1,
|
|
91
|
-
"tick-format": e.yFormatter,
|
|
92
|
-
"domain-line": !1,
|
|
93
|
-
"grid-line": e.showGridLine,
|
|
94
|
-
attributes: {
|
|
95
|
-
[t(U).selectors.grid]: {
|
|
96
|
-
class: "text-muted"
|
|
97
|
-
}
|
|
98
|
-
},
|
|
99
|
-
"tick-text-color": "hsl(var(--vis-text-color))"
|
|
100
|
-
}, null, 8, ["tick-format", "grid-line", "attributes"])) : m("", !0),
|
|
101
|
-
I(e.$slots, "default")
|
|
102
|
-
]),
|
|
103
|
-
_: 3
|
|
104
|
-
}, 8, ["data", "style"])
|
|
105
|
-
], 2));
|
|
106
|
-
}
|
|
107
|
-
});
|
|
108
|
-
export {
|
|
109
|
-
P as LineChart
|
|
110
|
-
};
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { defineComponent as s, createBlock as n, openBlock as l, unref as a, normalizeProps as c, guardReactiveProps as u, withCtx as p, renderSlot as r, mergeProps as f } from "vue";
|
|
2
|
-
import { u as b } from "../../useForwardPropsEmits-0XKBv1pB.js";
|
|
3
|
-
import { _ as C, a as y, b as B } from "../../CollapsibleTrigger-fCarY5DJ.js";
|
|
4
|
-
const O = /* @__PURE__ */ s({
|
|
5
|
-
__name: "Collapsible",
|
|
6
|
-
props: {
|
|
7
|
-
defaultOpen: { type: Boolean },
|
|
8
|
-
open: { type: Boolean },
|
|
9
|
-
disabled: { type: Boolean },
|
|
10
|
-
unmountOnHide: { type: Boolean },
|
|
11
|
-
asChild: { type: Boolean },
|
|
12
|
-
as: { type: [String, Object, Function] }
|
|
13
|
-
},
|
|
14
|
-
emits: ["update:open"],
|
|
15
|
-
setup(e, { emit: t }) {
|
|
16
|
-
const d = b(e, t);
|
|
17
|
-
return (m, g) => (l(), n(a(C), c(u(a(d))), {
|
|
18
|
-
default: p(({ open: _ }) => [
|
|
19
|
-
r(m.$slots, "default", { open: _ })
|
|
20
|
-
]),
|
|
21
|
-
_: 3
|
|
22
|
-
}, 16));
|
|
23
|
-
}
|
|
24
|
-
}), F = /* @__PURE__ */ s({
|
|
25
|
-
__name: "CollapsibleContent",
|
|
26
|
-
props: {
|
|
27
|
-
forceMount: { type: Boolean },
|
|
28
|
-
asChild: { type: Boolean },
|
|
29
|
-
as: { type: [String, Object, Function] }
|
|
30
|
-
},
|
|
31
|
-
setup(e) {
|
|
32
|
-
const t = e;
|
|
33
|
-
return (o, i) => (l(), n(a(y), f(t, { class: "overflow-hidden transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down" }), {
|
|
34
|
-
default: p(() => [
|
|
35
|
-
r(o.$slots, "default")
|
|
36
|
-
]),
|
|
37
|
-
_: 3
|
|
38
|
-
}, 16));
|
|
39
|
-
}
|
|
40
|
-
}), P = /* @__PURE__ */ s({
|
|
41
|
-
__name: "CollapsibleTrigger",
|
|
42
|
-
props: {
|
|
43
|
-
asChild: { type: Boolean },
|
|
44
|
-
as: { type: [String, Object, Function] }
|
|
45
|
-
},
|
|
46
|
-
setup(e) {
|
|
47
|
-
const t = e;
|
|
48
|
-
return (o, i) => (l(), n(a(B), c(u(t)), {
|
|
49
|
-
default: p(() => [
|
|
50
|
-
r(o.$slots, "default")
|
|
51
|
-
]),
|
|
52
|
-
_: 3
|
|
53
|
-
}, 16));
|
|
54
|
-
}
|
|
55
|
-
});
|
|
56
|
-
export {
|
|
57
|
-
O as Collapsible,
|
|
58
|
-
F as CollapsibleContent,
|
|
59
|
-
P as CollapsibleTrigger
|
|
60
|
-
};
|