feat(source): add join transfroms

packages/core/src/services/renderer/passes/PixelPickingPass.ts

@@ -195,20 +195,20 @@ export default class PixelPickingPass<
     feature: unknown;
   }) {
     const { onHover, onClick } = this.layer.getLayerConfig();
-    if (onHover) {
+    // if (onHover) {
-      onHover({
+    //   onHover({
-        x,
+    //     x,
-        y,
+    //     y,
-        feature,
+    //     feature,
-      });
+    //   });
-    }
+    // }
-    if (onClick) {
+    // if (onClick) {
-      onClick({
+    //   onClick({
-        x,
+    //     x,
-        y,
+    //     y,
-        feature,
+    //     feature,
-      });
+    //   });
-    }
+    // }
     this.layer.emit(type, {
       x,
       y,

packages/l7/package.json

@@ -5,6 +5,7 @@
   "main": "lib/index.js",
   "module": "es/index.js",
   "types": "es/index.d.ts",
+  "unpkg": "dist/l7.js",
   "sideEffects": true,
   "files": [
     "dist",

packages/source/src/index.ts

@@ -9,6 +9,7 @@ import { cluster } from './transform/cluster';
 import { filter } from './transform/filter';
 import { aggregatorToGrid } from './transform/grid';
 import { pointToHexbin } from './transform/hexagon';
+import { join } from './transform/join';
 import { map } from './transform/map';
 export default Source;
 registerParser('geojson', geojson);
@@ -18,6 +19,7 @@ registerParser('json', json);
 registerParser('raster', raster);
 registerTransform('cluster', cluster);
 registerTransform('filter', filter);
+registerTransform('join', join);
 registerTransform('map', map);
 registerTransform('grid', aggregatorToGrid);
 registerTransform('hexagon', pointToHexbin);

packages/source/src/transform/join.ts

@@ -0,0 +1,28 @@
+import { IParseDataItem, IParserData } from '@antv/l7-core';
+
+interface IJoinOption {
+  field: 'string';
+  data: any[];
+}
+
+/**
+ *
+ * @param data
+ * @param options
+ */
+export function join(geoData: IParserData, options: { [key: string]: any }) {
+  const { field, data } = options;
+  const dataObj: { [key: string]: any } = {};
+  data.forEach((element: { [key: string]: any }) => {
+    dataObj[element.field] = element;
+  });
+  geoData.dataArray = data.dataArray.map((item: IParseDataItem) => {
+    const joinName = item[field];
+    return {
+      ...dataObj[joinName],
+      ...item,
+    };
+  });
+
+  return data;
+}