@gpustack/core-ui 1.0.33 → 1.0.34

package/dist/charts.es.js

@@ -0,0 +1,859 @@
+import { o as e } from "./rolldown-runtime-BETGA6I9.js";
+import { t } from "./lodash-CFrt21kh.js";
+import { t as n } from "./useCoreUIContext-_TAsecw_.js";
+import { a as r, c as i } from "./utils-B4OCyMbr.js";
+import { forwardRef as a, useCallback as o, useEffect as s, useImperativeHandle as c, useMemo as l, useRef as u } from "react";
+import { BarChart as d, GaugeChart as f, LineChart as p, PieChart as m, ScatterChart as h } from "echarts/charts";
+import { DataZoomComponent as g, DatasetComponent as _, GridComponent as v, LegendComponent as y, TitleComponent as b, TooltipComponent as x, TransformComponent as S } from "echarts/components";
+import * as C from "echarts/core";
+import { LabelLayout as w, UniversalTransition as T } from "echarts/features";
+import { CanvasRenderer as E } from "echarts/renderers";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { Empty as A, theme as j } from "antd";
+//#region src/lib/components/echarts/index.ts
+var M = /* @__PURE__ */ e(t(), 1);
+C.use([
+	y,
+	b,
+	x,
+	v,
+	_,
+	S,
+	g,
+	d,
+	p,
+	h,
+	m,
+	f,
+	w,
+	T,
+	E
+]);
+var N = C, P = a(({ options: e, width: t, height: n, chartHeight: r }, i) => {
+	let a = u(null), o = u(), l = u(!1), d = u(), f = u(!1);
+	c(i, () => ({ chart: o.current }));
+	let p = () => {
+		a.current && (o.current?.clear(), o.current = N.init(a.current));
+	}, m = (e) => {
+		o.current && (o.current?.clear(), o.current?.setOption(e, {
+			notMerge: !0,
+			lazyUpdate: !0
+		}), Array.isArray(e.yAxis) && e.yAxis.length > 1 && o.current?.resize());
+	};
+	return s(() => {
+		let e = () => {
+			if (!o.current || f.current) return;
+			let e = o.current, t = e.getOption()?.yAxis;
+			if (!t || !Array.isArray(t) || t.length < 2) return;
+			let n = e.getModel(), r = [n.getComponent("yAxis", 0), n.getComponent("yAxis", 1)];
+			if (!r[0] || !r[1]) return;
+			let i = r.map((e) => e.axis), a = i.map((e) => e.scale.getInterval()), s = i.map((e) => e.scale.getTicks()).map((e) => e.length), c = Math.max(s[0], s[1]), l = a[0] * (c - 1), u = a[1] * (c - 1);
+			if (s[0] === s[1]) return;
+			let d = [{}, {}];
+			s[0] < c && (d[0].max = M.default.round(l, 2), d[0].interval = a[0], d[0].splitNumber = c), s[1] < c && (d[1].max = M.default.round(u, 2), d[1].interval = a[1], d[1].splitNumber = c), f.current = !0, e.setOption({ yAxis: d });
+		};
+		return a.current && (p(), o.current?.on("finished", e)), () => {
+			o.current?.off("finished", e), o.current?.dispose();
+		};
+	}, []), s(() => {
+		l.current = !1, f.current = !1, m(e), l.current = !0;
+	}, [e]), s(() => {
+		let e = (0, M.throttle)(() => {
+			l.current && o.current?.resize();
+		}, 100);
+		return a.current && (d.current = new ResizeObserver(e), d.current.observe(a.current)), () => {
+			d.current?.disconnect(), d.current = void 0;
+		};
+	}, []), /* @__PURE__ */ O("div", {
+		className: "chart-wrapper",
+		style: {
+			width: t,
+			height: n
+		},
+		children: /* @__PURE__ */ O("div", {
+			ref: a,
+			style: {
+				width: t,
+				height: r || n
+			}
+		})
+	});
+}), F = {
+	left: 0,
+	right: 0,
+	bottom: 20,
+	containLabel: !0
+};
+function I() {
+	let { config: e } = n(), { isDarkTheme: t, theme: i } = e, { useToken: a } = j, { token: o } = a(), s = l(() => ({
+		titleColor: o.colorText,
+		splitLineColor: o.colorBorder,
+		tickLineColor: o.colorSplit,
+		axislabelColor: o.colorTextTertiary,
+		colorSecondary: o.colorTextSecondary,
+		colorTertiary: o.colorTextTertiary,
+		gaugeBgColor: o.colorFillSecondary,
+		gaugeSplitLineColor: t ? "rgba(255,255,255,.3)" : "rgba(255, 255, 255, 1)",
+		gaugeSplitLineColor2: t ? "rgba(255,255,255,.5)" : "rgba(255, 255, 255, 1)",
+		colorBgContainerHover: t ? "#424242" : "#fff"
+	}), [i, t]);
+	return {
+		token: o,
+		tooltip: {
+			trigger: "axis",
+			backgroundColor: s.colorBgContainerHover,
+			borderColor: "transparent",
+			formatter(e, t) {
+				let n = `<span class="tooltip-x-name">${e[0].axisValue}</span>`, r = 0;
+				return e.forEach((e) => {
+					let i = (0, M.isFunction)(t) ? t?.(e.data.value) : e.data?.value;
+					if (i == null) return;
+					r += 1;
+					let a = e.seriesType === "bar" ? "2px" : "8px";
+					n += `<span class="tooltip-item">
+          <span class="tooltip-item-name">
+            <span class="tooltip-item-dot" style="border-radius:${a};background-color:${e.color};"></span>
+            <span class="tooltip-item-title">${e.seriesName}</span>:
+          </span>
+            <span class="tooltip-value">${i}</span>
+      </span>`;
+				}), `<div class="${r >= 12 ? "tooltip-wrapper tooltip-grid" : "tooltip-wrapper"}">${n}</div>`;
+			}
+		},
+		grid: F,
+		legend: {
+			itemWidth: 8,
+			itemHeight: 8,
+			itemGap: 12,
+			textStyle: { color: s.axislabelColor }
+		},
+		xAxis: {
+			type: "category",
+			axisTick: {
+				show: !0,
+				lineStyle: { color: s.tickLineColor }
+			},
+			axisLabel: {
+				color: s.axislabelColor,
+				fontSize: 12
+			},
+			axisLine: { show: !1 }
+		},
+		yAxis: {
+			nameTextStyle: { padding: [
+				0,
+				0,
+				0,
+				-20
+			] },
+			splitLine: {
+				show: !0,
+				lineStyle: {
+					type: "dashed",
+					color: s.splitLineColor
+				}
+			},
+			axisLabel: {
+				color: s.axislabelColor,
+				fontSize: 12,
+				formatter: r
+			},
+			axisTick: { show: !1 },
+			type: "value"
+		},
+		title: {
+			show: !0,
+			left: "center",
+			textStyle: {
+				fontSize: 12,
+				color: s.titleColor
+			},
+			text: ""
+		},
+		chartColorMap: s,
+		barItemConfig: {
+			type: "bar",
+			barMaxWidth: 20,
+			barMinWidth: 8,
+			barGap: "30%",
+			barCategoryGap: "50%"
+		},
+		lineItemConfig: {
+			type: "line",
+			smooth: !0,
+			showSymbol: !1,
+			itemStyle: {},
+			lineStyle: {
+				width: 1.5,
+				opacity: .7
+			}
+		},
+		gaugeItemConfig: {
+			type: "gauge",
+			radius: "88%",
+			center: ["50%", "65%"],
+			startAngle: 190,
+			endAngle: -10,
+			min: 0,
+			max: 100,
+			splitNumber: 5,
+			progress: {
+				show: !0,
+				roundCap: !1,
+				width: 12
+			},
+			pointer: {
+				length: "80%",
+				width: 4,
+				itemStyle: { color: "auto" }
+			},
+			axisLine: {
+				roundCap: !1,
+				lineStyle: {
+					width: 12,
+					color: [
+						[.5, "rgba(84, 204, 152, 80%)"],
+						[.8, "rgba(250, 173, 20, 80%)"],
+						[1, "rgba(255, 77, 79, 80%)"]
+					]
+				}
+			},
+			axisTick: {
+				distance: -11,
+				length: 6,
+				splitNumber: 5,
+				lineStyle: {
+					width: 1.5,
+					color: s.gaugeSplitLineColor
+				}
+			},
+			splitLine: {
+				distance: -5,
+				length: 5,
+				lineStyle: {
+					width: 1.5,
+					color: s.gaugeSplitLineColor2
+				}
+			},
+			axisLabel: {
+				distance: 14,
+				color: s.axislabelColor,
+				fontSize: 12
+			},
+			detail: {
+				lineHeight: 40,
+				height: 40,
+				offsetCenter: [5, 30],
+				valueAnimation: !1,
+				fontSize: 20,
+				color: s.titleColor,
+				formatter(e) {
+					return "{value|" + e + "}{unit|%}";
+				},
+				rich: {
+					value: {
+						fontSize: 16,
+						fontWeight: 500,
+						color: s.titleColor
+					},
+					unit: {
+						fontSize: 14,
+						color: s.titleColor,
+						fontWeight: 500,
+						padding: [
+							0,
+							0,
+							0,
+							2
+						]
+					}
+				}
+			}
+		},
+		isDark: t
+	};
+}
+//#endregion
+//#region src/lib/components/empty-data/index.tsx
+var L = ({ height: e, title: t }) => /* @__PURE__ */ k("div", {
+	style: {
+		width: "100%",
+		height: e || "100%"
+	},
+	className: "flex-center  flex-column ",
+	children: [t && /* @__PURE__ */ O("h3", {
+		className: "justify-center font-size-12",
+		style: {
+			padding: "4px 0",
+			marginBottom: 0
+		},
+		children: t
+	}), /* @__PURE__ */ O("div", {
+		className: "flex-center justify-center flex-column",
+		style: { height: "100%" },
+		children: /* @__PURE__ */ O(A, { image: A.PRESENTED_IMAGE_SIMPLE })
+	})]
+}), R = (e) => {
+	let { seriesData: t, xAxisData: n, height: r, width: i, labelFormatter: a, legendData: o, title: s, stack: c = "total" } = e, { barItemConfig: u, grid: d, legend: f, title: p, tooltip: m, xAxis: h, yAxis: g } = I(), _ = typeof s == "string" ? s : s?.text ?? "", v = l(() => {
+		let e = {
+			title: { text: "" },
+			grid: d,
+			tooltip: { ...m },
+			xAxis: {
+				...h,
+				axisLabel: {
+					...h.axisLabel,
+					formatter: a
+				},
+				data: []
+			},
+			yAxis: g,
+			legend: {
+				...f,
+				data: []
+			},
+			series: []
+		}, r = M.default.map(t, (e) => {
+			let { stack: t, ...n } = e, r = t ?? c;
+			return {
+				...n,
+				...u,
+				...r === !1 ? {} : { stack: r },
+				itemStyle: { color: e.color }
+			};
+		});
+		return {
+			...e,
+			animation: !1,
+			title: {
+				...p,
+				text: _
+			},
+			yAxis: { ...e.yAxis },
+			xAxis: {
+				...e.xAxis,
+				data: n
+			},
+			series: r
+		};
+	}, [
+		t,
+		n,
+		s,
+		a,
+		m,
+		d,
+		h,
+		g,
+		f,
+		u,
+		c
+	]);
+	return /* @__PURE__ */ O(D, { children: t.length ? /* @__PURE__ */ O(P, {
+		height: r,
+		options: v,
+		width: i || "100%"
+	}) : /* @__PURE__ */ O(L, {
+		height: r,
+		title: _
+	}) });
+}, z = (e) => e <= 50 || e === void 0 ? "rgb(84, 204, 152, 80%)" : e <= 80 ? "rgba(250, 173, 20, 80%)" : "rgba(255, 77, 79, 80%)", B = (e) => {
+	let { gaugeItemConfig: t, title: n, chartColorMap: r } = I(), { value: i, height: a, width: o, labelFormatter: s, title: c, color: l, gaugeConfig: u } = e, d = typeof c == "string" ? c : c?.text;
+	return !i && i !== 0 ? /* @__PURE__ */ O(L, {
+		height: a,
+		title: d
+	}) : /* @__PURE__ */ O(P, {
+		height: a,
+		options: (() => {
+			let e = l || z(i), a = {
+				...t,
+				...u
+			};
+			return a.detail.rich.value.color = e, a.detail.rich.unit.color = e, {
+				title: {
+					...n,
+					text: d,
+					textStyle: {
+						fontSize: 12,
+						color: r.colorSecondary,
+						fontWeight: 400
+					},
+					top: 10,
+					left: "center",
+					...typeof c == "object" ? c : {}
+				},
+				series: [{
+					...a,
+					axisLine: {
+						...a.axisLine,
+						lineStyle: {
+							...a.axisLine.lineStyle,
+							color: [[i / 100, e], [1, r.gaugeBgColor]]
+						}
+					},
+					itemStyle: { color: "transparent" },
+					detail: {
+						...a.detail,
+						borderColor: e,
+						lineHeight: 20,
+						height: 18,
+						width: 50,
+						formatter: s || t.detail.formatter
+					},
+					data: [{ value: i }]
+				}]
+			};
+		})(),
+		width: o || "100%"
+	});
+}, V = (e) => {
+	let { seriesData: t, xAxisData: n, height: r, width: i, labelFormatter: a, legendData: o, maxItems: s, barWidth: c = 20, title: u } = e, { token: d, grid: f, legend: p, title: m, tooltip: h, xAxis: g, yAxis: _ } = I(), v = typeof u == "string" ? u : u?.text ?? "", y = l(() => {
+		let e = {
+			title: {
+				...m,
+				left: "start"
+			},
+			grid: {
+				...f,
+				top: 0,
+				bottom: s ? `${1 / s * (s - n.length) * 100}%` : 0
+			},
+			tooltip: { ...h },
+			xAxis: {
+				...g,
+				axisLabel: { ...g.axisLabel }
+			},
+			yAxis: {
+				..._,
+				axisLabel: {
+					..._.axisLabel,
+					show: !0,
+					overflow: "truncate",
+					width: 75,
+					ellipsis: "...",
+					margin: 8,
+					formatter(e, t) {
+						return `{a|${t + 1}}`;
+					},
+					rich: { a: {
+						fontWeight: 500,
+						fontSize: 14,
+						color: d?.colorTextSecondary
+					} }
+				}
+			},
+			legend: {
+				...p,
+				data: []
+			},
+			series: []
+		}, r = M.default.map(t, (e) => ({
+			...e,
+			type: "bar",
+			barWidth: c,
+			stack: "Ad",
+			barGap: "20%",
+			label: {
+				show: !0,
+				formatter(e) {
+					return e.seriesIndex === 0 ? `{value|${e.name}}` : "";
+				},
+				position: "left",
+				align: "left",
+				offset: [5, 18],
+				rich: { value: {
+					textBorderWidth: 0,
+					fontSize: 11,
+					color: d?.colorTextTertiary
+				} }
+			},
+			itemStyle: { color: e.color }
+		}));
+		return {
+			...e,
+			animation: !1,
+			title: {
+				...e.title,
+				text: v
+			},
+			yAxis: {
+				...e.yAxis,
+				inverse: !0,
+				type: "category",
+				splitLine: { show: !1 },
+				data: n,
+				axisLine: { show: !1 },
+				axisTick: { show: !1 }
+			},
+			xAxis: {
+				...e.xAxis,
+				type: "value",
+				splitLine: { show: !1 },
+				axisLabel: { show: !1 },
+				axisTick: { show: !1 }
+			},
+			series: r
+		};
+	}, [
+		t,
+		n,
+		u,
+		a,
+		h,
+		f,
+		g,
+		_,
+		p,
+		c,
+		s
+	]);
+	return /* @__PURE__ */ O(D, { children: l(() => t?.every?.((e) => !e?.data?.length), [t]) ? /* @__PURE__ */ O(L, {
+		height: r,
+		title: v
+	}) : /* @__PURE__ */ O(P, {
+		height: r,
+		chartHeight: typeof r == "number" ? r - 10 : void 0,
+		options: y,
+		width: i || "100%"
+	}) });
+}, H = N.graphic.LinearGradient, U = (e) => {
+	let { seriesData: t, xAxisData: n, yAxisName: r, height: a, width: o, labelFormatter: s, tooltipValueFormatter: c = null, legendData: u = [], smooth: d, title: f, legendOptions: p, gridOptions: m, titleOptions: h, showArea: g } = e, { grid: _, legend: v, lineItemConfig: y, title: b, tooltip: x, xAxis: S, yAxis: C } = I(), w = typeof f == "string" ? f : f?.text ?? "", T = (e, t) => s ? s(e, t) : t === n.length - 1 ? "" : e, E = {
+		title: { text: "" },
+		grid: {
+			..._,
+			...m
+		},
+		tooltip: {
+			...x,
+			formatter(e) {
+				return c ? x.formatter(e, c) : x.formatter(e);
+			}
+		},
+		xAxis: {
+			...S,
+			axisLabel: {
+				...S.axisLabel,
+				formatter: T
+			}
+		},
+		yAxis: C,
+		legend: {
+			...v,
+			...p,
+			data: u.map((e) => ({
+				name: e,
+				icon: "circle"
+			}))
+		},
+		series: []
+	}, k = l(() => {
+		let e = M.default.map(t, (e) => {
+			let t = i({
+				color: e.color,
+				alpha1: .25,
+				alpha2: .1
+			});
+			return {
+				...e,
+				...y,
+				smooth: d,
+				itemStyle: {
+					...y.itemStyle,
+					color: e.color
+				},
+				lineStyle: {
+					...y.lineStyle,
+					color: e.color
+				},
+				areaStyle: g ? { color: new H(0, 0, 0, 1, [{
+					offset: 0,
+					color: t[0]
+				}, {
+					offset: 1,
+					color: t[1]
+				}]) } : null
+			};
+		});
+		return {
+			...E,
+			animation: !1,
+			title: {
+				...b,
+				...h,
+				text: w
+			},
+			yAxis: {
+				...E.yAxis,
+				name: r,
+				nameTextStyle: {
+					fontSize: 12,
+					align: "right"
+				}
+			},
+			xAxis: {
+				...E.xAxis,
+				data: n
+			},
+			series: e
+		};
+	}, [
+		t,
+		n,
+		r,
+		f,
+		d,
+		h,
+		u,
+		E
+	]);
+	return /* @__PURE__ */ O(D, { children: t.length ? /* @__PURE__ */ O(P, {
+		height: a,
+		options: k,
+		width: o || "100%"
+	}) : /* @__PURE__ */ O(L, {
+		height: a,
+		title: w
+	}) });
+};
+//#endregion
+//#region src/lib/components/echarts/mix-line-bar.tsx
+N.graphic.LinearGradient;
+var W = (e) => {
+	let { seriesData: t, xAxisData: n, yAxisName: r, height: a, width: o, labelFormatter: s, tooltipValueFormatter: c = null, legendData: u = [], smooth: d, title: f, chartData: p } = e, { grid: m, legend: h, lineItemConfig: g, barItemConfig: _, title: v, tooltip: y, xAxis: b, yAxis: x } = I(), S = typeof f == "string" ? f : f?.text ?? "", { line: C, bar: w } = p, T = {
+		title: { text: "" },
+		grid: {
+			...m,
+			right: 0,
+			top: 20,
+			bottom: 10
+		},
+		tooltip: {
+			...y,
+			formatter(e) {
+				return c ? y.formatter(e, c) : y.formatter(e);
+			}
+		},
+		xAxis: {
+			...b,
+			axisLabel: {
+				...b.axisLabel,
+				formatter: s
+			}
+		},
+		yAxis: x,
+		legend: {
+			...h,
+			data: u,
+			itemGap: 20,
+			bottom: 5,
+			show: !1
+		},
+		series: []
+	}, E = l(() => {
+		let e = M.default.map(C, (e) => (i({
+			color: e.color,
+			alpha1: .5,
+			alpha2: .1
+		}), {
+			...e,
+			...g,
+			smooth: d,
+			itemStyle: {
+				...g.itemStyle,
+				color: e.color
+			},
+			yAxisIndex: 1,
+			lineStyle: {
+				...g.lineStyle,
+				color: e.color
+			}
+		})), t = M.default.map(w, (e) => ({
+			...e,
+			..._,
+			stack: "total",
+			yAxisIndex: 0,
+			itemStyle: {
+				...e.itemStyle,
+				color: e.color
+			}
+		}));
+		return {
+			...T,
+			animation: !1,
+			title: {
+				...v,
+				text: S
+			},
+			yAxis: [{ ...T.yAxis }, {
+				...T.yAxis,
+				nameTextStyle: {
+					fontSize: 12,
+					align: "right"
+				}
+			}],
+			xAxis: {
+				...T.xAxis,
+				data: n
+			},
+			series: [...t, ...e]
+		};
+	}, [
+		t,
+		n,
+		r,
+		f,
+		d,
+		u,
+		T
+	]);
+	return /* @__PURE__ */ O(D, { children: !C.length && !w.length ? /* @__PURE__ */ O(L, {
+		height: a,
+		title: S
+	}) : /* @__PURE__ */ O(P, {
+		height: a,
+		options: E,
+		width: o || "100%"
+	}) });
+}, G = (e) => {
+	let { grid: t, title: n, isDark: r, chartColorMap: i } = I(), { seriesData: a, xAxisData: s, height: c, width: d, showEmpty: f, title: p, xMax: m = 1, yMax: h = 1 } = e, g = typeof p == "string" ? p : p?.text ?? "", _ = u(null), v = l(() => {
+		let e = r ? {
+			split: i.splitLineColor,
+			axis: i.axislabelColor,
+			label: i.axislabelColor
+		} : {
+			split: "#F2F2F2",
+			axis: "#dcdcdc",
+			label: "#dcdcdc"
+		};
+		return {
+			animation: !1,
+			grid: {
+				...t,
+				right: 10,
+				top: 10,
+				bottom: 2,
+				left: 2,
+				containLabel: !0,
+				borderRadius: 4
+			},
+			xAxis: {
+				min: -m,
+				max: m,
+				scale: !1,
+				slient: !0,
+				splitNumber: 15,
+				splitLine: { lineStyle: { color: e.split } },
+				axisLine: {
+					show: !0,
+					lineStyle: { color: e.axis }
+				},
+				axisTick: { show: !1 },
+				axisLabel: {
+					show: !0,
+					color: e.label
+				},
+				boundaryGap: [.05, .05]
+			},
+			yAxis: {
+				min: -h,
+				max: h,
+				scale: !1,
+				slient: !0,
+				splitNumber: 10,
+				boundaryGap: [.05, .05],
+				splitLine: { lineStyle: { color: e.split } },
+				axisLine: {
+					show: !0,
+					lineStyle: { color: e.axis }
+				},
+				axisTick: { show: !1 },
+				axisLabel: {
+					show: !0,
+					color: e.label
+				}
+			},
+			symbol: "roundRect",
+			label: {
+				show: !0,
+				shadowColor: "none",
+				textBorderColor: "none",
+				formatter: (e) => e.name
+			},
+			series: []
+		};
+	}, [
+		r,
+		m,
+		h
+	]), y = o((e, t) => {
+		let n = [], [r, i] = _.current?.chart?.convertToPixel("grid", t.value) ?? [0, 0], a = e.map((e) => ({
+			...e,
+			value: _.current.chart?.convertToPixel("grid", e.value)
+		}));
+		for (let e = 0; e < a.length; e++) {
+			if (t.name === a[e].name) {
+				n.push({ ...a[e] });
+				continue;
+			}
+			let [o, s] = a[e].value;
+			Math.sqrt(M.default.round(o - r, 2) ** 2 + M.default.round(s - i, 2) ** 2) <= 16 && n.push({ ...a[e] });
+		}
+		return n;
+	}, []), b = o((e) => !e.length || e.length < 2 ? null : (e) => `<span class="tooltip-item-name">
+               <span style="display:flex;justify-content:center;align-items: center;color:#fff;
+               margin-right:0;border-radius:4px;width:14px;
+               height:14px;background-color:${e?.itemStyle?.color};"
+               >${e.name}</span>
+             </span>`, []), x = l(() => {
+		let e = a.map((e, t) => ({
+			...e,
+			itemStyle: { color: "#5470c6" },
+			symbolSize: 16
+		}));
+		return {
+			...v,
+			tooltip: {
+				trigger: "item",
+				borderWidth: 0,
+				backgroundColor: i.colorBgContainerHover,
+				borderColor: "transparent",
+				formatter(t, n) {
+					let r = y(e, t.data), i = "", a = b(r);
+					return r.forEach((e) => {
+						i += `
+            <span class="tooltip-item" style="justify-content: flex-start;">
+             ${a ? a(e) : ""}
+             <span class="tooltip-value">${e.text}</span>
+            </span>`;
+					}), `<div class="tooltip-wrapper scatter">${i}</div>`;
+				}
+			},
+			title: {
+				...n,
+				text: g
+			},
+			series: {
+				type: "scatter",
+				labelLayout: { hideOverlap: !0 },
+				data: e
+			}
+		};
+	}, [
+		a,
+		s,
+		p,
+		v,
+		y
+	]);
+	return /* @__PURE__ */ O(D, { children: !a.length && f ? /* @__PURE__ */ O(L, {
+		height: c,
+		title: g
+	}) : /* @__PURE__ */ O(P, {
+		ref: _,
+		height: c,
+		options: x,
+		width: d || "100%"
+	}) });
+};
+//#endregion
+export { R as BarChart, P as Chart, B as GaugeChart, V as HBarChart, U as LineChart, W as MixLineBarChart, G as ScatterChart };