@antv/l7-layers 2.19.9 → 2.19.11

package/es/line/shaders/linear/arc_linear_vert.glsl

@@ -10,9 +10,7 @@ varying vec4 v_color;
 varying float v_segmentIndex;
 
 uniform float u_lineDir: 1.0;
-uniform float u_opacity: 1.0;
 
-uniform float u_thetaOffset: 0.314;
 uniform vec4 u_sourceColor;
 uniform vec4 u_targetColor;
 
@@ -81,8 +79,8 @@ void main() {
   float indexDir = mix(-1.0, 1.0, step(segmentIndex, 0.0));
   float nextSegmentRatio = getSegmentRatio(segmentIndex + indexDir);
   float d_distance_ratio;
-  vec4 curr = project_position(vec4(interpolate(source, target, segmentRatio, u_thetaOffset), 0.0, 1.0));
-  vec4 next = project_position(vec4(interpolate(source, target, nextSegmentRatio, u_thetaOffset), 0.0, 1.0));
+  vec4 curr = project_position(vec4(interpolate(source, target, segmentRatio, thetaOffset), 0.0, 1.0));
+  vec4 next = project_position(vec4(interpolate(source, target, nextSegmentRatio, thetaOffset), 0.0, 1.0));
   // v_normal = getNormal((next.xy - curr.xy) * indexDir, a_Position.y);
   //unProjCustomCoord
   
@@ -92,7 +90,7 @@ void main() {
   float d_segmentIndex = a_Position.x + 1.0; // 当前顶点在弧线中所处的分段位置
 
   v_color = mix(u_sourceColor, u_targetColor, d_segmentIndex/segmentNumber);
-  v_color.a *= u_opacity;
+  v_color.a *= opacity;
 
   gl_Position = project_common_position_to_clipspace_v2(vec4(curr.xy + offset, 0, 1.0));
 

package/es/line/shaders/linear/line_linear_frag.glsl

@@ -4,7 +4,6 @@ uniform float u_linearDir: 1.0;
 uniform float u_linearColor: 0;
 uniform vec4 u_sourceColor;
 uniform vec4 u_targetColor;
-uniform float u_opacity: 1.0;
 
 #pragma include "picking"
 

package/es/line/shaders/linearLine/line_linear_vert.glsl

@@ -14,7 +14,6 @@ uniform mat4 u_ModelMatrix;
 uniform float u_heightfixed: 0.0;
 uniform float u_vertexScale: 1.0;
 uniform float u_raisingHeight: 0.0;
-uniform float u_opacity : 1.0;
 uniform sampler2D u_texture;
 uniform float u_linearDir: 1.0;
 varying vec4 v_Color;
@@ -46,7 +45,7 @@ void main() {
 
   v_Color = texture2D(u_texture, vec2(linearRadio, 0.5));
 
-  v_Color.a *= u_opacity; // 全局透明度
+  v_Color.a *= opacity; // 全局透明度
 
 
 

package/es/line/shaders/simple/simpleline_linear_frag.glsl

@@ -1,8 +1,8 @@
 uniform vec4 u_sourceColor;
 uniform vec4 u_targetColor;
 varying float v_distanceScale;
-uniform float u_opacity: 1.0;
+varying vec4 v_color;
 void main() {
   gl_FragColor = mix(u_sourceColor, u_targetColor, v_distanceScale);
-  gl_FragColor.a *= u_opacity; // 全局透明度
+  gl_FragColor.a *= v_color.a; // 全局透明度
 }

package/es/line/shaders/simple/simpleline_vert.glsl

@@ -8,7 +8,6 @@ attribute float a_Distance;
 uniform mat4 u_ModelMatrix;
 
 
-uniform float u_opacity: 1.0;
 uniform float u_vertexScale: 1.0;
 uniform vec4 u_sourceColor;
 uniform vec4 u_targetColor;
@@ -24,7 +23,7 @@ void main() {
 
   v_color = a_Color; 
   v_distanceScale = a_Distance / a_Total_Distance;
-  v_color = vec4(a_Color.xyz, a_Color.w * u_opacity); 
+  v_color.a = v_color.a * opacity;
   vec4 project_pos = project_position(vec4(a_Position.xy, 0, 1.0));
 
   float h = float(a_Position.z) * u_vertexScale; // 线顶点的高度 - 兼容不存在第三个数值的情况

package/es/plugins/DataMappingPlugin.js

@@ -9,7 +9,6 @@ import _initializerWarningHelper from "@babel/runtime/helpers/esm/initializerWar
 var _dec, _dec2, _dec3, _class, _class2, _descriptor, _descriptor2;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { IDebugLog, ILayerStage, TYPES } from '@antv/l7-core';
-import { Version } from '@antv/l7-maps';
 import { lodashUtil, normalize, rgb2arr } from '@antv/l7-utils';
 import { inject, injectable } from 'inversify';
 import 'reflect-metadata';
@@ -141,11 +140,6 @@ var DataMappingPlugin = (_dec = injectable(), _dec2 = inject(TYPES.IMapService),
     key: "mapping",
     value: function mapping(layer, attributes, data, predata) {
       var _this3 = this;
-      var _ref5 = layer.getLayerConfig(),
-        _ref5$arrow = _ref5.arrow,
-        arrow = _ref5$arrow === void 0 ? {
-          enable: false
-        } : _ref5$arrow;
       var usedAttributes = attributes.filter(function (attribute) {
         return attribute.scale !== undefined;
       }).filter(function (attribute) {
@@ -173,18 +167,6 @@ var DataMappingPlugin = (_dec = injectable(), _dec2 = inject(TYPES.IMapService),
             encodeRecord.shape = _this3.fontService.getIconFontKey(encodeRecord[attribute.name]);
           }
         });
-        if (arrow.enable && encodeRecord.shape === 'line') {
-          // 只有在线图层且支持配置箭头的时候进行插入顶点的处理
-          var coords = encodeRecord.coordinates;
-          // @ts-ignore
-          if (layer.arrowInsertCount < layer.encodeDataLength) {
-            // Tip: arrowInsert 的判断用于确保每一条线数据 arrow 的属性点只会被植入一次
-            var arrowPoint = _this3.getArrowPoints(coords[0], coords[1]);
-            encodeRecord.coordinates.splice(1, 0, arrowPoint, arrowPoint);
-            // @ts-ignore
-            layer.arrowInsertCount++;
-          }
-        }
         return encodeRecord;
       });
       attributes.forEach(function (attribute) {
@@ -202,7 +184,7 @@ var DataMappingPlugin = (_dec = injectable(), _dec2 = inject(TYPES.IMapService),
     value: function adjustData2Amap2Coordinates(mappedData, layer) {
       var _this4 = this;
       // 根据地图的类型判断是否需要对点位数据进行处理, 若是高德2.0则需要对坐标进行相对偏移
-      if (mappedData.length > 0 && this.mapService.version === Version['GAODE2.x']) {
+      if (mappedData.length > 0 && this.mapService.version === 'GAODE2.x') {
         var layerCenter = layer.coordCenter || layer.getSource().center;
         // 单个的点数据
         // @ts-ignore
@@ -211,7 +193,7 @@ var DataMappingPlugin = (_dec = injectable(), _dec2 = inject(TYPES.IMapService),
         .filter(function (d) {
           return !d.originCoordinates;
         }).map(function (d) {
-          d.version = Version['GAODE2.x'];
+          d.version = 'GAODE2.x';
           // @ts-ignore
           d.originCoordinates = cloneDeep(d.coordinates); // 为了兼容高德1.x 需要保存一份原始的经纬度坐标数据（许多上层逻辑依赖经纬度数据）
           // @ts-ignore
@@ -224,7 +206,7 @@ var DataMappingPlugin = (_dec = injectable(), _dec2 = inject(TYPES.IMapService),
     key: "adjustData2SimpleCoordinates",
     value: function adjustData2SimpleCoordinates(mappedData) {
       var _this5 = this;
-      if (mappedData.length > 0 && this.mapService.version === Version.SIMPLE) {
+      if (mappedData.length > 0 && this.mapService.version === 'SIMPLE') {
         mappedData.map(function (d) {
           if (!d.simpleCoordinate) {
             d.coordinates = _this5.unProjectCoordinates(d.coordinates);
@@ -274,9 +256,9 @@ var DataMappingPlugin = (_dec = injectable(), _dec2 = inject(TYPES.IMapService),
       }
       var scalers = (attribute === null || attribute === void 0 ? void 0 : (_attribute$scale = attribute.scale) === null || _attribute$scale === void 0 ? void 0 : _attribute$scale.scalers) || [];
       var params = [];
-      scalers.forEach(function (_ref6) {
+      scalers.forEach(function (_ref5) {
         var _attribute$scale2;
-        var field = _ref6.field;
+        var field = _ref5.field;
         if (record.hasOwnProperty(field) || ((_attribute$scale2 = attribute.scale) === null || _attribute$scale2 === void 0 ? void 0 : _attribute$scale2.type) === 'variable') {
           // TODO:多字段，常量
           params.push(record[field]);

package/es/polygon/models/ocean.js

@@ -9,7 +9,6 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import { AttributeType, gl } from '@antv/l7-core';
-import { Version } from '@antv/l7-maps';
 import { lodashUtil, rgb2arr } from '@antv/l7-utils';
 import BaseModel from "../../core/BaseModel";
 import { polygonTriangulation } from "../../core/triangulation";
@@ -136,7 +135,7 @@ var OceanModel = /*#__PURE__*/function (_BaseModel) {
           },
           size: 2,
           update: function update(feature, featureIdx, vertex, attributeIdx) {
-            var v = feature.version === Version['GAODE2.x'] ? feature.originCoordinates[0][attributeIdx] : vertex;
+            var v = feature.version === 'GAODE2.x' ? feature.originCoordinates[0][attributeIdx] : vertex;
             var _v = _slicedToArray(v, 2),
               lng = _v[0],
               lat = _v[1];

package/es/polygon/models/water.js

@@ -9,7 +9,6 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import { AttributeType, gl } from '@antv/l7-core';
-import { Version } from '@antv/l7-maps';
 import { lodashUtil } from '@antv/l7-utils';
 import BaseModel from "../../core/BaseModel";
 import { polygonTriangulation } from "../../core/triangulation";
@@ -129,7 +128,7 @@ var WaterModel = /*#__PURE__*/function (_BaseModel) {
           },
           size: 2,
           update: function update(feature, featureIdx, vertex, attributeIdx) {
-            var v = feature.version === Version['GAODE2.x'] ? feature.originCoordinates[0][attributeIdx] : vertex;
+            var v = feature.version === 'GAODE2.x' ? feature.originCoordinates[0][attributeIdx] : vertex;
             var _v = _slicedToArray(v, 2),
               lng = _v[0],
               lat = _v[1];

package/es/tile/tile/Tile.d.ts

@@ -58,7 +58,6 @@ export default abstract class Tile extends EventEmitter implements ITile {
         cursorEnabled?: boolean | undefined;
         cursor?: string | undefined;
         forward?: boolean | undefined;
-        usage?: string | undefined;
         enableMask?: boolean | undefined;
         enablePicking?: boolean | undefined;
         enableHighlight?: boolean | undefined;

package/lib/core/BaseLayer.js

@@ -26,12 +26,11 @@ var _l7Source = _interopRequireDefault(require("@antv/l7-source"));
 var _l7Utils = require("@antv/l7-utils");
 var _eventemitter = require("eventemitter3");
 var _blend = require("../utils/blend");
-var _layerData = require("../utils/layerData");
 var _multiPassRender = require("../utils/multiPassRender");
 var _LayerPickService = _interopRequireDefault(require("./LayerPickService"));
 var _TextureService = _interopRequireDefault(require("./TextureService"));
 var _excluded = ["passes"],
-  _excluded2 = ["moduleName", "vertexShader", "fragmentShader", "inject", "triangulation", "segmentNumber"];
+  _excluded2 = ["moduleName", "vertexShader", "fragmentShader", "inject", "triangulation", "styleOption"];
 var _dec, _class, _descriptor; // @ts-ignore
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -395,40 +394,11 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
         console.warn('data error');
       }
     }
-  }, {
-    key: "createModelData",
-    value: function createModelData(data, option) {
-      var _this$layerModel;
-      if ((_this$layerModel = this.layerModel) !== null && _this$layerModel !== void 0 && _this$layerModel.createModelData) {
-        // 在某些特殊图层中单独构建 attribute & elements
-        return this.layerModel.createModelData(option);
-      }
-      var calEncodeData = this.calculateEncodeData(data, option);
-      var triangulation = this.triangulation;
-      if (calEncodeData && triangulation) {
-        return this.styleAttributeService.createAttributesAndIndices(calEncodeData, triangulation);
-      } else {
-        return {
-          attributes: undefined,
-          elements: undefined
-        };
-      }
-    }
   }, {
     key: "setLayerPickService",
     value: function setLayerPickService(layerPickService) {
       this.layerPickService = layerPickService;
     }
-  }, {
-    key: "calculateEncodeData",
-    value: function calculateEncodeData(data, option) {
-      if (this.inited) {
-        return (0, _layerData.calculateData)(this, this.fontService, this.mapService, this.styleAttributeService, data, option);
-      } else {
-        console.warn('layer not inited!');
-        return null;
-      }
-    }
     /**
      * Model初始化前需要更新Model样式
      */
@@ -574,6 +544,17 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
           }
         });
       }
+      // 兼容 borderColor borderWidth
+      // @ts-ignore
+      if (rest.borderColor) {
+        // @ts-ignore
+        rest.stroke = rest.borderColor;
+      }
+      // @ts-ignore
+      if (rest.borderWidth) {
+        // @ts-ignore
+        rest.strokeWidth = rest.borderWidth;
+      }
 
       // 兼容老版本的写法 ['field, 'value']
       var newOption = rest;
@@ -971,7 +952,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
   }, {
     key: "destroy",
     value: function destroy() {
-      var _this$multiPassRender, _this$layerModel2, _this$tileLayer, _this$debugService2;
+      var _this$multiPassRender, _this$layerModel, _this$tileLayer, _this$debugService2;
       var refresh = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
       if (this.isDestroyed) {
         return;
@@ -1004,7 +985,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
 
       this.hooks.afterDestroy.call();
       // Tip: 清除各个图层自定义的 models 资源
-      (_this$layerModel2 = this.layerModel) === null || _this$layerModel2 === void 0 ? void 0 : _this$layerModel2.clearModels(refresh);
+      (_this$layerModel = this.layerModel) === null || _this$layerModel === void 0 ? void 0 : _this$layerModel.clearModels(refresh);
       (_this$tileLayer = this.tileLayer) === null || _this$tileLayer === void 0 ? void 0 : _this$tileLayer.destroy();
       this.models = [];
       // 清除图层日志（如果有的话：非瓦片相关）
@@ -1031,11 +1012,11 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
   }, {
     key: "clearModels",
     value: function clearModels() {
-      var _this$layerModel3;
+      var _this$layerModel2;
       this.models.forEach(function (model) {
         return model.destroy();
       });
-      (_this$layerModel3 = this.layerModel) === null || _this$layerModel3 === void 0 ? void 0 : _this$layerModel3.clearModels();
+      (_this$layerModel2 = this.layerModel) === null || _this$layerModel2 === void 0 ? void 0 : _this$layerModel2.clearModels();
       this.models = [];
     }
   }, {
@@ -1182,11 +1163,11 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
     value: function () {
       var _buildLayerModel = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(options) {
         var _this10 = this;
-        var moduleName, vertexShader, fragmentShader, inject, triangulation, segmentNumber, rest, _this$shaderModuleSer, vs, fs, uniforms, createModel;
+        var moduleName, vertexShader, fragmentShader, inject, triangulation, styleOption, rest, _this$shaderModuleSer, vs, fs, uniforms, createModel;
         return _regenerator.default.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              moduleName = options.moduleName, vertexShader = options.vertexShader, fragmentShader = options.fragmentShader, inject = options.inject, triangulation = options.triangulation, segmentNumber = options.segmentNumber, rest = (0, _objectWithoutProperties2.default)(options, _excluded2);
+              moduleName = options.moduleName, vertexShader = options.vertexShader, fragmentShader = options.fragmentShader, inject = options.inject, triangulation = options.triangulation, styleOption = options.styleOption, rest = (0, _objectWithoutProperties2.default)(options, _excluded2);
               this.shaderModuleService.registerModule(moduleName, {
                 vs: vertexShader,
                 fs: fragmentShader,
@@ -1196,7 +1177,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
               createModel = this.rendererService.createModel;
               return _context3.abrupt("return", new Promise(function (resolve) {
                 // console.log(this.encodedData)
-                var _this10$styleAttribut = _this10.styleAttributeService.createAttributesAndIndices(_this10.encodedData, triangulation, segmentNumber),
+                var _this10$styleAttribut = _this10.styleAttributeService.createAttributesAndIndices(_this10.encodedData, triangulation, styleOption),
                   attributes = _this10$styleAttribut.attributes,
                   elements = _this10$styleAttribut.elements,
                   count = _this10$styleAttribut.count;

package/lib/core/BaseModel.js

@@ -19,6 +19,7 @@ var _l7Utils = require("@antv/l7-utils");
 var _blend = require("../utils/blend");
 var _stencil = require("../utils/stencil");
 var _CommonStyleAttribute = require("./CommonStyleAttribute");
+var _constant = require("./constant");
 var _dec, _class, _descriptor;
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 var BaseModel = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigService), (_class = /*#__PURE__*/function () {
@@ -214,23 +215,15 @@ var BaseModel = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
     value: function getInject() {
       var encodeStyleAttribute = this.layer.encodeStyleAttribute;
       var str = '';
-      var attrType = {
-        opacity: 'float',
-        stroke: 'vec4',
-        offsets: 'vec2',
-        textOffset: 'vec2',
-        rotation: 'float',
-        extrusionBase: 'float'
-      };
       this.layer.enableShaderEncodeStyles.forEach(function (key) {
         if (encodeStyleAttribute[key]) {
           str += "#define USE_ATTRIBUTE_".concat(key.toUpperCase(), " 0.0; \n\n");
         }
-        str += "\n          #ifdef USE_ATTRIBUTE_".concat(key.toUpperCase(), "\n      attribute ").concat(attrType[key], " a_").concat(key.charAt(0).toUpperCase() + key.slice(1), ";\n    #else\n      uniform ").concat(attrType[key], " u_").concat(key, ";\n    #endif\n\n    ");
+        str += "\n          #ifdef USE_ATTRIBUTE_".concat(key.toUpperCase(), "\n      attribute ").concat(_constant.DefaultUniformStyleType[key], " a_").concat(key.charAt(0).toUpperCase() + key.slice(1), ";\n    #else\n      uniform ").concat(_constant.DefaultUniformStyleType[key], " u_").concat(key, ";\n    #endif\n\n    ");
       });
       var innerStr = '';
       this.layer.enableShaderEncodeStyles.forEach(function (key) {
-        innerStr += "\n\n#ifdef USE_ATTRIBUTE_".concat(key.toUpperCase(), "\n  ").concat(attrType[key], " ").concat(key, "  = a_").concat(key.charAt(0).toUpperCase() + key.slice(1), ";\n#else\n  ").concat(attrType[key], " ").concat(key, " = u_").concat(key, ";\n#endif\n\n");
+        innerStr += "\n\n#ifdef USE_ATTRIBUTE_".concat(key.toUpperCase(), "\n  ").concat(_constant.DefaultUniformStyleType[key], " ").concat(key, "  = a_").concat(key.charAt(0).toUpperCase() + key.slice(1), ";\n#else\n  ").concat(_constant.DefaultUniformStyleType[key], " ").concat(key, " = u_").concat(key, ";\n#endif\n\n");
       });
       return {
         'vs:#decl': str,
@@ -245,20 +238,12 @@ var BaseModel = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
       var _this = this;
       var options = {};
       // TODO: 优化
-
-      var defualtValue = {
-        opacity: 1,
-        stroke: [1, 0, 0, 1],
-        offsets: [0, 0],
-        rotation: 0,
-        extrusionBase: 0
-      };
       this.layer.enableShaderEncodeStyles.forEach(function (key) {
         if (!_this.layer.encodeStyleAttribute[key]) {
           // 没有设置样式映射
           // @ts-ignore
           var keyValue = _this.layer.getLayerConfig()[key];
-          var value = typeof keyValue === 'undefined' ? defualtValue[key] : keyValue;
+          var value = typeof keyValue === 'undefined' ? _constant.DefaultUniformStyleValue[key] : keyValue;
           if (key === 'stroke') {
             value = (0, _l7Utils.rgb2arr)(value);
           }

package/lib/core/CommonStyleAttribute.js

@@ -106,6 +106,26 @@ function getCommonStyleAttributeOptions(name) {
           }
         }
       };
+    case 'thetaOffset':
+      return {
+        name: 'thetaOffset',
+        type: _l7Core.AttributeType.Attribute,
+        descriptor: {
+          name: 'a_ThetaOffset',
+          buffer: {
+            // give the WebGL driver a hint that this buffer may change
+            usage: _l7Core.gl.STATIC_DRAW,
+            data: [],
+            type: _l7Core.gl.FLOAT
+          },
+          size: 1,
+          update: function update(feature) {
+            var _feature$thetaOffset = feature.thetaOffset,
+              op = _feature$thetaOffset === void 0 ? 1 : _feature$thetaOffset;
+            return [op];
+          }
+        }
+      };
     default:
       return undefined;
   }

package/lib/core/constant.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultUniformStyleValue = exports.DefaultUniformStyleType = void 0;
+var DefaultUniformStyleValue = {
+  opacity: 1,
+  stroke: [1, 0, 0, 1],
+  offsets: [0, 0],
+  rotation: 0,
+  extrusionBase: 0,
+  strokeOpacity: 1,
+  thetaOffset: 0.314
+};
+exports.DefaultUniformStyleValue = DefaultUniformStyleValue;
+var DefaultUniformStyleType = {
+  opacity: 'float',
+  stroke: 'vec4',
+  offsets: 'vec2',
+  textOffset: 'vec2',
+  rotation: 'float',
+  extrusionBase: 'float',
+  strokeOpacity: 'float',
+  thetaOffset: 'float'
+};
+exports.DefaultUniformStyleType = DefaultUniformStyleType;

package/lib/core/line_trangluation.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArrowLineTriangulation = ArrowLineTriangulation;
+exports.FlowHalfArrowFillTriangulation = FlowHalfArrowFillTriangulation;
+exports.FlowLineTriangulation = FlowLineTriangulation;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _arrow = require("./shape/arrow");
+// list all arrow shape
+
+// Half Edge
+function FlowHalfArrowFillTriangulation(feature) {
+  // @ts-ignore
+  var coord = feature.coordinates.flat();
+  var tin = 1;
+  var tout = 1.0;
+  return {
+    vertices: [1, 0, 0].concat((0, _toConsumableArray2.default)(coord), [
+    // 0
+    1, 2, -3], (0, _toConsumableArray2.default)(coord), [
+    // 1
+    1, 1, -3], (0, _toConsumableArray2.default)(coord), [
+    // 2
+    0, 1, 0], (0, _toConsumableArray2.default)(coord), [
+    // 3
+    0, 0, 0], (0, _toConsumableArray2.default)(coord), [
+    // 4
+    1, 0, 0], (0, _toConsumableArray2.default)(coord), [
+    // 0
+    1, 2, -3], (0, _toConsumableArray2.default)(coord), [
+    // 1
+    1, 1, -3], (0, _toConsumableArray2.default)(coord), [
+    // 2
+    0, 1, 0], (0, _toConsumableArray2.default)(coord), [
+    // 3
+    0, 0, 0], (0, _toConsumableArray2.default)(coord)),
+    normals: [-tin, 2 * tout, 1,
+    // 0
+    2 * tout, -tout, 1,
+    // 1
+    tout, -tout, 1,
+    // 2
+    tout, -tout, 1,
+    // 3
+    -tin, -tout, 1,
+    // 4
+    0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+    indices: [0, 1, 2, 0, 2, 3, 0, 3, 4, 5, 6, 7, 5, 7, 8, 5, 8, 9],
+    size: 7
+  };
+}
+function FlowLineTriangulation(feature, symbolOption) {
+  return symbolOption ? ArrowLineTriangulation(feature, symbolOption) : FlowHalfArrowFillTriangulation(feature);
+}
+function ArrowLineTriangulation(feature, symbolOption) {
+  // @ts-ignore
+  var coord = feature.coordinates.flat();
+  var _ref = symbolOption,
+    _ref$target = _ref.target,
+    target = _ref$target === void 0 ? 'classic' : _ref$target,
+    _ref$source = _ref.source,
+    source = _ref$source === void 0 ? 'circle' : _ref$source;
+  var startSymbol = shape2Vertices((0, _arrow.getSymbol)(source, 'source'), coord, 0, 0);
+  var linePath = (0, _arrow.lineArrowPath)(coord, startSymbol.vertices.length / 7, symbolOption);
+  var endSymbol = shape2Vertices((0, _arrow.getSymbol)(target, 'target'), coord, 1, startSymbol.vertices.length / 7 + linePath.vertices.length / 7);
+  var data = {
+    vertices: [].concat((0, _toConsumableArray2.default)(startSymbol.vertices), (0, _toConsumableArray2.default)(linePath.vertices), (0, _toConsumableArray2.default)(endSymbol.vertices)),
+    indices: [].concat((0, _toConsumableArray2.default)(startSymbol.outLineIndices), (0, _toConsumableArray2.default)(linePath.outLineIndices), (0, _toConsumableArray2.default)(endSymbol.outLineIndices), (0, _toConsumableArray2.default)(startSymbol.indices), (0, _toConsumableArray2.default)(linePath.indices), (0, _toConsumableArray2.default)(endSymbol.indices)),
+    normals: [].concat((0, _toConsumableArray2.default)(startSymbol.normals), (0, _toConsumableArray2.default)(linePath.normals), (0, _toConsumableArray2.default)(endSymbol.normals)),
+    size: 7
+  };
+  return data;
+}
+// start 0,end 1;
+function shape2Vertices(shape, coord) {
+  var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+  var indexOffset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  var shapeVertices = [];
+  var vertices = shape.vertices,
+    indices = shape.indices,
+    dimensions = shape.dimensions,
+    outLineIndices = shape.outLineIndices;
+  for (var i = 0; i < vertices.length; i += dimensions) {
+    shapeVertices.push.apply(shapeVertices, [type, vertices[i + 1], vertices[i]].concat((0, _toConsumableArray2.default)(coord)));
+  }
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, shape), {}, {
+    vertices: shapeVertices,
+    indices: indices.map(function (i) {
+      return i + indexOffset;
+    }),
+    outLineIndices: outLineIndices.map(function (i) {
+      return i + indexOffset;
+    })
+  });
+}