@ac-design/design-system 1.0.3 → 2.0.0

package/dist/lib/charts/xy.js

@@ -0,0 +1,92 @@
+import { categoryTicks as e, chartColor as t, detectXKind as n, formatCompact as r, niceMax as i, readNumber as a, readValue as o, timeFormatters as s, toTimestamp as c } from "./shared.js";
+import { computed as l, ref as u } from "vue";
+//#region src/lib/charts/xy.ts
+var d = 90, f = 64, p = 56, m = 20;
+function h(h, g) {
+	let _ = u([]), v = u(0), y = l(() => Object.keys(h.categories)), b = l(() => y.value.filter((e) => !_.value.includes(e))), x = l(() => Object.fromEntries(y.value.map((e, n) => [e, t(h.categories[e]?.color, n)]))), S = (e) => h.categories[e]?.name ?? e, C = l(() => y.value.map((e) => ({
+		key: e,
+		name: S(e),
+		color: x.value[e]
+	}))), w = l(() => b.value.map((e) => x.value[e])), T = l(() => h.data.map((e, t) => o(e, t, h.index))), E = l(() => n(T.value)), D = l(() => T.value.map((e, t) => E.value === "time" ? c(e) : E.value === "number" ? e : t)), O = l(() => s(E.value === "time" ? D.value : [])), k = l(() => g.positions || E.value === "category");
+	function A(e, t) {
+		let n = E.value === "time" ? /* @__PURE__ */ new Date(+e) : e;
+		return h.xFormatter ? h.xFormatter(n) : E.value === "time" ? (t ? O.value.title : O.value.tick)(+e) : E.value === "number" ? r(+e) : String(n ?? "");
+	}
+	function j(e) {
+		return A(E.value === "category" ? T.value[e] : D.value[e], !0);
+	}
+	function M(e) {
+		return e === null ? "–" : h.yFormatter ? h.yFormatter(e) : r(e);
+	}
+	let N = (e, t) => k.value ? t : D.value[t], P = l(() => b.value.map((e) => (t) => a(t, e))), F = l(() => g.horizontal?.() ? Math.max(2, Math.floor((h.height ?? 280) / m)) : Math.max(2, Math.floor((v.value || 640) / (k.value ? f : d)))), I = l(() => Math.max(2, Math.floor((h.height ?? 280) / p))), L = l(() => k.value ? e(h.data.length, F.value) : void 0);
+	function R(e) {
+		if (k.value) {
+			let t = Math.round(+e);
+			return E.value === "category" ? A(T.value[t], !1) : A(D.value[t], !1);
+		}
+		return A(+e, !1);
+	}
+	let z = l(() => {
+		let e = 0;
+		for (let t of h.data) {
+			let n = b.value.map((e) => a(t, e) ?? 0), r = g.stacked() ? n.reduce((e, t) => e + t, 0) : Math.max(0, ...n);
+			r > e && (e = r);
+		}
+		return e;
+	}), B = l(() => {
+		let e = 0;
+		for (let t of h.data) for (let n of b.value) e = Math.min(e, a(t, n) ?? 0);
+		return e;
+	}), V = l(() => {
+		let [e, t] = h.yDomain ?? [void 0, void 0];
+		return [e ?? B.value, t ?? (i(z.value, I.value) || void 0)];
+	});
+	function H(e) {
+		return b.value.map((t) => {
+			let n = a(e, t);
+			return {
+				key: t,
+				name: S(t),
+				color: x.value[t],
+				value: n,
+				formatted: M(n)
+			};
+		});
+	}
+	function U(e) {
+		return M(b.value.reduce((t, n) => t + (a(e, n) ?? 0), 0));
+	}
+	let W = l(() => ({
+		columns: [h.xLabel || (E.value === "time" ? "Time" : "Name"), ...y.value.map(S)],
+		rows: h.data.map((e, t) => [j(t), ...y.value.map((t) => M(a(e, t)))])
+	})), G = l(() => {
+		let e = y.value.map(S).join(", "), t = h.data.length, n = t ? ` from ${j(0)} to ${j(t - 1)}` : "";
+		return `${y.value.length === 1 ? "Series" : `${y.value.length} series`}: ${e}. ${t} points${n}.`;
+	});
+	return {
+		hidden: _,
+		width: v,
+		keys: y,
+		visibleKeys: b,
+		colorOf: x,
+		colors: w,
+		legendItems: C,
+		xKind: E,
+		byPosition: k,
+		x: N,
+		yAccessors: P,
+		xTickValues: L,
+		maxXTicks: F,
+		yTicks: I,
+		xTickFormat: R,
+		formatY: M,
+		rowLabel: j,
+		yDomain: V,
+		tooltipItems: H,
+		tooltipTotal: U,
+		table: W,
+		ariaLabel: l(() => [h.title, h.description || G.value].filter(Boolean).join(". "))
+	};
+}
+//#endregion
+export { h as useXYChart };