@kong-ui-public/echarts 0.7.2 → 0.7.3-pr.3892.c83ecea95.0

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kong-ui-public/echarts",
3
- "version": "0.7.2",
3
+ "version": "0.7.3-pr.3892.c83ecea95.0",
4
4
  "type": "module",
5
5
  "main": "./dist/echarts.umd.js",
6
6
  "module": "./dist/echarts.es.js",
@@ -21,7 +21,7 @@
21
21
  "access": "public"
22
22
  },
23
23
  "devDependencies": {
24
- "@kong-ui-public/sandbox-layout": "^2.7.9",
24
+ "@kong-ui-public/sandbox-layout": "^2.7.10-pr.3892.c83ecea95.0",
25
25
  "@kong/design-tokens": "3.3.1",
26
26
  "@kong/kongponents": "9.64.23",
27
27
  "echarts": "^6.1.0",
@@ -1,747 +0,0 @@
1
- import { ref as M, watch as v, getCurrentScope as m, onScopeDispose as b, computed as C, defineComponent as S, openBlock as I, createElementBlock as A, createElementVNode as U, toDisplayString as K, createCommentVNode as g, Fragment as y, renderList as F, normalizeClass as D, normalizeStyle as w, render as G, h as V, useCssVars as Y, createVNode as k, unref as d, mergeProps as Z, createBlock as h } from "vue";
2
- import $ from "vue-echarts";
3
- import { use as N } from "echarts/core";
4
- import { CanvasRenderer as j } from "echarts/renderers";
5
- import { GridComponent as z, TooltipComponent as Q, VisualMapComponent as q, DataZoomSliderComponent as J } from "echarts/components";
6
- import { HeatmapChart as __, TreemapChart as t_ } from "echarts/charts";
7
- const O_ = "#ffffff", o_ = "#0044f4", R_ = "#d60027", e_ = "#ad000e", n_ = "#850000", s_ = "#5c0000", T_ = "#ff3954", c_ = "#ffabab", U_ = "#ffe5e5", I_ = "#ecfcff", E_ = "#6f28ff", C_ = "#f1f0ff", K_ = "#e0e4ea", A_ = "#0044f4", a_ = "#0030cc", S_ = "#002099", f_ = "#001466", L_ = "#5f9aff", N_ = "#bee2ff", r_ = "#eefaff", i_ = "#0d0e14", l_ = "#6c7489", D_ = "#52596e", G_ = "#3a3f51", d_ = "#232633", u_ = "#afb7c5", x_ = "#e0e4ea", p_ = "#f9fafb", B_ = "rgba(13, 14, 20, 0.6)", m_ = "#0044f4", b_ = "#0030cc", h_ = "#002099", W_ = "#001466", P_ = "#5f9aff", X_ = "#bee2ff", H_ = "#eefaff", M_ = "#007d60", v_ = "#005944", g_ = "#004737", y_ = "#003629", F_ = "#00d6a4", w_ = "#b5ffee", V_ = "#ecfffb", Y_ = "rgba(0, 0, 0, 0)", k_ = "#995c00", Z_ = "#804400", $_ = "#662d00", j_ = "#4d1b00", z_ = "#ffc400", Q_ = "#fff296", q_ = "#fffce0", J_ = "#e0e4ea", _t = "#0044f4", tt = "#d60027", Ot = "#ad000e", ot = "#850000", Rt = "#5c0000", et = "#ff3954", nt = "#ffabab", st = "#ffe5e5", Tt = "#6f28ff", ct = "#e0e4ea", Ut = "rgba(255, 255, 255, 0.2)", It = "#6c7489", Et = "#52596e", Ct = "#3a3f51", Kt = "#232633", At = "#afb7c5", at = "#e0e4ea", St = "#f9fafb", ft = "#0044f4", Lt = "#0030cc", Nt = "#002099", rt = "#001466", it = "#5f9aff", lt = "#bee2ff", Dt = "#eefaff", Gt = "rgba(0, 0, 0, 0)", dt = "#0044f4", ut = "#0d0e14", xt = "#0044f4", pt = "#d60027", Bt = "#ad000e", mt = "#850000", bt = "#5c0000", ht = "#ff3954", Wt = "#ffabab", Pt = "#ffe5e5", Xt = "#00abd2", Ht = "#d60067", Mt = "#6f28ff", vt = "#5e00f5", gt = "#afb7c5", yt = "#0044f4", Ft = "#0030cc", wt = "#002099", Vt = "#001466", Yt = "#5f9aff", kt = "#bee2ff", Zt = "#eefaff", $t = "#ffffff", jt = "#6c7489", zt = "#52596e", Qt = "#3a3f51", qt = "#232633", Jt = "#afb7c5", _O = "#e0e4ea", tO = "#f9fafb", OO = "#0044f4", oO = "#0030cc", RO = "#002099", eO = "#001466", nO = "#5f9aff", sO = "#bee2ff", TO = "#eefaff", cO = "#007d60", UO = "#005944", IO = "#004737", EO = "#003629", CO = "#00d6a4", KO = "#b5ffee", AO = "#ecfffb", aO = "#995c00", SO = "#804400", fO = "#662d00", LO = "#4d1b00", NO = "#ffc400", rO = "#fff296", iO = "#fffce0", lO = "0.2s", DO = "0px", GO = "2px", dO = "4px", uO = "6px", xO = "8px", pO = "10px", BO = "50%", mO = "100px", bO = "0px", hO = "1px", WO = "2px", PO = "4px", XO = "640px", HO = "768px", MO = "1024px", vO = "1280px", gO = "1536px", yO = "'JetBrains Mono', Consolas, monospace", FO = "'Inter', Roboto, Helvetica, sans-serif", L = "'Inter', Roboto, Helvetica, sans-serif", wO = "10px", VO = "12px", YO = "14px", kO = "16px", ZO = "18px", $O = "20px", jO = "24px", zO = "32px", QO = "40px", qO = "48px", JO = "700", _o = "500", to = "400", Oo = "600", oo = "#f50045", Ro = "#828a9e", eo = "#306fff", no = "#00a17b", so = "#ffc400", To = "10px", co = "12px", Uo = "16px", Io = "20px", Eo = "24px", Co = "32px", Ko = "40px", Ao = "48px", ao = "normal", So = "-0.12px", fo = "-0.24px", Lo = "-0.32px", No = "-0.4px", ro = "-0.48px", io = "normal", lo = "12px", Do = "16px", Go = "20px", uo = "24px", xo = "28px", po = "32px", Bo = "36px", mo = "40px", bo = "48px", ho = "56px", Wo = "#f1f0ff", Po = "#ffe5e5", Xo = "#eefaff", Ho = "#52596e", Mo = "#e0e4ea", vo = "#ecfcff", go = "#ecfffb", yo = "#fffce0", Fo = "#fff0f7", wo = "#6f28ff", Vo = "#5e00f5", Yo = "#d60027", ko = "#ad000e", Zo = "#0044f4", $o = "#0030cc", jo = "#e0e4ea", zo = "#afb7c5", Qo = "#52596e", qo = "#3a3f51", Jo = "#00819d", _R = "#00647a", tR = "#007d60", OR = "#005944", oR = "#995c00", RR = "#804400", eR = "#d60067", nR = "#ad0053", sR = "#000933", TR = "rgba(255, 255, 255, 0.12)", cR = "rgba(255, 255, 255, 0.12)", UR = "#00fabe", IR = "rgba(255, 255, 255, 0.24)", ER = "#bee2ff", CR = "#ffffff", KR = "#eefaff", AR = "#00fabe", aR = "0 0 0 1px rgba(255, 255, 255, 0.12) inset", SR = "4px 0 0 0 #00fabe inset", fR = "0 0 0 1px rgba(255, 255, 255, 0.60) inset", LR = "0px 4px 20px 0px rgba(0, 0, 0, 0.08)", NR = "0px 0px 0px 1px #e0e4ea inset", rR = "0px 0px 0px 1px #d60027 inset", iR = "0px 0px 0px 1px #ad000e inset", lR = "0px 0px 0px 1px #e0e4ea inset", DR = "0px 0px 0px 1px #0044f4 inset", GR = "0px 0px 0px 1px #001466 inset", dR = "0px 0px 0px 1px #5f9aff inset", uR = "0px 0px 0px 4px rgba(0, 68, 244, 0.2)", xR = "0px", pR = "2px", BR = "4px", mR = "6px", bR = "8px", hR = "12px", WR = "16px", PR = "20px", XR = "24px", HR = "32px", MR = "40px", vR = "48px", gR = "56px", yR = "64px", FR = "80px", wR = "96px", VR = "auto", YR = "#bee2ff", kR = "#8fc1ff", ZR = "#5f9aff", $R = "#306fff", jR = "#b5ffee", zR = "#00fabe", QR = "#00d6a4", qR = "#00a17b", JR = "#007d60", _e = "#005944", te = "#b5ffee", Oe = "#00fabe", oe = "#b5ffee", Re = "#00a17b", ee = "#fff296", ne = "#ffe04b", se = "#ffc400", Te = "#b37600", ce = "#995c00", Ue = "#804400", Ie = "#fff296", Ee = "#ffe04b", Ce = "#ffc2b3", Ke = "#ff9877", Ae = "#ff723c", ae = "#f75008", Se = "#d13500", fe = "#a31f00", Le = "#ffc2b3", Ne = "#ff9877", re = "#ff723c", ie = "#f75008", le = "#d13500", De = "#a31f00", Ge = "#ffc2b3", de = "#ff9877", ue = "#ff723c", xe = "#f75008", pe = "#d13500", Be = "#a31f00", me = "#ffc2b3", be = "#ff9877", he = "#ff723c", We = "#f75008", Pe = "#d13500", Xe = "#a31f00", He = "#ffc2b3", Me = "#ff9877", ve = "#ff723c", ge = "#f75008", ye = "#d13500", Fe = "#ffabab", we = "#ff7272", Ve = "#ff3954", Ye = "#f50045", ke = "#d60027", Ze = "#ad000e", $e = "#ffabab", je = "#ff7272", ze = "#ff3954", Qe = "#f50045", qe = "#d60027", Je = "#eefaff", _n = "#ecfffb", tn = "#fffce0", On = "#fff1ef", on = "#ffe5e5", Rn = "#5f9aff", en = "#00d6a4", nn = "#ffc400", sn = "#ff723c", Tn = "#ff3954", cn = "#eefaff", Un = "#ecfffb", In = "#fffce0", En = "#fff1ef", Cn = "#ffe5e5", Kn = "#0044f4", An = "#007d60", an = "#995c00", Sn = "#d13500", fn = "#d60027", W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
8
- __proto__: null,
9
- KUI_ANIMATION_DURATION_20: lO,
10
- KUI_BORDER_RADIUS_0: DO,
11
- KUI_BORDER_RADIUS_10: GO,
12
- KUI_BORDER_RADIUS_20: dO,
13
- KUI_BORDER_RADIUS_30: uO,
14
- KUI_BORDER_RADIUS_40: xO,
15
- KUI_BORDER_RADIUS_50: pO,
16
- KUI_BORDER_RADIUS_CIRCLE: BO,
17
- KUI_BORDER_RADIUS_ROUND: mO,
18
- KUI_BORDER_WIDTH_0: bO,
19
- KUI_BORDER_WIDTH_10: hO,
20
- KUI_BORDER_WIDTH_20: WO,
21
- KUI_BORDER_WIDTH_30: PO,
22
- KUI_BREAKPOINT_DESKTOP: gO,
23
- KUI_BREAKPOINT_LAPTOP: vO,
24
- KUI_BREAKPOINT_MOBILE: XO,
25
- KUI_BREAKPOINT_PHABLET: HO,
26
- KUI_BREAKPOINT_TABLET: MO,
27
- KUI_COLOR_BACKGROUND: O_,
28
- KUI_COLOR_BACKGROUND_ACCENT: o_,
29
- KUI_COLOR_BACKGROUND_DANGER: R_,
30
- KUI_COLOR_BACKGROUND_DANGER_STRONG: e_,
31
- KUI_COLOR_BACKGROUND_DANGER_STRONGER: n_,
32
- KUI_COLOR_BACKGROUND_DANGER_STRONGEST: s_,
33
- KUI_COLOR_BACKGROUND_DANGER_WEAK: T_,
34
- KUI_COLOR_BACKGROUND_DANGER_WEAKER: c_,
35
- KUI_COLOR_BACKGROUND_DANGER_WEAKEST: U_,
36
- KUI_COLOR_BACKGROUND_DECORATIVE_AQUA_WEAKEST: I_,
37
- KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE: E_,
38
- KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE_WEAKEST: C_,
39
- KUI_COLOR_BACKGROUND_DISABLED: K_,
40
- KUI_COLOR_BACKGROUND_INFO: A_,
41
- KUI_COLOR_BACKGROUND_INFO_STRONG: a_,
42
- KUI_COLOR_BACKGROUND_INFO_STRONGER: S_,
43
- KUI_COLOR_BACKGROUND_INFO_STRONGEST: f_,
44
- KUI_COLOR_BACKGROUND_INFO_WEAK: L_,
45
- KUI_COLOR_BACKGROUND_INFO_WEAKER: N_,
46
- KUI_COLOR_BACKGROUND_INFO_WEAKEST: r_,
47
- KUI_COLOR_BACKGROUND_INVERSE: i_,
48
- KUI_COLOR_BACKGROUND_NEUTRAL: l_,
49
- KUI_COLOR_BACKGROUND_NEUTRAL_STRONG: D_,
50
- KUI_COLOR_BACKGROUND_NEUTRAL_STRONGER: G_,
51
- KUI_COLOR_BACKGROUND_NEUTRAL_STRONGEST: d_,
52
- KUI_COLOR_BACKGROUND_NEUTRAL_WEAK: u_,
53
- KUI_COLOR_BACKGROUND_NEUTRAL_WEAKER: x_,
54
- KUI_COLOR_BACKGROUND_NEUTRAL_WEAKEST: p_,
55
- KUI_COLOR_BACKGROUND_OVERLAY: B_,
56
- KUI_COLOR_BACKGROUND_PRIMARY: m_,
57
- KUI_COLOR_BACKGROUND_PRIMARY_STRONG: b_,
58
- KUI_COLOR_BACKGROUND_PRIMARY_STRONGER: h_,
59
- KUI_COLOR_BACKGROUND_PRIMARY_STRONGEST: W_,
60
- KUI_COLOR_BACKGROUND_PRIMARY_WEAK: P_,
61
- KUI_COLOR_BACKGROUND_PRIMARY_WEAKER: X_,
62
- KUI_COLOR_BACKGROUND_PRIMARY_WEAKEST: H_,
63
- KUI_COLOR_BACKGROUND_SUCCESS: M_,
64
- KUI_COLOR_BACKGROUND_SUCCESS_STRONG: v_,
65
- KUI_COLOR_BACKGROUND_SUCCESS_STRONGER: g_,
66
- KUI_COLOR_BACKGROUND_SUCCESS_STRONGEST: y_,
67
- KUI_COLOR_BACKGROUND_SUCCESS_WEAK: F_,
68
- KUI_COLOR_BACKGROUND_SUCCESS_WEAKER: w_,
69
- KUI_COLOR_BACKGROUND_SUCCESS_WEAKEST: V_,
70
- KUI_COLOR_BACKGROUND_TRANSPARENT: Y_,
71
- KUI_COLOR_BACKGROUND_WARNING: k_,
72
- KUI_COLOR_BACKGROUND_WARNING_STRONG: Z_,
73
- KUI_COLOR_BACKGROUND_WARNING_STRONGER: $_,
74
- KUI_COLOR_BACKGROUND_WARNING_STRONGEST: j_,
75
- KUI_COLOR_BACKGROUND_WARNING_WEAK: z_,
76
- KUI_COLOR_BACKGROUND_WARNING_WEAKER: Q_,
77
- KUI_COLOR_BACKGROUND_WARNING_WEAKEST: q_,
78
- KUI_COLOR_BORDER: J_,
79
- KUI_COLOR_BORDER_ACCENT: _t,
80
- KUI_COLOR_BORDER_DANGER: tt,
81
- KUI_COLOR_BORDER_DANGER_STRONG: Ot,
82
- KUI_COLOR_BORDER_DANGER_STRONGER: ot,
83
- KUI_COLOR_BORDER_DANGER_STRONGEST: Rt,
84
- KUI_COLOR_BORDER_DANGER_WEAK: et,
85
- KUI_COLOR_BORDER_DANGER_WEAKER: nt,
86
- KUI_COLOR_BORDER_DANGER_WEAKEST: st,
87
- KUI_COLOR_BORDER_DECORATIVE_PURPLE: Tt,
88
- KUI_COLOR_BORDER_DISABLED: ct,
89
- KUI_COLOR_BORDER_INVERSE: Ut,
90
- KUI_COLOR_BORDER_NEUTRAL: It,
91
- KUI_COLOR_BORDER_NEUTRAL_STRONG: Et,
92
- KUI_COLOR_BORDER_NEUTRAL_STRONGER: Ct,
93
- KUI_COLOR_BORDER_NEUTRAL_STRONGEST: Kt,
94
- KUI_COLOR_BORDER_NEUTRAL_WEAK: At,
95
- KUI_COLOR_BORDER_NEUTRAL_WEAKER: at,
96
- KUI_COLOR_BORDER_NEUTRAL_WEAKEST: St,
97
- KUI_COLOR_BORDER_PRIMARY: ft,
98
- KUI_COLOR_BORDER_PRIMARY_STRONG: Lt,
99
- KUI_COLOR_BORDER_PRIMARY_STRONGER: Nt,
100
- KUI_COLOR_BORDER_PRIMARY_STRONGEST: rt,
101
- KUI_COLOR_BORDER_PRIMARY_WEAK: it,
102
- KUI_COLOR_BORDER_PRIMARY_WEAKER: lt,
103
- KUI_COLOR_BORDER_PRIMARY_WEAKEST: Dt,
104
- KUI_COLOR_BORDER_TRANSPARENT: Gt,
105
- KUI_COLOR_BRAND: dt,
106
- KUI_COLOR_TEXT: ut,
107
- KUI_COLOR_TEXT_ACCENT: xt,
108
- KUI_COLOR_TEXT_DANGER: pt,
109
- KUI_COLOR_TEXT_DANGER_STRONG: Bt,
110
- KUI_COLOR_TEXT_DANGER_STRONGER: mt,
111
- KUI_COLOR_TEXT_DANGER_STRONGEST: bt,
112
- KUI_COLOR_TEXT_DANGER_WEAK: ht,
113
- KUI_COLOR_TEXT_DANGER_WEAKER: Wt,
114
- KUI_COLOR_TEXT_DANGER_WEAKEST: Pt,
115
- KUI_COLOR_TEXT_DECORATIVE_AQUA: Xt,
116
- KUI_COLOR_TEXT_DECORATIVE_PINK: Ht,
117
- KUI_COLOR_TEXT_DECORATIVE_PURPLE: Mt,
118
- KUI_COLOR_TEXT_DECORATIVE_PURPLE_STRONG: vt,
119
- KUI_COLOR_TEXT_DISABLED: gt,
120
- KUI_COLOR_TEXT_INFO: yt,
121
- KUI_COLOR_TEXT_INFO_STRONG: Ft,
122
- KUI_COLOR_TEXT_INFO_STRONGER: wt,
123
- KUI_COLOR_TEXT_INFO_STRONGEST: Vt,
124
- KUI_COLOR_TEXT_INFO_WEAK: Yt,
125
- KUI_COLOR_TEXT_INFO_WEAKER: kt,
126
- KUI_COLOR_TEXT_INFO_WEAKEST: Zt,
127
- KUI_COLOR_TEXT_INVERSE: $t,
128
- KUI_COLOR_TEXT_NEUTRAL: jt,
129
- KUI_COLOR_TEXT_NEUTRAL_STRONG: zt,
130
- KUI_COLOR_TEXT_NEUTRAL_STRONGER: Qt,
131
- KUI_COLOR_TEXT_NEUTRAL_STRONGEST: qt,
132
- KUI_COLOR_TEXT_NEUTRAL_WEAK: Jt,
133
- KUI_COLOR_TEXT_NEUTRAL_WEAKER: _O,
134
- KUI_COLOR_TEXT_NEUTRAL_WEAKEST: tO,
135
- KUI_COLOR_TEXT_PRIMARY: OO,
136
- KUI_COLOR_TEXT_PRIMARY_STRONG: oO,
137
- KUI_COLOR_TEXT_PRIMARY_STRONGER: RO,
138
- KUI_COLOR_TEXT_PRIMARY_STRONGEST: eO,
139
- KUI_COLOR_TEXT_PRIMARY_WEAK: nO,
140
- KUI_COLOR_TEXT_PRIMARY_WEAKER: sO,
141
- KUI_COLOR_TEXT_PRIMARY_WEAKEST: TO,
142
- KUI_COLOR_TEXT_SUCCESS: cO,
143
- KUI_COLOR_TEXT_SUCCESS_STRONG: UO,
144
- KUI_COLOR_TEXT_SUCCESS_STRONGER: IO,
145
- KUI_COLOR_TEXT_SUCCESS_STRONGEST: EO,
146
- KUI_COLOR_TEXT_SUCCESS_WEAK: CO,
147
- KUI_COLOR_TEXT_SUCCESS_WEAKER: KO,
148
- KUI_COLOR_TEXT_SUCCESS_WEAKEST: AO,
149
- KUI_COLOR_TEXT_WARNING: aO,
150
- KUI_COLOR_TEXT_WARNING_STRONG: SO,
151
- KUI_COLOR_TEXT_WARNING_STRONGER: fO,
152
- KUI_COLOR_TEXT_WARNING_STRONGEST: LO,
153
- KUI_COLOR_TEXT_WARNING_WEAK: NO,
154
- KUI_COLOR_TEXT_WARNING_WEAKER: rO,
155
- KUI_COLOR_TEXT_WARNING_WEAKEST: iO,
156
- KUI_FONT_FAMILY_CODE: yO,
157
- KUI_FONT_FAMILY_HEADING: FO,
158
- KUI_FONT_FAMILY_TEXT: L,
159
- KUI_FONT_SIZE_10: wO,
160
- KUI_FONT_SIZE_100: qO,
161
- KUI_FONT_SIZE_20: VO,
162
- KUI_FONT_SIZE_30: YO,
163
- KUI_FONT_SIZE_40: kO,
164
- KUI_FONT_SIZE_50: ZO,
165
- KUI_FONT_SIZE_60: $O,
166
- KUI_FONT_SIZE_70: jO,
167
- KUI_FONT_SIZE_80: zO,
168
- KUI_FONT_SIZE_90: QO,
169
- KUI_FONT_WEIGHT_BOLD: JO,
170
- KUI_FONT_WEIGHT_MEDIUM: _o,
171
- KUI_FONT_WEIGHT_REGULAR: to,
172
- KUI_FONT_WEIGHT_SEMIBOLD: Oo,
173
- KUI_ICON_COLOR_DANGER: oo,
174
- KUI_ICON_COLOR_NEUTRAL: Ro,
175
- KUI_ICON_COLOR_PRIMARY: eo,
176
- KUI_ICON_COLOR_SUCCESS: no,
177
- KUI_ICON_COLOR_WARNING: so,
178
- KUI_ICON_SIZE_10: To,
179
- KUI_ICON_SIZE_20: co,
180
- KUI_ICON_SIZE_30: Uo,
181
- KUI_ICON_SIZE_40: Io,
182
- KUI_ICON_SIZE_50: Eo,
183
- KUI_ICON_SIZE_60: Co,
184
- KUI_ICON_SIZE_70: Ko,
185
- KUI_ICON_SIZE_80: Ao,
186
- KUI_LETTER_SPACING_0: ao,
187
- KUI_LETTER_SPACING_MINUS_10: So,
188
- KUI_LETTER_SPACING_MINUS_20: fo,
189
- KUI_LETTER_SPACING_MINUS_30: Lo,
190
- KUI_LETTER_SPACING_MINUS_40: No,
191
- KUI_LETTER_SPACING_MINUS_50: ro,
192
- KUI_LETTER_SPACING_NORMAL: io,
193
- KUI_LINE_HEIGHT_10: lo,
194
- KUI_LINE_HEIGHT_100: ho,
195
- KUI_LINE_HEIGHT_20: Do,
196
- KUI_LINE_HEIGHT_30: Go,
197
- KUI_LINE_HEIGHT_40: uo,
198
- KUI_LINE_HEIGHT_50: xo,
199
- KUI_LINE_HEIGHT_60: po,
200
- KUI_LINE_HEIGHT_70: Bo,
201
- KUI_LINE_HEIGHT_80: mo,
202
- KUI_LINE_HEIGHT_90: bo,
203
- KUI_METHOD_COLOR_BACKGROUND_CONNECT: Wo,
204
- KUI_METHOD_COLOR_BACKGROUND_DELETE: Po,
205
- KUI_METHOD_COLOR_BACKGROUND_GET: Xo,
206
- KUI_METHOD_COLOR_BACKGROUND_HEAD: Ho,
207
- KUI_METHOD_COLOR_BACKGROUND_OPTIONS: Mo,
208
- KUI_METHOD_COLOR_BACKGROUND_PATCH: vo,
209
- KUI_METHOD_COLOR_BACKGROUND_POST: go,
210
- KUI_METHOD_COLOR_BACKGROUND_PUT: yo,
211
- KUI_METHOD_COLOR_BACKGROUND_TRACE: Fo,
212
- KUI_METHOD_COLOR_TEXT_CONNECT: wo,
213
- KUI_METHOD_COLOR_TEXT_CONNECT_STRONG: Vo,
214
- KUI_METHOD_COLOR_TEXT_DELETE: Yo,
215
- KUI_METHOD_COLOR_TEXT_DELETE_STRONG: ko,
216
- KUI_METHOD_COLOR_TEXT_GET: Zo,
217
- KUI_METHOD_COLOR_TEXT_GET_STRONG: $o,
218
- KUI_METHOD_COLOR_TEXT_HEAD: jo,
219
- KUI_METHOD_COLOR_TEXT_HEAD_STRONG: zo,
220
- KUI_METHOD_COLOR_TEXT_OPTIONS: Qo,
221
- KUI_METHOD_COLOR_TEXT_OPTIONS_STRONG: qo,
222
- KUI_METHOD_COLOR_TEXT_PATCH: Jo,
223
- KUI_METHOD_COLOR_TEXT_PATCH_STRONG: _R,
224
- KUI_METHOD_COLOR_TEXT_POST: tR,
225
- KUI_METHOD_COLOR_TEXT_POST_STRONG: OR,
226
- KUI_METHOD_COLOR_TEXT_PUT: oR,
227
- KUI_METHOD_COLOR_TEXT_PUT_STRONG: RR,
228
- KUI_METHOD_COLOR_TEXT_TRACE: eR,
229
- KUI_METHOD_COLOR_TEXT_TRACE_STRONG: nR,
230
- KUI_NAVIGATION_COLOR_BACKGROUND: sR,
231
- KUI_NAVIGATION_COLOR_BACKGROUND_SELECTED: TR,
232
- KUI_NAVIGATION_COLOR_BORDER: cR,
233
- KUI_NAVIGATION_COLOR_BORDER_CHILD: UR,
234
- KUI_NAVIGATION_COLOR_BORDER_DIVIDER: IR,
235
- KUI_NAVIGATION_COLOR_TEXT: ER,
236
- KUI_NAVIGATION_COLOR_TEXT_FOCUS: CR,
237
- KUI_NAVIGATION_COLOR_TEXT_HOVER: KR,
238
- KUI_NAVIGATION_COLOR_TEXT_SELECTED: AR,
239
- KUI_NAVIGATION_SHADOW_BORDER: aR,
240
- KUI_NAVIGATION_SHADOW_BORDER_CHILD: SR,
241
- KUI_NAVIGATION_SHADOW_FOCUS: fR,
242
- KUI_SHADOW: LR,
243
- KUI_SHADOW_BORDER: NR,
244
- KUI_SHADOW_BORDER_DANGER: rR,
245
- KUI_SHADOW_BORDER_DANGER_STRONG: iR,
246
- KUI_SHADOW_BORDER_DISABLED: lR,
247
- KUI_SHADOW_BORDER_PRIMARY: DR,
248
- KUI_SHADOW_BORDER_PRIMARY_STRONGEST: GR,
249
- KUI_SHADOW_BORDER_PRIMARY_WEAK: dR,
250
- KUI_SHADOW_FOCUS: uR,
251
- KUI_SPACE_0: xR,
252
- KUI_SPACE_10: pR,
253
- KUI_SPACE_100: MR,
254
- KUI_SPACE_110: vR,
255
- KUI_SPACE_120: gR,
256
- KUI_SPACE_130: yR,
257
- KUI_SPACE_140: FR,
258
- KUI_SPACE_150: wR,
259
- KUI_SPACE_20: BR,
260
- KUI_SPACE_30: mR,
261
- KUI_SPACE_40: bR,
262
- KUI_SPACE_50: hR,
263
- KUI_SPACE_60: WR,
264
- KUI_SPACE_70: PR,
265
- KUI_SPACE_80: XR,
266
- KUI_SPACE_90: HR,
267
- KUI_SPACE_AUTO: VR,
268
- KUI_STATUS_COLOR_100: YR,
269
- KUI_STATUS_COLOR_100S: Rn,
270
- KUI_STATUS_COLOR_101: kR,
271
- KUI_STATUS_COLOR_102: ZR,
272
- KUI_STATUS_COLOR_103: $R,
273
- KUI_STATUS_COLOR_1NA: Je,
274
- KUI_STATUS_COLOR_200: jR,
275
- KUI_STATUS_COLOR_200S: en,
276
- KUI_STATUS_COLOR_201: zR,
277
- KUI_STATUS_COLOR_202: QR,
278
- KUI_STATUS_COLOR_203: qR,
279
- KUI_STATUS_COLOR_204: JR,
280
- KUI_STATUS_COLOR_205: _e,
281
- KUI_STATUS_COLOR_206: te,
282
- KUI_STATUS_COLOR_207: Oe,
283
- KUI_STATUS_COLOR_208: oe,
284
- KUI_STATUS_COLOR_226: Re,
285
- KUI_STATUS_COLOR_2NA: _n,
286
- KUI_STATUS_COLOR_300: ee,
287
- KUI_STATUS_COLOR_300S: nn,
288
- KUI_STATUS_COLOR_301: ne,
289
- KUI_STATUS_COLOR_302: se,
290
- KUI_STATUS_COLOR_303: Te,
291
- KUI_STATUS_COLOR_304: ce,
292
- KUI_STATUS_COLOR_305: Ue,
293
- KUI_STATUS_COLOR_307: Ie,
294
- KUI_STATUS_COLOR_308: Ee,
295
- KUI_STATUS_COLOR_3NA: tn,
296
- KUI_STATUS_COLOR_400: Ce,
297
- KUI_STATUS_COLOR_400S: sn,
298
- KUI_STATUS_COLOR_401: Ke,
299
- KUI_STATUS_COLOR_402: Ae,
300
- KUI_STATUS_COLOR_403: ae,
301
- KUI_STATUS_COLOR_404: Se,
302
- KUI_STATUS_COLOR_405: fe,
303
- KUI_STATUS_COLOR_406: Le,
304
- KUI_STATUS_COLOR_407: Ne,
305
- KUI_STATUS_COLOR_408: re,
306
- KUI_STATUS_COLOR_409: ie,
307
- KUI_STATUS_COLOR_410: le,
308
- KUI_STATUS_COLOR_411: De,
309
- KUI_STATUS_COLOR_412: Ge,
310
- KUI_STATUS_COLOR_413: de,
311
- KUI_STATUS_COLOR_414: ue,
312
- KUI_STATUS_COLOR_415: xe,
313
- KUI_STATUS_COLOR_416: pe,
314
- KUI_STATUS_COLOR_417: Be,
315
- KUI_STATUS_COLOR_418: me,
316
- KUI_STATUS_COLOR_421: be,
317
- KUI_STATUS_COLOR_422: he,
318
- KUI_STATUS_COLOR_423: We,
319
- KUI_STATUS_COLOR_424: Pe,
320
- KUI_STATUS_COLOR_425: Xe,
321
- KUI_STATUS_COLOR_426: He,
322
- KUI_STATUS_COLOR_428: Me,
323
- KUI_STATUS_COLOR_429: ve,
324
- KUI_STATUS_COLOR_431: ge,
325
- KUI_STATUS_COLOR_451: ye,
326
- KUI_STATUS_COLOR_4NA: On,
327
- KUI_STATUS_COLOR_500: Fe,
328
- KUI_STATUS_COLOR_500S: Tn,
329
- KUI_STATUS_COLOR_501: we,
330
- KUI_STATUS_COLOR_502: Ve,
331
- KUI_STATUS_COLOR_503: Ye,
332
- KUI_STATUS_COLOR_504: ke,
333
- KUI_STATUS_COLOR_505: Ze,
334
- KUI_STATUS_COLOR_506: $e,
335
- KUI_STATUS_COLOR_507: je,
336
- KUI_STATUS_COLOR_508: ze,
337
- KUI_STATUS_COLOR_510: Qe,
338
- KUI_STATUS_COLOR_511: qe,
339
- KUI_STATUS_COLOR_5NA: on,
340
- KUI_STATUS_COLOR_BACKGROUND_100: cn,
341
- KUI_STATUS_COLOR_BACKGROUND_200: Un,
342
- KUI_STATUS_COLOR_BACKGROUND_300: In,
343
- KUI_STATUS_COLOR_BACKGROUND_400: En,
344
- KUI_STATUS_COLOR_BACKGROUND_500: Cn,
345
- KUI_STATUS_COLOR_TEXT_100: Kn,
346
- KUI_STATUS_COLOR_TEXT_200: An,
347
- KUI_STATUS_COLOR_TEXT_300: an,
348
- KUI_STATUS_COLOR_TEXT_400: Sn,
349
- KUI_STATUS_COLOR_TEXT_500: fn
350
- }, Symbol.toStringTag, { value: "Module" })), u = Object.keys(W).filter((_) => _.startsWith("KUI_COLOR")), x = (_) => W[_], Ln = (_) => `--${_.toLowerCase().replaceAll("_", "-")}`, f = () => {
351
- if (typeof window > "u")
352
- return Object.fromEntries(u.map((O) => [O, x(O)]));
353
- const _ = window.getComputedStyle(document.documentElement), t = (O, o) => _.getPropertyValue(O).trim() || o;
354
- return Object.fromEntries(
355
- u.map((O) => [O, t(Ln(O), x(O))])
356
- );
357
- }, r = (_) => {
358
- const t = M(f());
359
- if (_ && v(_, () => {
360
- t.value = f();
361
- }), typeof window < "u" && typeof MutationObserver < "u") {
362
- const O = new MutationObserver(() => {
363
- t.value = f();
364
- });
365
- O.observe(document.documentElement, { attributes: !0, attributeFilter: ["data-kui-theme"] }), m() && b(() => O.disconnect());
366
- }
367
- return t;
368
- }, Nn = () => typeof window > "u" ? L : window.getComputedStyle(document.documentElement).getPropertyValue("--kui-font-family-text").trim() || L, rn = (_) => {
369
- const t = Nn(), O = { color: _.KUI_COLOR_TEXT, fontFamily: t }, o = {
370
- axisLabel: { color: _.KUI_COLOR_TEXT_NEUTRAL, fontFamily: t },
371
- axisLine: { lineStyle: { color: _.KUI_COLOR_BORDER } },
372
- splitLine: { lineStyle: { color: _.KUI_COLOR_BORDER } }
373
- };
374
- return {
375
- textStyle: O,
376
- categoryAxis: o,
377
- valueAxis: o,
378
- // Same box as the analytics-chart tooltip. No padding: `ChartTooltip` has its own spacing
379
- tooltip: {
380
- backgroundColor: _.KUI_COLOR_BACKGROUND,
381
- borderWidth: 0,
382
- borderRadius: 4,
383
- padding: 0,
384
- // Keep the tooltip inside the chart so tiles with `overflow: hidden` don't clip it
385
- confine: !0,
386
- extraCssText: "box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12), 0 5px 10px rgba(0, 0, 0, 0.24);",
387
- textStyle: { color: _.KUI_COLOR_TEXT, fontFamily: t }
388
- },
389
- visualMap: {
390
- textStyle: { color: _.KUI_COLOR_TEXT_NEUTRAL, fontFamily: t }
391
- },
392
- legend: {
393
- textStyle: { color: _.KUI_COLOR_TEXT_NEUTRAL, fontFamily: t }
394
- }
395
- };
396
- }, ln = (_) => C(() => rn(_.value)), Dn = { class: "kong-ui-public-echarts-tooltip" }, Gn = { class: "tooltip-title" }, dn = { class: "title" }, un = {
397
- key: 0,
398
- class: "subtitle"
399
- }, xn = { class: "context" }, pn = { class: "metric" }, Bn = { class: "tooltip-rows" }, mn = { class: "display-value" }, bn = /* @__PURE__ */ S({
400
- __name: "ChartTooltip",
401
- props: {
402
- title: {},
403
- context: {},
404
- metric: {},
405
- rows: {}
406
- },
407
- setup(_) {
408
- return (t, O) => (I(), A("div", Dn, [
409
- U("div", Gn, [
410
- U("div", dn, K(_.title), 1),
411
- _.context || _.metric ? (I(), A("div", un, [
412
- U("div", xn, K(_.context), 1),
413
- U("div", pn, K(_.metric), 1)
414
- ])) : g("", !0)
415
- ]),
416
- U("ul", Bn, [
417
- (I(!0), A(y, null, F(_.rows, (o, e) => (I(), A("li", {
418
- key: `${o.label}-${e}`,
419
- class: D({ "extra-row": o.isExtra })
420
- }, [
421
- U("span", {
422
- class: "square-marker",
423
- style: w(o.isExtra ? void 0 : { background: o.color })
424
- }, null, 4),
425
- U("span", {
426
- class: D(["display-label", { empty: o.isSegmentEmpty }])
427
- }, K(o.label), 3),
428
- U("span", mn, K(o.value), 1)
429
- ], 2))), 128))
430
- ])
431
- ]));
432
- }
433
- }), P = (_, t) => {
434
- const O = _.__vccOpts || _;
435
- for (const [o, e] of t)
436
- O[o] = e;
437
- return O;
438
- }, hn = /* @__PURE__ */ P(bn, [["__scopeId", "data-v-ca633353"]]), i = (_) => Array.isArray(_) ? _ : [_], p = (_, t) => typeof _ == "number" ? t?.[_] ?? String(_) : _, l = (_, t, O, o) => ({
439
- color: typeof _.color == "string" ? _.color : void 0,
440
- label: t,
441
- value: o ? o(Number(O)) : String(O ?? "")
442
- }), Wn = (_) => Array.isArray(_) ? _[_.length - 1] : _, Pn = (_) => {
443
- const t = i(_), O = t[0];
444
- return {
445
- context: String(O?.axisValueLabel ?? O?.name ?? ""),
446
- rows: t.map((o) => l(o, o.seriesName ?? "", Wn(o.value)))
447
- };
448
- }, Xn = (_) => {
449
- let t;
450
- return m() && b(() => {
451
- t && G(null, t);
452
- }), (O) => {
453
- const o = (_() ?? Pn)(O);
454
- return o ? (t ??= document.createElement("div"), G(V(hn, o), t), t) : "";
455
- };
456
- }, Hn = { class: "kong-ui-public-echarts" }, Mn = /* @__PURE__ */ S({
457
- name: "KongECharts",
458
- // Forward attrs (including echarts event listeners like `@click`) to VChart
459
- inheritAttrs: !1,
460
- __name: "ECharts",
461
- props: {
462
- option: {},
463
- height: { default: "400px" },
464
- tooltipContent: { type: Function }
465
- },
466
- setup(_) {
467
- Y((T) => ({
468
- v1cecfeed: T.height
469
- })), N([j, z, Q]);
470
- const t = r(), O = ln(t), o = Xn(() => _.tooltipContent), e = C(() => ({
471
- ..._.option,
472
- tooltip: { ..._.option?.tooltip, formatter: o }
473
- }));
474
- return (T, n) => (I(), A("div", Hn, [
475
- k(d($), Z({
476
- autoresize: !0,
477
- class: "chart",
478
- option: e.value,
479
- theme: d(O)
480
- }, T.$attrs), null, 16, ["option", "theme"])
481
- ]));
482
- }
483
- }), X = /* @__PURE__ */ P(Mn, [["__scopeId", "data-v-68114d20"]]), B = (_) => typeof _ == "object" && _ !== null && !Array.isArray(_), a = (_, ...t) => {
484
- const O = { ..._ };
485
- for (const o of t)
486
- if (o)
487
- for (const [e, T] of Object.entries(o)) {
488
- if (T === void 0)
489
- continue;
490
- const n = O[e];
491
- O[e] = B(n) && B(T) ? a(n, T) : T;
492
- }
493
- return O;
494
- }, Yn = /* @__PURE__ */ S({
495
- __name: "HeatmapChart",
496
- props: {
497
- data: {},
498
- xAxisLabels: {},
499
- yAxisLabels: {},
500
- seriesName: {},
501
- min: {},
502
- max: {},
503
- colorRange: {},
504
- valueFormatter: { type: Function },
505
- visibleRows: {},
506
- showValues: { type: Boolean },
507
- seriesOption: {},
508
- option: {},
509
- height: {},
510
- tooltipTitle: {}
511
- },
512
- setup(_) {
513
- N([__, q, J]);
514
- const t = r(), O = (n) => {
515
- const [s] = i(n), [R, c, E] = s.value;
516
- return {
517
- title: _.tooltipTitle,
518
- context: p(R, _.xAxisLabels),
519
- metric: _.seriesName,
520
- rows: [l(s, p(c, _.yAxisLabels), E, _.valueFormatter)]
521
- };
522
- }, o = (n) => ({
523
- type: "slider",
524
- yAxisIndex: 0,
525
- startValue: 0,
526
- endValue: n - 1,
527
- zoomLock: !0,
528
- right: 10,
529
- width: 8,
530
- // Hide the zoom UI: resize handles, move bar, value labels, range brushing, data preview
531
- handleSize: 0,
532
- moveHandleSize: 0,
533
- showDetail: !1,
534
- brushSelect: !1,
535
- showDataShadow: !1,
536
- // A neutral thumb on a borderless track
537
- borderColor: "transparent",
538
- backgroundColor: t.value.KUI_COLOR_BACKGROUND_NEUTRAL_WEAKEST,
539
- fillerColor: t.value.KUI_COLOR_BACKGROUND_NEUTRAL_WEAK
540
- }), e = C(() => {
541
- const n = _.data ?? [], s = !!_.visibleRows && _.visibleRows < (_.yAxisLabels?.length ?? 0), R = _.valueFormatter ? (c) => _.valueFormatter(Number(c)) : void 0;
542
- return {
543
- grid: {
544
- top: 10,
545
- left: 10,
546
- // Make room for the row scrollbar
547
- right: s ? 30 : 20,
548
- bottom: 70,
549
- // Replaces the deprecated `containLabel: true`: shrink the grid so long
550
- // y-axis labels aren't clipped, instead of a fixed `left`.
551
- outerBoundsMode: "same",
552
- outerBoundsContain: "axisLabel"
553
- },
554
- xAxis: {
555
- type: "category",
556
- data: _.xAxisLabels ?? [],
557
- splitArea: { show: !1 },
558
- axisLine: { show: !1 },
559
- axisTick: { show: !1 }
560
- },
561
- yAxis: {
562
- type: "category",
563
- data: _.yAxisLabels ?? [],
564
- // List rows top-down in `yAxisLabels` order (category y-axes go bottom-up by default)
565
- inverse: !0,
566
- splitArea: { show: !1 },
567
- axisLine: { show: !1 },
568
- axisTick: { show: !1 },
569
- // Truncate long row names with an ellipsis so they don't squeeze the grid
570
- axisLabel: { width: 160, overflow: "truncate" }
571
- },
572
- visualMap: {
573
- min: _.min ?? 0,
574
- max: _.max ?? n.reduce((c, [, , E]) => Math.max(c, E), 1),
575
- calculable: !0,
576
- orient: "horizontal",
577
- left: "center",
578
- bottom: 0,
579
- inRange: {
580
- color: _.colorRange ?? [t.value.KUI_COLOR_BACKGROUND_INFO_WEAKEST, t.value.KUI_COLOR_BACKGROUND_INFO_STRONG]
581
- },
582
- formatter: R
583
- },
584
- ...s ? { dataZoom: [o(_.visibleRows)] } : {},
585
- series: [
586
- a({
587
- name: _.seriesName,
588
- type: "heatmap",
589
- data: n,
590
- // Prevent flickering of labels by disabling animation
591
- // The heatmap redraws every cell on each update (scrolling, data refresh, theme
592
- // change), which replays the label fade-in and makes the labels flicker
593
- animation: !1,
594
- label: {
595
- // ECharts picks a light or dark text color for each cell's background
596
- show: _.showValues ?? !1,
597
- formatter: _.valueFormatter ? ({ value: c }) => _.valueFormatter(Number(c[2])) : void 0
598
- },
599
- itemStyle: {
600
- borderColor: t.value.KUI_COLOR_BACKGROUND,
601
- borderWidth: 2,
602
- borderRadius: 2
603
- },
604
- emphasis: {
605
- itemStyle: {
606
- shadowBlur: 5,
607
- shadowColor: t.value.KUI_COLOR_BACKGROUND_OVERLAY
608
- }
609
- }
610
- }, _.seriesOption)
611
- ]
612
- };
613
- }), T = C(() => a(e.value, _.option));
614
- return (n, s) => (I(), h(X, {
615
- height: _.height,
616
- option: T.value,
617
- "tooltip-content": O
618
- }, null, 8, ["height", "option"]));
619
- }
620
- }), kn = /* @__PURE__ */ S({
621
- __name: "TreeMapChart",
622
- props: {
623
- data: {},
624
- seriesName: {},
625
- showValues: { type: Boolean },
626
- valueFormatter: { type: Function },
627
- colorPalette: {},
628
- drillDown: { type: Boolean, default: !0 },
629
- leafDepth: {},
630
- seriesOption: {},
631
- option: {},
632
- height: {},
633
- tooltipTitle: {}
634
- },
635
- setup(_) {
636
- N([t_]);
637
- const t = r(), O = (s) => {
638
- const [R] = i(s), c = R.treePathInfo ?? [];
639
- if (c.length === 1)
640
- return;
641
- const E = c.slice(1, -1).map(({ name: H }) => H);
642
- return {
643
- title: _.tooltipTitle,
644
- context: E.length ? E.join(" / ") : void 0,
645
- metric: _.seriesName,
646
- rows: [l(R, R.name, Number(R.value), _.valueFormatter)]
647
- };
648
- }, o = () => [
649
- t.value.KUI_COLOR_BACKGROUND_PRIMARY_WEAK,
650
- t.value.KUI_COLOR_BACKGROUND_SUCCESS_WEAK,
651
- t.value.KUI_COLOR_BACKGROUND_WARNING_WEAK,
652
- t.value.KUI_COLOR_BACKGROUND_DANGER_WEAK,
653
- t.value.KUI_COLOR_BACKGROUND_INFO_WEAK,
654
- t.value.KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE_WEAKEST,
655
- t.value.KUI_COLOR_BACKGROUND_DECORATIVE_AQUA_WEAKEST
656
- ], e = (s = []) => s.reduce((R, c) => Math.max(R, 1 + e(c.children)), 0), T = C(() => ({
657
- series: [
658
- a({
659
- name: _.seriesName,
660
- type: "treemap",
661
- data: _.data ?? [],
662
- // Drill-down: click a group to zoom in, and use the breadcrumb to go back
663
- nodeClick: _.drillDown ? "zoomToNode" : !1,
664
- // Defaults to the full depth
665
- leafDepth: _.leafDepth ?? e(_.data),
666
- // No mouse-wheel zoom or drag-to-pan, so scrolling over the chart scrolls the page
667
- roam: !1,
668
- // Fill the chart area, leaving room at the bottom for the breadcrumb with drill-down
669
- left: 0,
670
- top: 0,
671
- right: 0,
672
- bottom: _.drillDown ? 40 : 0,
673
- // Draw even tiny nodes: ECharts leaves a node's area blank when it falls
674
- // under the default threshold, which reads as dead space on dense charts
675
- visibleMin: 0,
676
- breadcrumb: {
677
- // Shown from the start (with just the root) whenever drill-down is on
678
- show: _.drillDown,
679
- itemStyle: {
680
- color: t.value.KUI_COLOR_BACKGROUND_NEUTRAL_WEAK,
681
- borderColor: "transparent",
682
- borderWidth: 0,
683
- borderRadius: 2,
684
- textStyle: {
685
- color: t.value.KUI_COLOR_TEXT
686
- }
687
- },
688
- emphasis: {
689
- itemStyle: {
690
- color: t.value.KUI_COLOR_BACKGROUND_NEUTRAL,
691
- textStyle: {
692
- color: t.value.KUI_COLOR_TEXT
693
- }
694
- }
695
- }
696
- },
697
- levels: [
698
- // Top-level groups: a gap between groups on the page background.
699
- // No `upperLabel` by default: the strip it reserves renders empty when
700
- // a group is too short for the text, so group names come from the
701
- // tooltip instead. Add one via `seriesOption` for tall charts
702
- {
703
- // ECharts cycles the palette when there are more groups than colors
704
- color: _.colorPalette ?? o(),
705
- itemStyle: {
706
- borderColor: t.value.KUI_COLOR_BACKGROUND,
707
- borderWidth: 2,
708
- gapWidth: 2
709
- }
710
- },
711
- // Deeper levels: children inherit the group hue with varied alpha
712
- {
713
- colorAlpha: [0.55, 1],
714
- itemStyle: {
715
- borderColor: t.value.KUI_COLOR_BACKGROUND,
716
- borderWidth: 1,
717
- gapWidth: 1
718
- }
719
- }
720
- ],
721
- label: {
722
- show: !0,
723
- color: t.value.KUI_COLOR_TEXT,
724
- align: "center",
725
- verticalAlign: "middle",
726
- overflow: "truncate",
727
- // ECharts shows the node name by default
728
- formatter: _.showValues ? ({ name: s, value: R }) => `${s}
729
- ${_.valueFormatter ? _.valueFormatter(Number(R)) : String(R)}` : void 0
730
- }
731
- }, _.seriesOption)
732
- ]
733
- })), n = C(() => a(T.value, _.option));
734
- return (s, R) => (I(), h(X, {
735
- height: _.height,
736
- option: n.value,
737
- "tooltip-content": O
738
- }, null, 8, ["height", "option"]));
739
- }
740
- });
741
- export {
742
- X as ECharts,
743
- Yn as HeatmapChart,
744
- kn as TreeMapChart,
745
- f as chartColors,
746
- r as useChartColors
747
- };
@@ -1,2 +0,0 @@
1
- (function(U,O){typeof exports=="object"&&typeof module<"u"?O(exports,require("vue"),require("vue-echarts"),require("echarts/core"),require("echarts/renderers"),require("echarts/components"),require("echarts/charts")):typeof define=="function"&&define.amd?define(["exports","vue","vue-echarts","echarts/core","echarts/renderers","echarts/components","echarts/charts"],O):(U=typeof globalThis<"u"?globalThis:U||self,O(U["kong-ui-public-echarts"]={},U.Vue,U.VueECharts,U.core,U.renderers,U.components,U.charts))})(this,(function(U,O,x,L,H,s,D){"use strict";const m="#ffffff",u="#0044f4",b="#d60027",P="#ad000e",h="#850000",W="#5c0000",M="#ff3954",X="#ffabab",y="#ffe5e5",F="#ecfcff",g="#6f28ff",V="#f1f0ff",w="#e0e4ea",Z="#0044f4",k="#0030cc",Y="#002099",v="#001466",j="#5f9aff",$="#bee2ff",z="#eefaff",q="#0d0e14",Q="#6c7489",J="#52596e",__="#3a3f51",O_="#232633",t_="#afb7c5",R_="#e0e4ea",T_="#f9fafb",U_="rgba(13, 14, 20, 0.6)",I_="#0044f4",e_="#0030cc",o_="#002099",K_="#001466",E_="#5f9aff",n_="#bee2ff",C_="#eefaff",S_="#007d60",s_="#005944",c_="#004737",A_="#003629",L_="#00d6a4",N_="#b5ffee",a_="#ecfffb",f_="rgba(0, 0, 0, 0)",r_="#995c00",D_="#804400",i_="#662d00",l_="#4d1b00",G_="#ffc400",d_="#fff296",B_="#fffce0",p_="#e0e4ea",x_="#0044f4",H_="#d60027",m_="#ad000e",u_="#850000",b_="#5c0000",P_="#ff3954",h_="#ffabab",W_="#ffe5e5",M_="#6f28ff",X_="#e0e4ea",y_="rgba(255, 255, 255, 0.2)",F_="#6c7489",g_="#52596e",V_="#3a3f51",w_="#232633",Z_="#afb7c5",k_="#e0e4ea",Y_="#f9fafb",v_="#0044f4",j_="#0030cc",$_="#002099",z_="#001466",q_="#5f9aff",Q_="#bee2ff",J_="#eefaff",_O="rgba(0, 0, 0, 0)",OO="#0044f4",tO="#0d0e14",RO="#0044f4",TO="#d60027",UO="#ad000e",IO="#850000",eO="#5c0000",oO="#ff3954",KO="#ffabab",EO="#ffe5e5",nO="#00abd2",CO="#d60067",SO="#6f28ff",sO="#5e00f5",cO="#afb7c5",AO="#0044f4",LO="#0030cc",NO="#002099",aO="#001466",fO="#5f9aff",rO="#bee2ff",DO="#eefaff",iO="#ffffff",lO="#6c7489",GO="#52596e",dO="#3a3f51",BO="#232633",pO="#afb7c5",xO="#e0e4ea",HO="#f9fafb",mO="#0044f4",uO="#0030cc",bO="#002099",PO="#001466",hO="#5f9aff",WO="#bee2ff",MO="#eefaff",XO="#007d60",yO="#005944",FO="#004737",gO="#003629",VO="#00d6a4",wO="#b5ffee",ZO="#ecfffb",kO="#995c00",YO="#804400",vO="#662d00",jO="#4d1b00",$O="#ffc400",zO="#fff296",qO="#fffce0",QO="0.2s",JO="10px",_t="100px",Ot="640px",tt="768px",Rt="1024px",Tt="1280px",Ut="1536px",It="'JetBrains Mono', Consolas, monospace",et="'Inter', Roboto, Helvetica, sans-serif",N="'Inter', Roboto, Helvetica, sans-serif",i=Object.freeze(Object.defineProperty({__proto__:null,KUI_ANIMATION_DURATION_20:QO,KUI_BORDER_RADIUS_0:"0px",KUI_BORDER_RADIUS_10:"2px",KUI_BORDER_RADIUS_20:"4px",KUI_BORDER_RADIUS_30:"6px",KUI_BORDER_RADIUS_40:"8px",KUI_BORDER_RADIUS_50:JO,KUI_BORDER_RADIUS_CIRCLE:"50%",KUI_BORDER_RADIUS_ROUND:_t,KUI_BORDER_WIDTH_0:"0px",KUI_BORDER_WIDTH_10:"1px",KUI_BORDER_WIDTH_20:"2px",KUI_BORDER_WIDTH_30:"4px",KUI_BREAKPOINT_DESKTOP:Ut,KUI_BREAKPOINT_LAPTOP:Tt,KUI_BREAKPOINT_MOBILE:Ot,KUI_BREAKPOINT_PHABLET:tt,KUI_BREAKPOINT_TABLET:Rt,KUI_COLOR_BACKGROUND:m,KUI_COLOR_BACKGROUND_ACCENT:u,KUI_COLOR_BACKGROUND_DANGER:b,KUI_COLOR_BACKGROUND_DANGER_STRONG:P,KUI_COLOR_BACKGROUND_DANGER_STRONGER:h,KUI_COLOR_BACKGROUND_DANGER_STRONGEST:W,KUI_COLOR_BACKGROUND_DANGER_WEAK:M,KUI_COLOR_BACKGROUND_DANGER_WEAKER:X,KUI_COLOR_BACKGROUND_DANGER_WEAKEST:y,KUI_COLOR_BACKGROUND_DECORATIVE_AQUA_WEAKEST:F,KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE:g,KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE_WEAKEST:V,KUI_COLOR_BACKGROUND_DISABLED:w,KUI_COLOR_BACKGROUND_INFO:Z,KUI_COLOR_BACKGROUND_INFO_STRONG:k,KUI_COLOR_BACKGROUND_INFO_STRONGER:Y,KUI_COLOR_BACKGROUND_INFO_STRONGEST:v,KUI_COLOR_BACKGROUND_INFO_WEAK:j,KUI_COLOR_BACKGROUND_INFO_WEAKER:$,KUI_COLOR_BACKGROUND_INFO_WEAKEST:z,KUI_COLOR_BACKGROUND_INVERSE:q,KUI_COLOR_BACKGROUND_NEUTRAL:Q,KUI_COLOR_BACKGROUND_NEUTRAL_STRONG:J,KUI_COLOR_BACKGROUND_NEUTRAL_STRONGER:__,KUI_COLOR_BACKGROUND_NEUTRAL_STRONGEST:O_,KUI_COLOR_BACKGROUND_NEUTRAL_WEAK:t_,KUI_COLOR_BACKGROUND_NEUTRAL_WEAKER:R_,KUI_COLOR_BACKGROUND_NEUTRAL_WEAKEST:T_,KUI_COLOR_BACKGROUND_OVERLAY:U_,KUI_COLOR_BACKGROUND_PRIMARY:I_,KUI_COLOR_BACKGROUND_PRIMARY_STRONG:e_,KUI_COLOR_BACKGROUND_PRIMARY_STRONGER:o_,KUI_COLOR_BACKGROUND_PRIMARY_STRONGEST:K_,KUI_COLOR_BACKGROUND_PRIMARY_WEAK:E_,KUI_COLOR_BACKGROUND_PRIMARY_WEAKER:n_,KUI_COLOR_BACKGROUND_PRIMARY_WEAKEST:C_,KUI_COLOR_BACKGROUND_SUCCESS:S_,KUI_COLOR_BACKGROUND_SUCCESS_STRONG:s_,KUI_COLOR_BACKGROUND_SUCCESS_STRONGER:c_,KUI_COLOR_BACKGROUND_SUCCESS_STRONGEST:A_,KUI_COLOR_BACKGROUND_SUCCESS_WEAK:L_,KUI_COLOR_BACKGROUND_SUCCESS_WEAKER:N_,KUI_COLOR_BACKGROUND_SUCCESS_WEAKEST:a_,KUI_COLOR_BACKGROUND_TRANSPARENT:f_,KUI_COLOR_BACKGROUND_WARNING:r_,KUI_COLOR_BACKGROUND_WARNING_STRONG:D_,KUI_COLOR_BACKGROUND_WARNING_STRONGER:i_,KUI_COLOR_BACKGROUND_WARNING_STRONGEST:l_,KUI_COLOR_BACKGROUND_WARNING_WEAK:G_,KUI_COLOR_BACKGROUND_WARNING_WEAKER:d_,KUI_COLOR_BACKGROUND_WARNING_WEAKEST:B_,KUI_COLOR_BORDER:p_,KUI_COLOR_BORDER_ACCENT:x_,KUI_COLOR_BORDER_DANGER:H_,KUI_COLOR_BORDER_DANGER_STRONG:m_,KUI_COLOR_BORDER_DANGER_STRONGER:u_,KUI_COLOR_BORDER_DANGER_STRONGEST:b_,KUI_COLOR_BORDER_DANGER_WEAK:P_,KUI_COLOR_BORDER_DANGER_WEAKER:h_,KUI_COLOR_BORDER_DANGER_WEAKEST:W_,KUI_COLOR_BORDER_DECORATIVE_PURPLE:M_,KUI_COLOR_BORDER_DISABLED:X_,KUI_COLOR_BORDER_INVERSE:y_,KUI_COLOR_BORDER_NEUTRAL:F_,KUI_COLOR_BORDER_NEUTRAL_STRONG:g_,KUI_COLOR_BORDER_NEUTRAL_STRONGER:V_,KUI_COLOR_BORDER_NEUTRAL_STRONGEST:w_,KUI_COLOR_BORDER_NEUTRAL_WEAK:Z_,KUI_COLOR_BORDER_NEUTRAL_WEAKER:k_,KUI_COLOR_BORDER_NEUTRAL_WEAKEST:Y_,KUI_COLOR_BORDER_PRIMARY:v_,KUI_COLOR_BORDER_PRIMARY_STRONG:j_,KUI_COLOR_BORDER_PRIMARY_STRONGER:$_,KUI_COLOR_BORDER_PRIMARY_STRONGEST:z_,KUI_COLOR_BORDER_PRIMARY_WEAK:q_,KUI_COLOR_BORDER_PRIMARY_WEAKER:Q_,KUI_COLOR_BORDER_PRIMARY_WEAKEST:J_,KUI_COLOR_BORDER_TRANSPARENT:_O,KUI_COLOR_BRAND:OO,KUI_COLOR_TEXT:tO,KUI_COLOR_TEXT_ACCENT:RO,KUI_COLOR_TEXT_DANGER:TO,KUI_COLOR_TEXT_DANGER_STRONG:UO,KUI_COLOR_TEXT_DANGER_STRONGER:IO,KUI_COLOR_TEXT_DANGER_STRONGEST:eO,KUI_COLOR_TEXT_DANGER_WEAK:oO,KUI_COLOR_TEXT_DANGER_WEAKER:KO,KUI_COLOR_TEXT_DANGER_WEAKEST:EO,KUI_COLOR_TEXT_DECORATIVE_AQUA:nO,KUI_COLOR_TEXT_DECORATIVE_PINK:CO,KUI_COLOR_TEXT_DECORATIVE_PURPLE:SO,KUI_COLOR_TEXT_DECORATIVE_PURPLE_STRONG:sO,KUI_COLOR_TEXT_DISABLED:cO,KUI_COLOR_TEXT_INFO:AO,KUI_COLOR_TEXT_INFO_STRONG:LO,KUI_COLOR_TEXT_INFO_STRONGER:NO,KUI_COLOR_TEXT_INFO_STRONGEST:aO,KUI_COLOR_TEXT_INFO_WEAK:fO,KUI_COLOR_TEXT_INFO_WEAKER:rO,KUI_COLOR_TEXT_INFO_WEAKEST:DO,KUI_COLOR_TEXT_INVERSE:iO,KUI_COLOR_TEXT_NEUTRAL:lO,KUI_COLOR_TEXT_NEUTRAL_STRONG:GO,KUI_COLOR_TEXT_NEUTRAL_STRONGER:dO,KUI_COLOR_TEXT_NEUTRAL_STRONGEST:BO,KUI_COLOR_TEXT_NEUTRAL_WEAK:pO,KUI_COLOR_TEXT_NEUTRAL_WEAKER:xO,KUI_COLOR_TEXT_NEUTRAL_WEAKEST:HO,KUI_COLOR_TEXT_PRIMARY:mO,KUI_COLOR_TEXT_PRIMARY_STRONG:uO,KUI_COLOR_TEXT_PRIMARY_STRONGER:bO,KUI_COLOR_TEXT_PRIMARY_STRONGEST:PO,KUI_COLOR_TEXT_PRIMARY_WEAK:hO,KUI_COLOR_TEXT_PRIMARY_WEAKER:WO,KUI_COLOR_TEXT_PRIMARY_WEAKEST:MO,KUI_COLOR_TEXT_SUCCESS:XO,KUI_COLOR_TEXT_SUCCESS_STRONG:yO,KUI_COLOR_TEXT_SUCCESS_STRONGER:FO,KUI_COLOR_TEXT_SUCCESS_STRONGEST:gO,KUI_COLOR_TEXT_SUCCESS_WEAK:VO,KUI_COLOR_TEXT_SUCCESS_WEAKER:wO,KUI_COLOR_TEXT_SUCCESS_WEAKEST:ZO,KUI_COLOR_TEXT_WARNING:kO,KUI_COLOR_TEXT_WARNING_STRONG:YO,KUI_COLOR_TEXT_WARNING_STRONGER:vO,KUI_COLOR_TEXT_WARNING_STRONGEST:jO,KUI_COLOR_TEXT_WARNING_WEAK:$O,KUI_COLOR_TEXT_WARNING_WEAKER:zO,KUI_COLOR_TEXT_WARNING_WEAKEST:qO,KUI_FONT_FAMILY_CODE:It,KUI_FONT_FAMILY_HEADING:et,KUI_FONT_FAMILY_TEXT:N,KUI_FONT_SIZE_10:"10px",KUI_FONT_SIZE_100:"48px",KUI_FONT_SIZE_20:"12px",KUI_FONT_SIZE_30:"14px",KUI_FONT_SIZE_40:"16px",KUI_FONT_SIZE_50:"18px",KUI_FONT_SIZE_60:"20px",KUI_FONT_SIZE_70:"24px",KUI_FONT_SIZE_80:"32px",KUI_FONT_SIZE_90:"40px",KUI_FONT_WEIGHT_BOLD:"700",KUI_FONT_WEIGHT_MEDIUM:"500",KUI_FONT_WEIGHT_REGULAR:"400",KUI_FONT_WEIGHT_SEMIBOLD:"600",KUI_ICON_COLOR_DANGER:"#f50045",KUI_ICON_COLOR_NEUTRAL:"#828a9e",KUI_ICON_COLOR_PRIMARY:"#306fff",KUI_ICON_COLOR_SUCCESS:"#00a17b",KUI_ICON_COLOR_WARNING:"#ffc400",KUI_ICON_SIZE_10:"10px",KUI_ICON_SIZE_20:"12px",KUI_ICON_SIZE_30:"16px",KUI_ICON_SIZE_40:"20px",KUI_ICON_SIZE_50:"24px",KUI_ICON_SIZE_60:"32px",KUI_ICON_SIZE_70:"40px",KUI_ICON_SIZE_80:"48px",KUI_LETTER_SPACING_0:"normal",KUI_LETTER_SPACING_MINUS_10:"-0.12px",KUI_LETTER_SPACING_MINUS_20:"-0.24px",KUI_LETTER_SPACING_MINUS_30:"-0.32px",KUI_LETTER_SPACING_MINUS_40:"-0.4px",KUI_LETTER_SPACING_MINUS_50:"-0.48px",KUI_LETTER_SPACING_NORMAL:"normal",KUI_LINE_HEIGHT_10:"12px",KUI_LINE_HEIGHT_100:"56px",KUI_LINE_HEIGHT_20:"16px",KUI_LINE_HEIGHT_30:"20px",KUI_LINE_HEIGHT_40:"24px",KUI_LINE_HEIGHT_50:"28px",KUI_LINE_HEIGHT_60:"32px",KUI_LINE_HEIGHT_70:"36px",KUI_LINE_HEIGHT_80:"40px",KUI_LINE_HEIGHT_90:"48px",KUI_METHOD_COLOR_BACKGROUND_CONNECT:"#f1f0ff",KUI_METHOD_COLOR_BACKGROUND_DELETE:"#ffe5e5",KUI_METHOD_COLOR_BACKGROUND_GET:"#eefaff",KUI_METHOD_COLOR_BACKGROUND_HEAD:"#52596e",KUI_METHOD_COLOR_BACKGROUND_OPTIONS:"#e0e4ea",KUI_METHOD_COLOR_BACKGROUND_PATCH:"#ecfcff",KUI_METHOD_COLOR_BACKGROUND_POST:"#ecfffb",KUI_METHOD_COLOR_BACKGROUND_PUT:"#fffce0",KUI_METHOD_COLOR_BACKGROUND_TRACE:"#fff0f7",KUI_METHOD_COLOR_TEXT_CONNECT:"#6f28ff",KUI_METHOD_COLOR_TEXT_CONNECT_STRONG:"#5e00f5",KUI_METHOD_COLOR_TEXT_DELETE:"#d60027",KUI_METHOD_COLOR_TEXT_DELETE_STRONG:"#ad000e",KUI_METHOD_COLOR_TEXT_GET:"#0044f4",KUI_METHOD_COLOR_TEXT_GET_STRONG:"#0030cc",KUI_METHOD_COLOR_TEXT_HEAD:"#e0e4ea",KUI_METHOD_COLOR_TEXT_HEAD_STRONG:"#afb7c5",KUI_METHOD_COLOR_TEXT_OPTIONS:"#52596e",KUI_METHOD_COLOR_TEXT_OPTIONS_STRONG:"#3a3f51",KUI_METHOD_COLOR_TEXT_PATCH:"#00819d",KUI_METHOD_COLOR_TEXT_PATCH_STRONG:"#00647a",KUI_METHOD_COLOR_TEXT_POST:"#007d60",KUI_METHOD_COLOR_TEXT_POST_STRONG:"#005944",KUI_METHOD_COLOR_TEXT_PUT:"#995c00",KUI_METHOD_COLOR_TEXT_PUT_STRONG:"#804400",KUI_METHOD_COLOR_TEXT_TRACE:"#d60067",KUI_METHOD_COLOR_TEXT_TRACE_STRONG:"#ad0053",KUI_NAVIGATION_COLOR_BACKGROUND:"#000933",KUI_NAVIGATION_COLOR_BACKGROUND_SELECTED:"rgba(255, 255, 255, 0.12)",KUI_NAVIGATION_COLOR_BORDER:"rgba(255, 255, 255, 0.12)",KUI_NAVIGATION_COLOR_BORDER_CHILD:"#00fabe",KUI_NAVIGATION_COLOR_BORDER_DIVIDER:"rgba(255, 255, 255, 0.24)",KUI_NAVIGATION_COLOR_TEXT:"#bee2ff",KUI_NAVIGATION_COLOR_TEXT_FOCUS:"#ffffff",KUI_NAVIGATION_COLOR_TEXT_HOVER:"#eefaff",KUI_NAVIGATION_COLOR_TEXT_SELECTED:"#00fabe",KUI_NAVIGATION_SHADOW_BORDER:"0 0 0 1px rgba(255, 255, 255, 0.12) inset",KUI_NAVIGATION_SHADOW_BORDER_CHILD:"4px 0 0 0 #00fabe inset",KUI_NAVIGATION_SHADOW_FOCUS:"0 0 0 1px rgba(255, 255, 255, 0.60) inset",KUI_SHADOW:"0px 4px 20px 0px rgba(0, 0, 0, 0.08)",KUI_SHADOW_BORDER:"0px 0px 0px 1px #e0e4ea inset",KUI_SHADOW_BORDER_DANGER:"0px 0px 0px 1px #d60027 inset",KUI_SHADOW_BORDER_DANGER_STRONG:"0px 0px 0px 1px #ad000e inset",KUI_SHADOW_BORDER_DISABLED:"0px 0px 0px 1px #e0e4ea inset",KUI_SHADOW_BORDER_PRIMARY:"0px 0px 0px 1px #0044f4 inset",KUI_SHADOW_BORDER_PRIMARY_STRONGEST:"0px 0px 0px 1px #001466 inset",KUI_SHADOW_BORDER_PRIMARY_WEAK:"0px 0px 0px 1px #5f9aff inset",KUI_SHADOW_FOCUS:"0px 0px 0px 4px rgba(0, 68, 244, 0.2)",KUI_SPACE_0:"0px",KUI_SPACE_10:"2px",KUI_SPACE_100:"40px",KUI_SPACE_110:"48px",KUI_SPACE_120:"56px",KUI_SPACE_130:"64px",KUI_SPACE_140:"80px",KUI_SPACE_150:"96px",KUI_SPACE_20:"4px",KUI_SPACE_30:"6px",KUI_SPACE_40:"8px",KUI_SPACE_50:"12px",KUI_SPACE_60:"16px",KUI_SPACE_70:"20px",KUI_SPACE_80:"24px",KUI_SPACE_90:"32px",KUI_SPACE_AUTO:"auto",KUI_STATUS_COLOR_100:"#bee2ff",KUI_STATUS_COLOR_100S:"#5f9aff",KUI_STATUS_COLOR_101:"#8fc1ff",KUI_STATUS_COLOR_102:"#5f9aff",KUI_STATUS_COLOR_103:"#306fff",KUI_STATUS_COLOR_1NA:"#eefaff",KUI_STATUS_COLOR_200:"#b5ffee",KUI_STATUS_COLOR_200S:"#00d6a4",KUI_STATUS_COLOR_201:"#00fabe",KUI_STATUS_COLOR_202:"#00d6a4",KUI_STATUS_COLOR_203:"#00a17b",KUI_STATUS_COLOR_204:"#007d60",KUI_STATUS_COLOR_205:"#005944",KUI_STATUS_COLOR_206:"#b5ffee",KUI_STATUS_COLOR_207:"#00fabe",KUI_STATUS_COLOR_208:"#b5ffee",KUI_STATUS_COLOR_226:"#00a17b",KUI_STATUS_COLOR_2NA:"#ecfffb",KUI_STATUS_COLOR_300:"#fff296",KUI_STATUS_COLOR_300S:"#ffc400",KUI_STATUS_COLOR_301:"#ffe04b",KUI_STATUS_COLOR_302:"#ffc400",KUI_STATUS_COLOR_303:"#b37600",KUI_STATUS_COLOR_304:"#995c00",KUI_STATUS_COLOR_305:"#804400",KUI_STATUS_COLOR_307:"#fff296",KUI_STATUS_COLOR_308:"#ffe04b",KUI_STATUS_COLOR_3NA:"#fffce0",KUI_STATUS_COLOR_400:"#ffc2b3",KUI_STATUS_COLOR_400S:"#ff723c",KUI_STATUS_COLOR_401:"#ff9877",KUI_STATUS_COLOR_402:"#ff723c",KUI_STATUS_COLOR_403:"#f75008",KUI_STATUS_COLOR_404:"#d13500",KUI_STATUS_COLOR_405:"#a31f00",KUI_STATUS_COLOR_406:"#ffc2b3",KUI_STATUS_COLOR_407:"#ff9877",KUI_STATUS_COLOR_408:"#ff723c",KUI_STATUS_COLOR_409:"#f75008",KUI_STATUS_COLOR_410:"#d13500",KUI_STATUS_COLOR_411:"#a31f00",KUI_STATUS_COLOR_412:"#ffc2b3",KUI_STATUS_COLOR_413:"#ff9877",KUI_STATUS_COLOR_414:"#ff723c",KUI_STATUS_COLOR_415:"#f75008",KUI_STATUS_COLOR_416:"#d13500",KUI_STATUS_COLOR_417:"#a31f00",KUI_STATUS_COLOR_418:"#ffc2b3",KUI_STATUS_COLOR_421:"#ff9877",KUI_STATUS_COLOR_422:"#ff723c",KUI_STATUS_COLOR_423:"#f75008",KUI_STATUS_COLOR_424:"#d13500",KUI_STATUS_COLOR_425:"#a31f00",KUI_STATUS_COLOR_426:"#ffc2b3",KUI_STATUS_COLOR_428:"#ff9877",KUI_STATUS_COLOR_429:"#ff723c",KUI_STATUS_COLOR_431:"#f75008",KUI_STATUS_COLOR_451:"#d13500",KUI_STATUS_COLOR_4NA:"#fff1ef",KUI_STATUS_COLOR_500:"#ffabab",KUI_STATUS_COLOR_500S:"#ff3954",KUI_STATUS_COLOR_501:"#ff7272",KUI_STATUS_COLOR_502:"#ff3954",KUI_STATUS_COLOR_503:"#f50045",KUI_STATUS_COLOR_504:"#d60027",KUI_STATUS_COLOR_505:"#ad000e",KUI_STATUS_COLOR_506:"#ffabab",KUI_STATUS_COLOR_507:"#ff7272",KUI_STATUS_COLOR_508:"#ff3954",KUI_STATUS_COLOR_510:"#f50045",KUI_STATUS_COLOR_511:"#d60027",KUI_STATUS_COLOR_5NA:"#ffe5e5",KUI_STATUS_COLOR_BACKGROUND_100:"#eefaff",KUI_STATUS_COLOR_BACKGROUND_200:"#ecfffb",KUI_STATUS_COLOR_BACKGROUND_300:"#fffce0",KUI_STATUS_COLOR_BACKGROUND_400:"#fff1ef",KUI_STATUS_COLOR_BACKGROUND_500:"#ffe5e5",KUI_STATUS_COLOR_TEXT_100:"#0044f4",KUI_STATUS_COLOR_TEXT_200:"#007d60",KUI_STATUS_COLOR_TEXT_300:"#995c00",KUI_STATUS_COLOR_TEXT_400:"#d13500",KUI_STATUS_COLOR_TEXT_500:"#d60027"},Symbol.toStringTag,{value:"Module"})),l=Object.keys(i).filter(_=>_.startsWith("KUI_COLOR")),G=_=>i[_],ot=_=>`--${_.toLowerCase().replaceAll("_","-")}`,c=()=>{if(typeof window>"u")return Object.fromEntries(l.map(R=>[R,G(R)]));const _=window.getComputedStyle(document.documentElement),t=(R,T)=>_.getPropertyValue(R).trim()||T;return Object.fromEntries(l.map(R=>[R,t(ot(R),G(R))]))},A=_=>{const t=O.ref(c());if(_&&O.watch(_,()=>{t.value=c()}),typeof window<"u"&&typeof MutationObserver<"u"){const R=new MutationObserver(()=>{t.value=c()});R.observe(document.documentElement,{attributes:!0,attributeFilter:["data-kui-theme"]}),O.getCurrentScope()&&O.onScopeDispose(()=>R.disconnect())}return t},Kt=()=>typeof window>"u"?N:window.getComputedStyle(document.documentElement).getPropertyValue("--kui-font-family-text").trim()||N,Et=_=>{const t=Kt(),R={color:_.KUI_COLOR_TEXT,fontFamily:t},T={axisLabel:{color:_.KUI_COLOR_TEXT_NEUTRAL,fontFamily:t},axisLine:{lineStyle:{color:_.KUI_COLOR_BORDER}},splitLine:{lineStyle:{color:_.KUI_COLOR_BORDER}}};return{textStyle:R,categoryAxis:T,valueAxis:T,tooltip:{backgroundColor:_.KUI_COLOR_BACKGROUND,borderWidth:0,borderRadius:4,padding:0,confine:!0,extraCssText:"box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12), 0 5px 10px rgba(0, 0, 0, 0.24);",textStyle:{color:_.KUI_COLOR_TEXT,fontFamily:t}},visualMap:{textStyle:{color:_.KUI_COLOR_TEXT_NEUTRAL,fontFamily:t}},legend:{textStyle:{color:_.KUI_COLOR_TEXT_NEUTRAL,fontFamily:t}}}},nt=_=>O.computed(()=>Et(_.value)),Ct={class:"kong-ui-public-echarts-tooltip"},St={class:"tooltip-title"},st={class:"title"},ct={key:0,class:"subtitle"},At={class:"context"},Lt={class:"metric"},Nt={class:"tooltip-rows"},at={class:"display-value"},ft=O.defineComponent({__name:"ChartTooltip",props:{title:{},context:{},metric:{},rows:{}},setup(_){return(t,R)=>(O.openBlock(),O.createElementBlock("div",Ct,[O.createElementVNode("div",St,[O.createElementVNode("div",st,O.toDisplayString(_.title),1),_.context||_.metric?(O.openBlock(),O.createElementBlock("div",ct,[O.createElementVNode("div",At,O.toDisplayString(_.context),1),O.createElementVNode("div",Lt,O.toDisplayString(_.metric),1)])):O.createCommentVNode("",!0)]),O.createElementVNode("ul",Nt,[(O.openBlock(!0),O.createElementBlock(O.Fragment,null,O.renderList(_.rows,(T,e)=>(O.openBlock(),O.createElementBlock("li",{key:`${T.label}-${e}`,class:O.normalizeClass({"extra-row":T.isExtra})},[O.createElementVNode("span",{class:"square-marker",style:O.normalizeStyle(T.isExtra?void 0:{background:T.color})},null,4),O.createElementVNode("span",{class:O.normalizeClass(["display-label",{empty:T.isSegmentEmpty}])},O.toDisplayString(T.label),3),O.createElementVNode("span",at,O.toDisplayString(T.value),1)],2))),128))])]))}}),d=(_,t)=>{const R=_.__vccOpts||_;for(const[T,e]of t)R[T]=e;return R},rt=d(ft,[["__scopeId","data-v-ca633353"]]),a=_=>Array.isArray(_)?_:[_],B=(_,t)=>typeof _=="number"?t?.[_]??String(_):_,f=(_,t,R,T)=>({color:typeof _.color=="string"?_.color:void 0,label:t,value:T?T(Number(R)):String(R??"")}),Dt=_=>Array.isArray(_)?_[_.length-1]:_,it=_=>{const t=a(_),R=t[0];return{context:String(R?.axisValueLabel??R?.name??""),rows:t.map(T=>f(T,T.seriesName??"",Dt(T.value)))}},lt=_=>{let t;return O.getCurrentScope()&&O.onScopeDispose(()=>{t&&O.render(null,t)}),R=>{const T=(_()??it)(R);return T?(t??=document.createElement("div"),O.render(O.h(rt,T),t),t):""}},Gt={class:"kong-ui-public-echarts"},r=d(O.defineComponent({name:"KongECharts",inheritAttrs:!1,__name:"ECharts",props:{option:{},height:{default:"400px"},tooltipContent:{type:Function}},setup(_){O.useCssVars(E=>({v1cecfeed:E.height})),L.use([H.CanvasRenderer,s.GridComponent,s.TooltipComponent]);const t=A(),R=nt(t),T=lt(()=>_.tooltipContent),e=O.computed(()=>({..._.option,tooltip:{..._.option?.tooltip,formatter:T}}));return(E,o)=>(O.openBlock(),O.createElementBlock("div",Gt,[O.createVNode(O.unref(x),O.mergeProps({autoresize:!0,class:"chart",option:e.value,theme:O.unref(R)},E.$attrs),null,16,["option","theme"])]))}}),[["__scopeId","data-v-68114d20"]]),p=_=>typeof _=="object"&&_!==null&&!Array.isArray(_),S=(_,...t)=>{const R={..._};for(const T of t)if(T)for(const[e,E]of Object.entries(T)){if(E===void 0)continue;const o=R[e];R[e]=p(o)&&p(E)?S(o,E):E}return R},dt=O.defineComponent({__name:"HeatmapChart",props:{data:{},xAxisLabels:{},yAxisLabels:{},seriesName:{},min:{},max:{},colorRange:{},valueFormatter:{type:Function},visibleRows:{},showValues:{type:Boolean},seriesOption:{},option:{},height:{},tooltipTitle:{}},setup(_){L.use([D.HeatmapChart,s.VisualMapComponent,s.DataZoomSliderComponent]);const t=A(),R=o=>{const[K]=a(o),[I,n,C]=K.value;return{title:_.tooltipTitle,context:B(I,_.xAxisLabels),metric:_.seriesName,rows:[f(K,B(n,_.yAxisLabels),C,_.valueFormatter)]}},T=o=>({type:"slider",yAxisIndex:0,startValue:0,endValue:o-1,zoomLock:!0,right:10,width:8,handleSize:0,moveHandleSize:0,showDetail:!1,brushSelect:!1,showDataShadow:!1,borderColor:"transparent",backgroundColor:t.value.KUI_COLOR_BACKGROUND_NEUTRAL_WEAKEST,fillerColor:t.value.KUI_COLOR_BACKGROUND_NEUTRAL_WEAK}),e=O.computed(()=>{const o=_.data??[],K=!!_.visibleRows&&_.visibleRows<(_.yAxisLabels?.length??0),I=_.valueFormatter?n=>_.valueFormatter(Number(n)):void 0;return{grid:{top:10,left:10,right:K?30:20,bottom:70,outerBoundsMode:"same",outerBoundsContain:"axisLabel"},xAxis:{type:"category",data:_.xAxisLabels??[],splitArea:{show:!1},axisLine:{show:!1},axisTick:{show:!1}},yAxis:{type:"category",data:_.yAxisLabels??[],inverse:!0,splitArea:{show:!1},axisLine:{show:!1},axisTick:{show:!1},axisLabel:{width:160,overflow:"truncate"}},visualMap:{min:_.min??0,max:_.max??o.reduce((n,[,,C])=>Math.max(n,C),1),calculable:!0,orient:"horizontal",left:"center",bottom:0,inRange:{color:_.colorRange??[t.value.KUI_COLOR_BACKGROUND_INFO_WEAKEST,t.value.KUI_COLOR_BACKGROUND_INFO_STRONG]},formatter:I},...K?{dataZoom:[T(_.visibleRows)]}:{},series:[S({name:_.seriesName,type:"heatmap",data:o,animation:!1,label:{show:_.showValues??!1,formatter:_.valueFormatter?({value:n})=>_.valueFormatter(Number(n[2])):void 0},itemStyle:{borderColor:t.value.KUI_COLOR_BACKGROUND,borderWidth:2,borderRadius:2},emphasis:{itemStyle:{shadowBlur:5,shadowColor:t.value.KUI_COLOR_BACKGROUND_OVERLAY}}},_.seriesOption)]}}),E=O.computed(()=>S(e.value,_.option));return(o,K)=>(O.openBlock(),O.createBlock(r,{height:_.height,option:E.value,"tooltip-content":R},null,8,["height","option"]))}}),Bt=O.defineComponent({__name:"TreeMapChart",props:{data:{},seriesName:{},showValues:{type:Boolean},valueFormatter:{type:Function},colorPalette:{},drillDown:{type:Boolean,default:!0},leafDepth:{},seriesOption:{},option:{},height:{},tooltipTitle:{}},setup(_){L.use([D.TreemapChart]);const t=A(),R=K=>{const[I]=a(K),n=I.treePathInfo??[];if(n.length===1)return;const C=n.slice(1,-1).map(({name:pt})=>pt);return{title:_.tooltipTitle,context:C.length?C.join(" / "):void 0,metric:_.seriesName,rows:[f(I,I.name,Number(I.value),_.valueFormatter)]}},T=()=>[t.value.KUI_COLOR_BACKGROUND_PRIMARY_WEAK,t.value.KUI_COLOR_BACKGROUND_SUCCESS_WEAK,t.value.KUI_COLOR_BACKGROUND_WARNING_WEAK,t.value.KUI_COLOR_BACKGROUND_DANGER_WEAK,t.value.KUI_COLOR_BACKGROUND_INFO_WEAK,t.value.KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE_WEAKEST,t.value.KUI_COLOR_BACKGROUND_DECORATIVE_AQUA_WEAKEST],e=(K=[])=>K.reduce((I,n)=>Math.max(I,1+e(n.children)),0),E=O.computed(()=>({series:[S({name:_.seriesName,type:"treemap",data:_.data??[],nodeClick:_.drillDown?"zoomToNode":!1,leafDepth:_.leafDepth??e(_.data),roam:!1,left:0,top:0,right:0,bottom:_.drillDown?40:0,visibleMin:0,breadcrumb:{show:_.drillDown,itemStyle:{color:t.value.KUI_COLOR_BACKGROUND_NEUTRAL_WEAK,borderColor:"transparent",borderWidth:0,borderRadius:2,textStyle:{color:t.value.KUI_COLOR_TEXT}},emphasis:{itemStyle:{color:t.value.KUI_COLOR_BACKGROUND_NEUTRAL,textStyle:{color:t.value.KUI_COLOR_TEXT}}}},levels:[{color:_.colorPalette??T(),itemStyle:{borderColor:t.value.KUI_COLOR_BACKGROUND,borderWidth:2,gapWidth:2}},{colorAlpha:[.55,1],itemStyle:{borderColor:t.value.KUI_COLOR_BACKGROUND,borderWidth:1,gapWidth:1}}],label:{show:!0,color:t.value.KUI_COLOR_TEXT,align:"center",verticalAlign:"middle",overflow:"truncate",formatter:_.showValues?({name:K,value:I})=>`${K}
2
- ${_.valueFormatter?_.valueFormatter(Number(I)):String(I)}`:void 0}},_.seriesOption)]})),o=O.computed(()=>S(E.value,_.option));return(K,I)=>(O.openBlock(),O.createBlock(r,{height:_.height,option:o.value,"tooltip-content":R},null,8,["height","option"]))}});U.ECharts=r,U.HeatmapChart=dt,U.TreeMapChart=Bt,U.chartColors=c,U.useChartColors=A,Object.defineProperty(U,Symbol.toStringTag,{value:"Module"})}));
package/dist/style.css DELETED
@@ -1 +0,0 @@
1
- .kong-ui-public-echarts-tooltip[data-v-ca633353]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);max-width:425px}.kong-ui-public-echarts-tooltip .tooltip-title[data-v-ca633353]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:6px 6px 0;margin:var(--kui-space-30, 6px) var(--kui-space-30, 6px) 0;min-height:24px;padding-bottom:4px;padding-bottom:var(--kui-space-20, 4px)}.kong-ui-public-echarts-tooltip .tooltip-title .title[data-v-ca633353]{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-public-echarts-tooltip .tooltip-title .subtitle[data-v-ca633353]{display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:8px;gap:var(--kui-space-40, 8px);justify-content:space-between;margin-top:6px;margin-top:var(--kui-space-30, 6px)}.kong-ui-public-echarts-tooltip .tooltip-rows[data-v-ca633353]{list-style:none;margin:6px;margin:var(--kui-space-30, 6px);max-height:300px;min-width:250px;overflow-y:auto;padding-left:0;padding-left:var(--kui-space-0, 0px)}.kong-ui-public-echarts-tooltip .tooltip-rows li[data-v-ca633353]{align-items:center;display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:20px;line-height:var(--kui-line-height-30, 20px)}.kong-ui-public-echarts-tooltip .tooltip-rows .square-marker[data-v-ca633353]{display:inline-flex;flex-shrink:0;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.kong-ui-public-echarts-tooltip .tooltip-rows .display-label[data-v-ca633353]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-echarts-tooltip .tooltip-rows .display-label.empty[data-v-ca633353]{font-style:italic}.kong-ui-public-echarts-tooltip .tooltip-rows .display-value[data-v-ca633353]{font-variant-numeric:tabular-nums;margin-left:auto;padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}.kong-ui-public-echarts-tooltip .tooltip-rows .extra-row .display-label[data-v-ca633353],.kong-ui-public-echarts-tooltip .tooltip-rows .extra-row .display-value[data-v-ca633353]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489)}.kong-ui-public-echarts[data-v-68114d20]{width:100%}.chart[data-v-68114d20]{height:var(--v1cecfeed)}
@@ -1,5 +0,0 @@
1
- import type { ChartTooltipProps } from '../types/index.ts';
2
- declare const __VLS_export: import("vue").DefineComponent<ChartTooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChartTooltipProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
3
- declare const _default: typeof __VLS_export;
4
- export default _default;
5
- //# sourceMappingURL=ChartTooltip.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChartTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ChartTooltip.vue"],"names":[],"mappings":"AA+HA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAiG1D,QAAA,MAAM,YAAY,8SAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
@@ -1,12 +0,0 @@
1
- import type { EChartsOption } from 'echarts';
2
- import type { ChartTooltipContent } from '../types/index.ts';
3
- type __VLS_Props = {
4
- option?: EChartsOption;
5
- height?: string;
6
- /** What the shared tooltip shows. Falls back to the hovered category and each series' color, name and value. */
7
- tooltipContent?: ChartTooltipContent;
8
- };
9
- declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
10
- declare const _default: typeof __VLS_export;
11
- export default _default;
12
- //# sourceMappingURL=ECharts.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ECharts.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ECharts.vue"],"names":[],"mappings":"AA0EA,OAAO,KAAK,EAAE,aAAa,EAA0B,MAAM,SAAS,CAAA;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAU5D,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gHAAgH;IAChH,cAAc,CAAC,EAAE,mBAAmB,CAAA;CACrC,CAAC;AAgEF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
@@ -1,5 +0,0 @@
1
- import type { HeatmapChartProps } from '../../types/index.ts';
2
- declare const __VLS_export: import("vue").DefineComponent<HeatmapChartProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<HeatmapChartProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
3
- declare const _default: typeof __VLS_export;
4
- export default _default;
5
- //# sourceMappingURL=HeatmapChart.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeatmapChart.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-types/HeatmapChart.vue"],"names":[],"mappings":"AA+KA,OAAO,KAAK,EAAuB,iBAAiB,EAAoB,MAAM,sBAAsB,CAAA;AAuLpG,QAAA,MAAM,YAAY,8SAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
@@ -1,5 +0,0 @@
1
- import type { TreeMapChartProps } from '../../types/index.ts';
2
- declare const __VLS_export: import("vue").DefineComponent<TreeMapChartProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TreeMapChartProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
3
- declare const _default: typeof __VLS_export;
4
- export default _default;
5
- //# sourceMappingURL=TreeMapChart.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TreeMapChart.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-types/TreeMapChart.vue"],"names":[],"mappings":"AA6KA,OAAO,KAAK,EAAuB,iBAAiB,EAAmB,MAAM,sBAAsB,CAAA;AAuLnG,QAAA,MAAM,YAAY,8SAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
@@ -1,25 +0,0 @@
1
- /**
2
- * Why this file exists?
3
- *
4
- * ECharts renders to a canvas, so chart colors can't consume `--kui-color-*`
5
- * custom properties via `var()` the way DOM components do.
6
- * This composable resolves the token values from the document instead, and re-resolves them
7
- * whenever the theme changes so charts stay in sync.
8
- *
9
- * Every color token exported by `@kong/design-tokens` is resolved generically,
10
- * so new tokens are picked up without any changes here.
11
- */
12
- import type { Ref } from 'vue';
13
- import type { ChartColors } from '../types';
14
- /**
15
- * Resolve every color token from `@kong/design-tokens` CSS custom properties at
16
- * runtime so charts pick up the active theme, falling back to the static
17
- * token values from the package. https://github.com/Kong/design-tokens
18
- */
19
- export declare const chartColors: () => ChartColors;
20
- /**
21
- * Reactive `chartColors`: re-resolves when `trigger` changes, and whenever
22
- * the theme (the `data-kui-theme` attribute on `<html>`) changes.
23
- */
24
- export declare const useChartColors: (trigger?: Ref<unknown>) => Ref<ChartColors>;
25
- //# sourceMappingURL=useChartColors.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useChartColors.d.ts","sourceRoot":"","sources":["../../../src/composables/useChartColors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAS3C;;;;GAIG;AACH,eAAO,MAAM,WAAW,QAAO,WAc9B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,UAAU,GAAG,CAAC,OAAO,CAAC,KAAG,GAAG,CAAC,WAAW,CAsBtE,CAAA"}
@@ -1,20 +0,0 @@
1
- /**
2
- * Why this file exists?
3
- *
4
- * Every chart should share the same look and feel (text, axis, tooltip and
5
- * legend colors) without each chart wrapper wiring up its own theme option.
6
- * This builds the ECharts theme object (see `VChart`'s `theme` prop) once
7
- * from the resolved design-token colors, so it stays in sync with the active
8
- * theme the same way `useChartColors` does.
9
- */
10
- import type { ComputedRef, Ref } from 'vue';
11
- import type { ChartColors } from '../types';
12
- /** An ECharts theme option object (see `echarts.registerTheme`/`setTheme`). */
13
- export type ChartTheme = Record<string, unknown>;
14
- /** Resolves `--kui-font-family-text` from the active theme, falling back to the static token. */
15
- export declare const chartFontFamily: () => string;
16
- /** Builds the ECharts theme object from already-resolved chart colors. */
17
- export declare const chartTheme: (colors: ChartColors) => ChartTheme;
18
- /** Reactive chart theme, rebuilt whenever the given resolved colors change. */
19
- export declare const useChartTheme: (colors: Ref<ChartColors>) => ComputedRef<ChartTheme>;
20
- //# sourceMappingURL=useChartTheme.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useChartTheme.d.ts","sourceRoot":"","sources":["../../../src/composables/useChartTheme.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,+EAA+E;AAC/E,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAEhD,iGAAiG;AACjG,eAAO,MAAM,eAAe,QAAO,MAMlC,CAAA;AAED,0EAA0E;AAC1E,eAAO,MAAM,UAAU,GAAI,QAAQ,WAAW,KAAG,UA+BhD,CAAA;AAED,+EAA+E;AAC/E,eAAO,MAAM,aAAa,GAAI,QAAQ,GAAG,CAAC,WAAW,CAAC,KAAG,WAAW,CAAC,UAAU,CAE9E,CAAA"}
@@ -1,20 +0,0 @@
1
- /**
2
- * Why this file exists?
3
- *
4
- * Every chart shows the same `ChartTooltip`; charts and consumers only decide
5
- * what goes in it. ECharts measures and positions the tooltip right after
6
- * `tooltip.formatter` returns, so the Vue content is rendered synchronously
7
- * with `render()`. Rendering on Vue's next tick (like vue-echarts' `#tooltip`
8
- * slot does) would position the first tooltip as if it were empty.
9
- */
10
- import type { ChartTooltipContent } from '../types';
11
- import type { TooltipComponentFormatterCallbackParams } from 'echarts';
12
- /**
13
- * Default content for charts that don't build their own, like the
14
- * analytics-chart tooltips: the hovered category (e.g. the time) as the
15
- * subtitle, and a row per series with its color, name and value.
16
- */
17
- export declare const defaultTooltipContent: ChartTooltipContent;
18
- /** Returns a `tooltip.formatter` that renders `ChartTooltip` with the chart type's content (or the default). */
19
- export declare const useChartTooltip: (getContent: () => ChartTooltipContent | undefined) => (params: TooltipComponentFormatterCallbackParams) => HTMLElement | string;
20
- //# sourceMappingURL=useChartTooltip.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useChartTooltip.d.ts","sourceRoot":"","sources":["../../../src/composables/useChartTooltip.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,KAAK,EAAE,uCAAuC,EAAE,MAAM,SAAS,CAAA;AAKtE;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,mBAQnC,CAAA;AAED,gHAAgH;AAChH,eAAO,MAAM,eAAe,GAAI,YAAY,MAAM,mBAAmB,GAAG,SAAS,MAWvE,QAAQ,uCAAuC,KAAG,WAAW,GAAG,MAazE,CAAA"}
@@ -1,8 +0,0 @@
1
- import ECharts from './components/ECharts.vue';
2
- import HeatmapChart from './components/chart-types/HeatmapChart.vue';
3
- import TreeMapChart from './components/chart-types/TreeMapChart.vue';
4
- export { ECharts, // Base ECharts component, exported by wrapping up with default theme and common settings
5
- HeatmapChart, TreeMapChart, };
6
- export { chartColors, useChartColors } from './composables/useChartColors.ts';
7
- export * from './types/index.ts';
8
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,0BAA0B,CAAA;AAC9C,OAAO,YAAY,MAAM,2CAA2C,CAAA;AACpE,OAAO,YAAY,MAAM,2CAA2C,CAAA;AAEpE,OAAO,EACL,OAAO,EAAE,yFAAyF;AAClG,YAAY,EACZ,YAAY,GACb,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAE7E,cAAc,kBAAkB,CAAA"}
@@ -1,121 +0,0 @@
1
- import type * as designTokens from '@kong/design-tokens';
2
- import type { EChartsOption, HeatmapSeriesOption, TooltipComponentFormatterCallbackParams, TreemapSeriesOption } from 'echarts';
3
- export type { EChartsOption, HeatmapSeriesOption, TooltipComponentFormatterCallbackParams, TreemapSeriesOption };
4
- /**
5
- * Color token values resolved at runtime, keyed by the design token names
6
- * (`KUI_COLOR_TEXT_DISABLED` → `--kui-color-text-disabled`, etc.).
7
- * Keyed by exactly the color tokens exported by `@kong/design-tokens`,
8
- * derived from its type declarations so no per-token list is maintained
9
- * here and no runtime code is pulled in.
10
- *
11
- * Mapped with an `as` key filter rather than `Record<ColorTokenName, string>`
12
- * because only that form preserves the per-token JSDoc on hover.
13
- */
14
- export type ChartColors = {
15
- readonly [K in keyof typeof designTokens as K extends `KUI_COLOR${string}` ? K : never]: string;
16
- };
17
- /**
18
- * `[column, row, value]` point. `column`/`row` can be either the category's
19
- * index in `xAxisLabels`/`yAxisLabels`, or the category name itself.
20
- */
21
- export type HeatmapDataPoint = [string | number, string | number, number];
22
- export interface ChartTooltipRow {
23
- /** Marker color, e.g. the series or cell color. Extra rows have no marker. */
24
- color?: string;
25
- label: string;
26
- /** Already formatted value. */
27
- value: string;
28
- /** Supporting info (e.g. a total): neutral text and no color marker. */
29
- isExtra?: boolean;
30
- /** Shows the label in italics, e.g. for an empty segment. */
31
- isSegmentEmpty?: boolean;
32
- }
33
- export interface ChartTooltipProps {
34
- title?: string;
35
- /** Left side of the subtitle, e.g. the hovered dimension. */
36
- context?: string;
37
- /** Right side of the subtitle, e.g. the metric name. */
38
- metric?: string;
39
- rows?: ChartTooltipRow[];
40
- }
41
- /**
42
- * Builds the shared tooltip's content from the hovered item's ECharts tooltip
43
- * params. Chart types provide one; consumers only set the title (`tooltipTitle`).
44
- * Returns `undefined` to show no tooltip for the hovered item.
45
- */
46
- export type ChartTooltipContent = (params: TooltipComponentFormatterCallbackParams) => ChartTooltipProps | undefined;
47
- interface BaseChartProps {
48
- /**
49
- * Raw echarts option, always deep-merged over the generated option: nested
50
- * plain objects merge recursively, arrays and primitive values replace the
51
- * generated ones. Passing `series` here replaces the generated series, so
52
- * use the chart's `seriesOption` prop to tweak it instead.
53
- */
54
- option?: EChartsOption;
55
- /** Chart height. Defaults to `400px`. */
56
- height?: string;
57
- /** Bold title of the shared tooltip, like `tooltipTitle` in `@kong-ui-public/analytics-chart`. Empty by default. */
58
- tooltipTitle?: string;
59
- }
60
- /**
61
- * A node in the treemap's hierarchical data: a `name`, a `value` (required on
62
- * leaves) and optional `children`. It's ECharts' own node option, so per-node
63
- * `itemStyle`, `label`, etc. work too; see the [treemap data docs](../docs/treemap-chart.md#data).
64
- */
65
- export type TreeMapDataNode = Omit<NonNullable<TreemapSeriesOption['data']>[number], 'name' | 'children'> & {
66
- name: string;
67
- children?: TreeMapDataNode[];
68
- };
69
- export interface TreeMapChartProps extends BaseChartProps {
70
- /** Hierarchical data: top-level groups with nested children. Renders an empty chart when omitted. */
71
- data?: TreeMapDataNode[];
72
- seriesName?: string;
73
- /** Shows each node's value (formatted with `valueFormatter`) under its name. */
74
- showValues?: boolean;
75
- /** Formats values in the tooltip and the node labels. */
76
- valueFormatter?: (value: number) => string;
77
- /**
78
- * Categorical colors, one per top-level group; cycled if more groups than colors.
79
- * To color specific groups or nodes, set `itemStyle.color` on them in `data`.
80
- */
81
- colorPalette?: string[];
82
- /** Click a group to zoom into it, with a breadcrumb at the bottom to go back. Defaults to `true`. */
83
- drillDown?: boolean;
84
- /** Initial depth to show: deeper levels appear when drilling into a group. Shows all levels by default. */
85
- leafDepth?: number;
86
- /**
87
- * Deep-merged into the generated treemap series, e.g. to change node borders
88
- * or label styles. The series `data` still comes from `data`.
89
- */
90
- seriesOption?: TreemapSeriesOption;
91
- }
92
- export interface HeatmapChartProps extends BaseChartProps {
93
- /** `[column, row, value]` points. Renders an empty chart when omitted. */
94
- data?: HeatmapDataPoint[];
95
- /** Category labels for the x-axis (e.g. week labels). */
96
- xAxisLabels?: string[];
97
- /** Category labels for the y-axis (e.g. weekday names). */
98
- yAxisLabels?: string[];
99
- seriesName?: string;
100
- /** Lower bound of the visual map. Defaults to `0`. */
101
- min?: number;
102
- /** Upper bound of the visual map. Defaults to the largest data value (at least `1`). */
103
- max?: number;
104
- /** Gradient colors for the visual map, from low to high (two or more). Defaults to theme token colors. */
105
- colorRange?: string[];
106
- /** Formats values in the tooltip and the visual map labels. */
107
- valueFormatter?: (value: number) => string;
108
- /**
109
- * Show at most this many rows, with a scrollbar on the right to scroll
110
- * through the rest.
111
- */
112
- visibleRows?: number;
113
- /** Show each cell's value (formatted with `valueFormatter`) inside the cell. */
114
- showValues?: boolean;
115
- /**
116
- * Deep-merged into the generated heatmap series, e.g. to change cell
117
- * borders or label styles. The series `data` still comes from `data`.
118
- */
119
- seriesOption?: HeatmapSeriesOption;
120
- }
121
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,YAAY,MAAM,qBAAqB,CAAA;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,uCAAuC,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAG/H,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,uCAAuC,EAAE,mBAAmB,EAAE,CAAA;AAEhH;;;;;;;;;GASG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,CAAC,IAAI,MAAM,OAAO,YAAY,IAAI,CAAC,SAAS,YAAY,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,GAAG,MAAM;CAChG,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,CAAA;AAEzE,MAAM,WAAW,eAAe;IAC9B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,eAAe,EAAE,CAAA;CACzB;AAED;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,uCAAuC,KAAK,iBAAiB,GAAG,SAAS,CAAA;AAEpH,UAAU,cAAc;IACtB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oHAAoH;IACpH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,GAAG;IAC1G,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B,CAAA;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACvD,qGAAqG;IACrG,IAAI,CAAC,EAAE,eAAe,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,yDAAyD;IACzD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAC1C;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,qGAAqG;IACrG,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,2GAA2G;IAC3G,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,mBAAmB,CAAA;CACnC;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACvD,0EAA0E;IAC1E,IAAI,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACzB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,sDAAsD;IACtD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,wFAAwF;IACxF,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,0GAA0G;IAC1G,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAC1C;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,mBAAmB,CAAA;CACnC"}
@@ -1,9 +0,0 @@
1
- type Mergeable = Record<PropertyKey, any>;
2
- /**
3
- * Deep-merge chart option objects. Nested plain objects are merged
4
- * recursively; any other value type (including arrays) in `overrides`
5
- * replaces the value in `base`. `null`/`undefined` overrides are ignored.
6
- */
7
- export declare const deepMerge: <T extends Mergeable>(base: T, ...overrides: Array<Mergeable | null | undefined>) => T;
8
- export {};
9
- //# sourceMappingURL=deepMerge.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"deepMerge.d.ts","sourceRoot":"","sources":["../../../src/utils/deepMerge.ts"],"names":[],"mappings":"AAAA,KAAK,SAAS,GAAG,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,CAAA;AAMzC;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,SAAS,EAAE,MAAM,CAAC,EAAE,GAAG,WAAW,KAAK,CAAC,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC,KAAG,CAsB3G,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './deepMerge';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}
@@ -1,10 +0,0 @@
1
- import type { ChartTooltipRow } from '../types';
2
- import type { DefaultLabelFormatterCallbackParams, TooltipComponentFormatterCallbackParams } from 'echarts';
3
- /** Helpers for building a chart type's `tooltipContent` (see `ChartTooltipContent`). */
4
- /** The hovered items as a list, for both `item` and `axis` tooltip triggers. */
5
- export declare const tooltipItems: (params: TooltipComponentFormatterCallbackParams) => DefaultLabelFormatterCallbackParams[];
6
- /** A category axis value can be an index into the labels or the category name itself. */
7
- export declare const categoryLabel: (value: string | number, labels?: string[]) => string;
8
- /** A tooltip row for a hovered item: its marker color, a label and the formatted value. */
9
- export declare const tooltipRow: (item: DefaultLabelFormatterCallbackParams, label: string, value: unknown, formatter?: (value: number) => string) => ChartTooltipRow;
10
- //# sourceMappingURL=tooltip.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/utils/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,KAAK,EAAE,mCAAmC,EAAE,uCAAuC,EAAE,MAAM,SAAS,CAAA;AAE3G,wFAAwF;AAExF,gFAAgF;AAChF,eAAO,MAAM,YAAY,GAAI,QAAQ,uCAAuC,KAAG,mCAAmC,EAEjH,CAAA;AAED,yFAAyF;AACzF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,GAAG,MAAM,EAAE,SAAS,MAAM,EAAE,KAAG,MAEzE,CAAA;AAED,2FAA2F;AAC3F,eAAO,MAAM,UAAU,GACrB,MAAM,mCAAmC,EACzC,OAAO,MAAM,EACb,OAAO,OAAO,EACd,YAAY,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,KACpC,eAID,CAAA"}