@antv/l7-layers 2.9.32-alpha.2 → 2.9.33

package/es/utils/dataMappingStyle.js

@@ -0,0 +1,150 @@
+import { isFunction, isNumber, isString } from 'lodash';
+/**
+ * 该文件中的工具方法主要用于对 style 中的属性进行 数据映射
+ */
+
+// 画布默认的宽度
+var WIDTH = 1024;
+/**
+ * 当 style 中使用的 opacity 不是常数的时候根据数据进行映射
+ * @param field
+ * @param values
+ * @param updateOptions
+ */
+
+function registerStyleAttribute(fieldName, layer, field, values, updateOptions) {
+  layer.updateStyleAttribute(fieldName, field, values, updateOptions);
+}
+/**
+ * 当样式发生变化时判断是否需要进行数据映射
+ * @param configToUpdate
+ * @param layer
+ */
+
+
+function handleStyleDataMapping(configToUpdate, layer) {
+  // 瓦片图层不需要进行样式数据映射
+  if (layer.tileLayer || layer.isTileLayer) return;
+
+  if (configToUpdate.opacity) {
+    // 处理 style 中 opacity 属性的数据映射
+    handleStyleFloat('opacity', layer, configToUpdate.opacity);
+  }
+
+  if (configToUpdate.strokeWidth) {
+    // 处理 style 中 strokeWidth 属性的数据映射
+    handleStyleFloat('strokeWidth', layer, configToUpdate.strokeWidth);
+  }
+
+  if (configToUpdate.strokeOpacity) {
+    // 处理 style 中 strokeOpacity 属性的数据映射
+    handleStyleFloat('strokeOpacity', layer, configToUpdate.strokeOpacity);
+  }
+
+  if (configToUpdate.stroke) {
+    // 处理 style 中 stroke (strokeColor) 属性的数据映射
+    handleStyleColor('stroke', layer, configToUpdate.stroke);
+  }
+
+  if (configToUpdate.offsets) {
+    // 处理 style 中 offsets 属性的数据映射
+    handleStyleOffsets('offsets', layer, configToUpdate.offsets);
+  }
+
+  if (configToUpdate.textOffset) {
+    // 处理 style 中 textOffset 属性的数据映射
+    handleStyleOffsets('textOffset', layer, configToUpdate.textOffset);
+  }
+
+  if (configToUpdate.thetaOffset) {
+    // 处理 style 中 thetaOffset 属性的数据映射
+    handleStyleFloat('thetaOffset', layer, configToUpdate.thetaOffset);
+  }
+}
+/**
+ * 根据传入参数 float 的类型和值做相应的操作
+ */
+
+
+function handleStyleFloat(fieldName, layer, styleFloat) {
+  if (isString(styleFloat)) {
+    // 如果传入的 styleFloat 是 string 类型，那么就认为其对应的是传入数据的字段
+    registerStyleAttribute(fieldName, layer, styleFloat, function (value) {
+      return value;
+    });
+  } else if (isNumber(styleFloat)) {
+    // 传入 number、默认值处理
+    registerStyleAttribute(fieldName, layer, [styleFloat], undefined);
+  } else if (Array.isArray(styleFloat) && styleFloat.length === 2) {
+    // 传入的 styleFloat 是长度为 2 的数组
+    if (isString(styleFloat[0]) && isFunction(styleFloat[1])) {
+      // 字段回调函数 [string, callback]
+      registerStyleAttribute(fieldName, layer, styleFloat[0], styleFloat[1]);
+    } else if (isString(styleFloat[0]) && Array.isArray(styleFloat[1]) && isNumber(styleFloat[1][0]) && isNumber(styleFloat[1][1])) {
+      // 字段映射 [string, [start: number, end: number]]
+      registerStyleAttribute(fieldName, layer, styleFloat[0], styleFloat[1]);
+    } else {
+      // 兼容
+      registerStyleAttribute(fieldName, layer, [1.0], undefined);
+    }
+  } else {
+    // 兼容
+    registerStyleAttribute(fieldName, layer, [1.0], undefined);
+  }
+}
+/**
+ * 根据传入参数 offsets 的类型和值做相应的操作
+ * @param fieldName
+ * @param layer
+ * @param styleOffsets
+ */
+
+
+function handleStyleOffsets(fieldName, layer, styleOffsets) {
+  if (isString(styleOffsets)) {
+    // 如果传入的 styleOffsets 是 string 类型，那么就认为其对应的是传入数据的字段
+    registerStyleAttribute(fieldName, layer, styleOffsets, function (value) {
+      return value;
+    });
+  } else if (Array.isArray(styleOffsets) && styleOffsets.length === 2 && isString(styleOffsets[0]) && isFunction(styleOffsets[1])) {
+    // 字段回调函数 [string, callback]
+    registerStyleAttribute(fieldName, layer, styleOffsets[0], styleOffsets[1]);
+  } else if (Array.isArray(styleOffsets) && styleOffsets.length === 2 && isNumber(styleOffsets[0]) && isNumber(styleOffsets[1])) {
+    // 字段映射 [string, [start: number, end: number]]
+    registerStyleAttribute(fieldName, layer, styleOffsets, undefined);
+  } else {
+    // 兼容
+    registerStyleAttribute(fieldName, layer, [0, 0], undefined);
+  }
+}
+/**
+ * 根据传入参数 stroke / color 的类型和值做相应的操作
+ * @param fieldName
+ * @param layer
+ * @param styleColor
+ */
+
+
+function handleStyleColor(fieldName, layer, styleColor) {
+  if (isString(styleColor)) {
+    // 如果传入的 styleColor 是 string 类型，那么就认为其是颜色值
+    registerStyleAttribute(fieldName, layer, styleColor, undefined);
+  } else if (Array.isArray(styleColor) && styleColor.length === 2) {
+    // 传入的 styleColor 是长度为 2 的数组
+    if (isString(styleColor[0]) && isFunction(styleColor[1])) {
+      // 字段回调函数 [string, callback]
+      registerStyleAttribute(fieldName, layer, styleColor[0], styleColor[1]);
+    } else if (isString(styleColor[0]) && Array.isArray(styleColor[1]) && styleColor[1].length > 0) {
+      // 字段映射 [string, [start: string, end: string]]
+      registerStyleAttribute(fieldName, layer, styleColor[0], styleColor[1]);
+    } else {
+      // 兼容
+      registerStyleAttribute(fieldName, layer, '#fff', undefined);
+    }
+  } else {
+    // 兼容
+    registerStyleAttribute(fieldName, layer, '#fff', undefined);
+  }
+}
+
+export { handleStyleDataMapping, handleStyleFloat, handleStyleColor };

