Add polygon layer properties to deck.layer.lib.ts

Introduced `polygonProps` and `polygonPropsKeys` to define and manage properties specific to polygon layers.
indoorequal · Jan 4, 2025 · bb3e9a3 · bb3e9a3
1 parent dd48332
commit bb3e9a3
Showing 1 changed file with 106 additions and 2 deletions.
diff --git a/lib/lib/deck.layer.lib.ts b/lib/lib/deck.layer.lib.ts
@@ -30,10 +30,10 @@ import {
   type LayerProps,
   type LayerData,
   type Accessor,
-  type Material,
+  type Material, AccessorFunction
 } from "@deck.gl/core";
 import type { MjolnirEvent } from "mjolnir.js";
-import type { Feature, Geometry } from "geojson";
+import type { Feature, Geometry, Polygon } from "geojson";
 
 export type DeckLayer =
   | ArcLayer
@@ -772,6 +772,110 @@ export const scatteredPlotPropsKeys: (keyof ScatterplotLayerProps)[] = [
   "getLineWidth",
 ];
 
+export function polygonProps(): ComponentPropsOptions {
+  return {
+    ...baseLayerProps,
+    filled: {
+      type: Boolean as PropType<boolean>,
+      default: true,
+    },
+    stroked: {
+      type: Boolean as PropType<boolean>,
+      default: true,
+    },
+    extruded: {
+      type: Boolean as PropType<boolean>,
+      default: false,
+    },
+    wireframe: {
+      type: Boolean as PropType<boolean>,
+      default: false,
+    },
+    elevationScale: {
+      type: Number as PropType<number>,
+      default: 1,
+    },
+    lineWidthUnits: {
+      type: String as PropType<Unit>,
+      default: "meters",
+    },
+    lineWidthScale: {
+      type: Number as PropType<number>,
+      default: 1,
+    },
+    lineWidthMinPixels: {
+      type: Number as PropType<number>,
+      default: 0,
+    },
+    lineWidthMaxPixels: {
+      type: Number as PropType<number>,
+      default: Number.MAX_SAFE_INTEGER,
+    },
+    lineJointRounded: {
+      type: Boolean as PropType<boolean>,
+      default: false,
+    },
+    lineMiterLimit: {
+      type: Number as PropType<number>,
+      default: 4,
+    },
+    material: {
+      type: [Boolean, Object] as PropType<Material>,
+      default: true,
+    },
+    _normalize: {
+      type: Boolean as PropType<boolean>,
+      default: true,
+    },
+    _windingOrder: {
+      type: String as PropType<'CW' | 'CCW'>,
+      default: "CW",
+    },
+    getPolygon: {
+      type: Function as PropType<AccessorFunction<unknown, unknown>>,
+      default: (object: { polygon: Polygon }) => object.polygon,
+    },
+    getFillColor: {
+      type: [Array, Function] as unknown as PropType<Accessor<unknown, Color>>,
+      default: () => [0, 0, 0, 255],
+    },
+    getLineColor: {
+      type: [Array, Function] as unknown as PropType<Accessor<unknown, Color>>,
+      default: () => [0, 0, 0, 255],
+    },
+    getLineWidth: {
+      type: [Number, Function] as PropType<Accessor<unknown, number>>,
+      default: 1,
+    },
+    getElevation: {
+      type: [Number, Function] as PropType<Accessor<unknown, number>>,
+      default: 1000,
+    }
+  };
+}
+export const polygonPropsKeys: (keyof PolygonLayerProps)[] = [
+  ...baseLayerKeys,
+  'filled',
+  'stroked',
+  'extruded',
+  'wireframe',
+  'elevationScale',
+  'lineWidthUnits',
+  'lineWidthScale',
+  'lineWidthMinPixels',
+  'lineWidthMaxPixels',
+  'lineJointRounded',
+  'lineMiterLimit',
+  'material',
+  '_normalize',
+  '_windingOrder',
+  'getPolygon',
+  'getFillColor',
+  'getLineColor',
+  'getLineWidth',
+  'getElevation'
+]
+
 export function genDeckLayerOpts<T extends DeckLayerProps>(
   props: T & { getTooltip?: ((info: PickingInfo) => TooltipContent) | null },
   validProps: Array<keyof T>,