@ac-design/design-system 2.0.0 → 2.1.1

package/dist/lib/charts/xy.js

@@ -1,92 +1,73 @@
-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";
+import { chartColor as e, detectXKind as t, formatCompact as n, readNumber as r, readValue as i, timeFormatters as a, toTimestamp as o } from "./shared.js";
+import { computed as s, ref as c } 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) => ({
+var l = 2e3, u = 56;
+function d(l, d) {
+	let f = c([]), p = c(0), m = s(() => Object.keys(l.categories)), h = s(() => m.value.filter((e) => !f.value.includes(e))), g = s(() => Object.fromEntries(m.value.map((t, n) => [t, e(l.categories[t]?.color, n)]))), _ = (e) => l.categories[e]?.name ?? e, v = s(() => m.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 ?? "");
+		name: _(e),
+		color: g.value[e]
+	}))), y = s(() => l.data.map((e, t) => i(e, t, l.index))), b = s(() => t(y.value)), x = s(() => y.value.map((e, t) => b.value === "time" ? o(e) : b.value === "number" ? e : t)), S = s(() => a(b.value === "time" ? x.value : [])), C = s(() => d.positions || b.value === "category");
+	function w(e, t) {
+		let r = b.value === "time" ? /* @__PURE__ */ new Date(+e) : e;
+		return l.xFormatter ? l.xFormatter(r) : b.value === "time" ? (t ? S.value.title : S.value.tick)(+e) : b.value === "number" ? n(+e) : String(r ?? "");
 	}
-	function j(e) {
-		return A(E.value === "category" ? T.value[e] : D.value[e], !0);
+	function T(e) {
+		return w(b.value === "category" ? y.value[e] : x.value[e], !0);
 	}
-	function M(e) {
-		return e === null ? "–" : h.yFormatter ? h.yFormatter(e) : r(e);
+	function E(e) {
+		return e === null ? "–" : l.yFormatter ? l.yFormatter(e) : n(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 D = s(() => Math.max(2, Math.floor((l.height ?? 280) / u)));
+	function O(e) {
+		if (C.value) {
 			let t = Math.round(+e);
-			return E.value === "category" ? A(T.value[t], !1) : A(D.value[t], !1);
+			return b.value === "category" ? w(y.value[t], !1) : w(x.value[t], !1);
 		}
-		return A(+e, !1);
+		return w(+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);
+	function k(e) {
+		return h.value.map((t) => {
+			let n = r(e, t);
 			return {
 				key: t,
-				name: S(t),
-				color: x.value[t],
+				name: _(t),
+				color: g.value[t],
 				value: n,
-				formatted: M(n)
+				formatted: E(n)
 			};
 		});
 	}
-	function U(e) {
-		return M(b.value.reduce((t, n) => t + (a(e, n) ?? 0), 0));
+	function A(e) {
+		return E(h.value.reduce((t, n) => t + (r(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}.`;
+	let j = s(() => ({
+		columns: [l.xLabel || (b.value === "time" ? "Time" : "Name"), ...m.value.map(_)],
+		rows: l.data.map((e, t) => [T(t), ...m.value.map((t) => E(r(e, t)))])
+	})), M = s(() => {
+		let e = m.value.map(_).join(", "), t = l.data.length, n = t ? ` from ${T(0)} to ${T(t - 1)}` : "";
+		return `${m.value.length === 1 ? "Series" : `${m.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(". "))
+		hidden: f,
+		width: p,
+		keys: m,
+		visibleKeys: h,
+		colorOf: g,
+		legendItems: v,
+		xKind: b,
+		rawX: y,
+		xNumbers: x,
+		byPosition: C,
+		yTicks: D,
+		xTickFormat: O,
+		formatY: E,
+		rowLabel: T,
+		tooltipItems: k,
+		tooltipTotal: A,
+		table: j,
+		ariaLabel: s(() => [l.title, l.description || M.value].filter(Boolean).join(". "))
 	};
 }
 //#endregion
-export { h as useXYChart };
+export { l as LARGE_DATA, d as useXYChart };