@lionad/cx-comps-tanstack-charts 0.1.0-alpha.16 → 0.1.0-alpha.18

package/dist/index.mjs

@@ -23,7 +23,7 @@ import { treeLayout } from "@tanstack/charts/hierarchy/tree";
 import { treemap } from "@tanstack/charts/hierarchy/treemap";
 import { forceLayout } from "@tanstack/charts/network/force";
 import { sankeyDiagram } from "@tanstack/charts/network/sankey";
-import { geoAlbersUsa, geoEqualEarth, geoIdentity, geoMercator, geoNaturalEarth1, geoOrthographic } from "d3-geo";
+import { geoAlbersUsa, geoEqualEarth, geoEquirectangular, geoIdentity, geoMercator, geoNaturalEarth1, geoOrthographic } from "d3-geo";
 import { decorative } from "@tanstack/charts/mark/decorative";
 import { tooltip } from "@tanstack/charts/tooltip";
 import { viewGrid } from "@tanstack/charts/view";
@@ -1097,19 +1097,23 @@ function translateForceGraph(spec, datasets) {
 		yDomain: [graph.yDomain[0], graph.yDomain[1]]
 	};
 }
-/** d3-geo 投影名称枚举 → 工厂（descriptor.type 形态：() => projection） */
+/** d3-geo 投影名称枚举 → 工厂（descriptor.type 形态：() => projection）；
+*  等距圆柱必须用 equirectangular 而非 identity：identity 的 stream 无 sphere 方法，
+*  fit/渲染 Sphere 几何（球面描边层）直接抛 TypeError */
 const GEO_PROJECTION_FACTORIES = {
 	mercator: geoMercator,
 	orthographic: geoOrthographic,
 	naturalEarth1: geoNaturalEarth1,
 	albersUsa: geoAlbersUsa,
 	equalEarth: geoEqualEarth,
+	equirectangular: geoEquirectangular,
 	identity: geoIdentity
 };
 /** geoShape：projection 名称枚举 → descriptor {type, fit, inset}；fit:'data' 由库拟合数据本体，{data:'<name>'} 拟合另一命名数据集 */
 function translateGeoShape(spec, datasets) {
 	const rows = resolveMarkData(spec.data, datasets);
 	const projectionName = spec.projection ?? "mercator";
+	if (typeof projectionName === "object") throw new Error("translateGeoShape: projection {$by} 仅允许出现在 facet chart 子模板内");
 	const factory = GEO_PROJECTION_FACTORIES[projectionName];
 	if (!factory) throw new Error(`translateGeoShape: 未知投影 "${String(projectionName)}"`);
 	const options = { projection: {
@@ -1138,6 +1142,25 @@ function translateGeoShape(spec, datasets) {
 	return geoShape(rows, options);
 }
 /**
+* facet 子模板按组实例化:深度遍历,把 {$by:{组名:值}} 形态字段替换为当前组映射值。
+* 未声明 $by 的字段原样保留;$by 表未命中当前组时抛错(静默回退会让分面悄悄同参)。
+*/
+function instantiateFacetTemplate(node, groupKey) {
+	if (Array.isArray(node)) return node.map((item) => instantiateFacetTemplate(item, groupKey));
+	if (node && typeof node === "object") {
+		const record = node;
+		const keys = Object.keys(record);
+		if (keys.length === 1 && keys[0] === "$by") {
+			const table = record.$by;
+			const hit = table[String(groupKey)];
+			if (hit === void 0) throw new Error(`instantiateFacetTemplate: $by 映射未命中分组 "${String(groupKey)}"(可用键: ${Object.keys(table).join(", ")})`);
+			return hit;
+		}
+		return Object.fromEntries(Object.entries(record).map(([k, v]) => [k, instantiateFacetTemplate(v, groupKey)]));
+	}
+	return node;
+}
+/**
 * facet：chart 回调固化为递归子 spec 翻译——translateChild 由 definition.ts 注入
 * （子 spec 翻译与顶层同路径，仅数据集换为 facet 分组行；规避 composite ↔ definition 循环 import）。
 * label 语义：true 显示分组 key 标签（库的函数形态不可 JSON，布尔即可覆盖声明式场景）。
@@ -1147,9 +1170,10 @@ function translateFacet(spec, datasets, translateChild) {
 	if (!spec.by) throw new Error("translateFacet: facet 必须声明 by 分组字段");
 	if (!spec.chart) throw new Error("translateFacet: facet 必须声明 chart 子 spec 模板");
 	const childTemplate = spec.chart;
+	const byField = spec.by;
 	const options = {
-		by: spec.by,
-		chart: (facetRows) => translateChild(childTemplate, facetRows)
+		by: byField,
+		chart: (facetRows) => translateChild(instantiateFacetTemplate(childTemplate, facetRows[0]?.[byField]), facetRows)
 	};
 	if (spec.id !== void 0) options.id = spec.id;
 	if (spec.columns !== void 0) options.columns = spec.columns;

package/dist/shared/translate/types.d.ts

@@ -234,7 +234,9 @@ export interface CxChartMarkSpec {
     labelFontWeight?: number;
     orientation?: 'left' | 'right' | 'top' | 'bottom';
     nodeSize?: [number, number];
-    projection?: 'mercator' | 'orthographic' | 'naturalEarth1' | 'albersUsa' | 'equalEarth' | 'identity';
+    projection?: 'mercator' | 'orthographic' | 'naturalEarth1' | 'albersUsa' | 'equalEarth' | 'equirectangular' | 'identity' | {
+        $by: Record<string, 'mercator' | 'orthographic' | 'naturalEarth1' | 'albersUsa' | 'equalEarth' | 'equirectangular' | 'identity'>;
+    };
     fit?: 'data' | 'sphere' | {
         data: string;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lionad/cx-comps-tanstack-charts",
-  "version": "0.1.0-alpha.16",
+  "version": "0.1.0-alpha.18",
   "description": "cx material components wrapping TanStack Charts (@tanstack/charts/vue)",
   "keywords": [
     "charts",