package/es/utils/extrude_polyline.d.ts

@@ -0,0 +1,67 @@
+import { vec2 } from 'gl-matrix';
+export declare function computeMiter(lineTangent: vec2, miter: vec2, start: vec2, end: vec2, halfThick: number): [number, vec2];
+export declare function computeNormal(out: vec2, dir: vec2): vec2;
+export declare function direction(out: vec2, a: vec2, b: vec2): vec2;
+export interface IExtrudeLineOption {
+    join: string;
+    cap: string;
+    dash: boolean;
+    closed: boolean;
+    indexOffset: number;
+    miterLimit: number;
+    thickness: number;
+}
+export default class ExtrudePolyline {
+    complex: {
+        positions: number[];
+        indices: number[];
+        normals: number[];
+        startIndex: number;
+        indexes: number[];
+    };
+    private join;
+    private cap;
+    private miterLimit;
+    private thickness;
+    private normal;
+    private lastFlip;
+    private miter;
+    private started;
+    private dash;
+    private totalDistance;
+    private currentIndex;
+    constructor(opts?: Partial<IExtrudeLineOption>);
+    simpleExtrude(points: number[][]): {
+        positions: number[];
+        indices: number[];
+        normals: number[];
+        startIndex: number;
+        indexes: number[];
+    };
+    simpleExtrude_gaode2(points: number[][], originPoints: number[][]): {
+        positions: number[];
+        indices: number[];
+        normals: number[];
+        startIndex: number;
+        indexes: number[];
+    };
+    extrude_gaode2(points: number[][], originPoints: number[][]): {
+        positions: number[];
+        indices: number[];
+        normals: number[];
+        startIndex: number;
+        indexes: number[];
+    };
+    extrude(points: number[][]): {
+        positions: number[];
+        indices: number[];
+        normals: number[];
+        startIndex: number;
+        indexes: number[];
+    };
+    private simpleSegment;
+    private segment_gaode2;
+    private segment;
+    private extrusions;
+    private lineSegmentDistance;
+}