From 47079b9b0bda42d97a844ac47ee24bcc928a16ab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=81=86=E4=B8=80?= <fenfen.wff@alibaba-inc.com>
Date: Tue, 18 Feb 2020 23:09:52 +0800
Subject: [PATCH 1/3] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96react=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=EF=BC=8C=E6=96=B0=E5=A2=9EFilter=E7=AD=89=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/react/src/component/Layer.ts         |  8 ++++++--
 .../src/component/LayerAttribute/Active.tsx   | 17 ++++++++++++++++
 .../src/component/LayerAttribute/Color.tsx    |  2 +-
 .../src/component/LayerAttribute/Filter.tsx   | 18 +++++++++++++++++
 .../src/component/LayerAttribute/Layer.tsx    | 16 ++++++++++-----
 .../src/component/LayerAttribute/Shape.tsx    |  2 +-
 .../src/component/LayerAttribute/Size.tsx     |  2 +-
 .../src/component/LayerAttribute/Source.tsx   | 13 +++++++++---
 .../src/component/LayerAttribute/index.ts     | 20 +++++++++++++++----
 packages/react/src/component/LayerContext.tsx |  7 +++++++
 packages/react/src/component/LayerEvent.tsx   | 18 +++++++++++++++++
 packages/react/src/component/Scene.tsx        | 19 +++++++++++++++---
 packages/react/src/component/SceneContext.tsx |  4 ++--
 packages/react/src/index.ts                   |  8 +++++---
 14 files changed, 129 insertions(+), 25 deletions(-)
 create mode 100644 packages/react/src/component/LayerAttribute/Active.tsx
 create mode 100644 packages/react/src/component/LayerAttribute/Filter.tsx
 create mode 100644 packages/react/src/component/LayerContext.tsx
 create mode 100644 packages/react/src/component/LayerEvent.tsx

diff --git a/packages/react/src/component/Layer.ts b/packages/react/src/component/Layer.ts
index 4deebbc545..fced1febd4 100644
--- a/packages/react/src/component/Layer.ts
+++ b/packages/react/src/component/Layer.ts
@@ -2,7 +2,9 @@ import * as React from 'react';
 import { ILayerProps } from './LayerAttribute';
 import BaseLayer from './LayerAttribute/Layer';
 
-const PolygonLayer = React.memo(function Layer(props: ILayerProps) {
+const PolygonLayer = React.memo(function Layer(
+  props: ILayerProps & { children?: any },
+) {
   return BaseLayer('polygonLayer', props);
 });
 
@@ -10,7 +12,9 @@ const LineLayer = React.memo(function Layer(props: ILayerProps) {
   return BaseLayer('polygonLayer', props);
 });
 
-const PointLayer = React.memo(function Layer(props: ILayerProps) {
+const PointLayer = React.memo(function Layer(
+  props: ILayerProps & { children?: any },
+) {
   return BaseLayer('pointLayer', props);
 });
 
diff --git a/packages/react/src/component/LayerAttribute/Active.tsx b/packages/react/src/component/LayerAttribute/Active.tsx
new file mode 100644
index 0000000000..92aafb75e8
--- /dev/null
+++ b/packages/react/src/component/LayerAttribute/Active.tsx
@@ -0,0 +1,17 @@
+import { IActiveOption, ILayer } from '@antv/l7';
+import * as React from 'react';
+
+const { useEffect } = React;
+interface ILayerProps {
+  layer: ILayer;
+  active: {
+    option: IActiveOption | boolean;
+  };
+}
+export default React.memo(function Chart(props: ILayerProps) {
+  const { layer, active } = props;
+  useEffect(() => {
+    layer.active(active.option);
+  }, [active, layer]);
+  return null;
+});
diff --git a/packages/react/src/component/LayerAttribute/Color.tsx b/packages/react/src/component/LayerAttribute/Color.tsx
index f61cb9d161..98a78dfccc 100644
--- a/packages/react/src/component/LayerAttribute/Color.tsx
+++ b/packages/react/src/component/LayerAttribute/Color.tsx
@@ -13,6 +13,6 @@ export default React.memo(function Chart(props: ILayerProps) {
     color.field
       ? layer.color(color.field as StyleAttrField, color.values)
       : layer.color(color.value as StyleAttrField);
-  }, [color.value, color.field, JSON.stringify(color.values)]);
+  }, [color.value, color.field, JSON.stringify(color.values), color.values]);
   return null;
 });
diff --git a/packages/react/src/component/LayerAttribute/Filter.tsx b/packages/react/src/component/LayerAttribute/Filter.tsx
new file mode 100644
index 0000000000..fe1854aded
--- /dev/null
+++ b/packages/react/src/component/LayerAttribute/Filter.tsx
@@ -0,0 +1,18 @@
+import { ILayer, StyleAttrField } from '@antv/l7';
+import * as React from 'react';
+import { IAttributeOptions } from '.';
+
+const { useEffect } = React;
+interface ILayerProps {
+  layer: ILayer;
+  filter: Partial<IAttributeOptions>;
+}
+export default React.memo(function Chart(props: ILayerProps) {
+  const { layer, filter } = props;
+  useEffect(() => {
+    if (filter.field) {
+      layer.filter(filter.field as string, filter.values as StyleAttrField);
+    }
+  }, [filter.field, JSON.stringify(filter.values), filter.values]);
+  return null;
+});
diff --git a/packages/react/src/component/LayerAttribute/Layer.tsx b/packages/react/src/component/LayerAttribute/Layer.tsx
index 983a69596d..bc6e89c925 100644
--- a/packages/react/src/component/LayerAttribute/Layer.tsx
+++ b/packages/react/src/component/LayerAttribute/Layer.tsx
@@ -1,12 +1,14 @@
 import { ILayer, LineLayer, PointLayer, PolygonLayer, Scene } from '@antv/l7';
 import * as React from 'react';
+import { LayerContext } from '../LayerContext';
 import { useSceneValue } from '../SceneContext';
-import { Color, ILayerProps, Scales, Shape, Size, Source, Style } from './';
+
+import { Active, Color, Filter, ILayerProps, Scales, Shape, Size, Source, Style } from '.';
 
 const { useEffect, useState } = React;
 
-export default function BaseLayer(type: string, props: ILayerProps) {
-  const { source, color, shape, style, size, scales, options } = props;
+export default function BaseLayer(type: string, props: ILayerProps & { children?: any }) {
+  const { source, color, shape, style, size, scales, active, filter, options } = props;
   const mapScene = (useSceneValue() as unknown) as Scene;
   const [layer, setLayer] = useState();
   if (!layer) {
@@ -39,13 +41,17 @@ export default function BaseLayer(type: string, props: ILayerProps) {
     }
   });
   return (
-    <>
+    <LayerContext.Provider value={layer}>
       <Source layer={layer} source={source} />
       {scales && <Scales layer={layer} scales={scales} />}
       <Color layer={layer} color={color} />
       {size && <Size layer={layer} size={size} />}
       <Shape layer={layer} shape={shape} />
       {style && <Style layer={layer} style={style} />}
-    </>
+      {active && <Active layer={layer} active={active} />}
+      {filter && <Filter layer={layer} filter={filter} />}
+      {/* LayerContext主要传入LayerEvent组件 */}
+      {props.children}
+    </LayerContext.Provider>
   );
 }
diff --git a/packages/react/src/component/LayerAttribute/Shape.tsx b/packages/react/src/component/LayerAttribute/Shape.tsx
index 374a173b36..7ae9a8048b 100644
--- a/packages/react/src/component/LayerAttribute/Shape.tsx
+++ b/packages/react/src/component/LayerAttribute/Shape.tsx
@@ -13,6 +13,6 @@ export default React.memo(function Chart(props: ILayerProps) {
     shape.field
       ? layer.shape(shape.field, shape.values)
       : layer.shape(shape.value as StyleAttrField);
-  }, [shape.field, shape.value, JSON.stringify(shape.values)]);
+  }, [shape.field, shape.value, JSON.stringify(shape.values), shape.values]);
   return null;
 });
diff --git a/packages/react/src/component/LayerAttribute/Size.tsx b/packages/react/src/component/LayerAttribute/Size.tsx
index 472de09d89..9065092ef0 100644
--- a/packages/react/src/component/LayerAttribute/Size.tsx
+++ b/packages/react/src/component/LayerAttribute/Size.tsx
@@ -13,6 +13,6 @@ export default React.memo(function Chart(props: ILayerProps) {
     size.field
       ? layer.size(size.field, size.values)
       : layer.size(size.value as StyleAttrField);
-  }, [size.field, size.value, JSON.stringify(size.values)]);
+  }, [size.field, size.value, JSON.stringify(size.values), size.values]);
   return null;
 });
diff --git a/packages/react/src/component/LayerAttribute/Source.tsx b/packages/react/src/component/LayerAttribute/Source.tsx
index d86d8ef9fc..a3fe84b07c 100644
--- a/packages/react/src/component/LayerAttribute/Source.tsx
+++ b/packages/react/src/component/LayerAttribute/Source.tsx
@@ -12,8 +12,15 @@ export default React.memo(function Chart(props: ISourceProps) {
   const { data, ...sourceOption } = source;
 
   useEffect(() => {
-    // @ts-ignore
-    layer.source(data, sourceOption);
-  }, []);
+    if (!layer.inited) {
+      layer.source(data, sourceOption);
+    } else {
+      layer.setData(data, sourceOption);
+      if (layer.type === 'PolygonLayer') {
+        // 重新设置data之后，自适应处理
+        layer.fitBounds();
+      }
+    }
+  }, [data]);
   return null;
 });
diff --git a/packages/react/src/component/LayerAttribute/index.ts b/packages/react/src/component/LayerAttribute/index.ts
index aab5dd025d..c0de44a2be 100644
--- a/packages/react/src/component/LayerAttribute/index.ts
+++ b/packages/react/src/component/LayerAttribute/index.ts
@@ -1,14 +1,19 @@
-import { IScale, IScaleOptions, ISourceCFG } from '@antv/l7';
+import { IActiveOption, IScale, IScaleOptions, ISourceCFG } from '@antv/l7';
+import Active from './Active';
 import Color from './Color';
+import Filter from './Filter';
 import Scales from './Scales';
 import Shape from './Shape';
 import Size from './Size';
 import Source from './Source';
 import Style from './Style';
+
+type CallBack = (...args: any[]) => any;
+
 export interface IAttributeOptions {
   field: string;
-  value: string | number;
-  values: string[] | number[] | string;
+  value: string | number | CallBack;
+  values: string[] | number[] | string | CallBack;
 }
 
 export interface IScaleAttributeOptions {
@@ -20,9 +25,14 @@ export interface IStyleOptions {
   opacity: number;
   [key: string]: any;
 }
+
 export interface ISourceOptions extends ISourceCFG {
   data: any;
 }
+
+export interface IActiveOptions {
+  option: IActiveOption | boolean;
+}
 export interface ILayerProps {
   options?: {
     [key: string]: any;
@@ -33,6 +43,8 @@ export interface ILayerProps {
   scales?: Partial<IScaleAttributeOptions>;
   size?: Partial<IAttributeOptions>;
   style?: Partial<IStyleOptions>;
+  active?: IActiveOptions;
+  filter?: Partial<IAttributeOptions>;
 }
 
-export { Source, Size, Color, Shape, Style, Scales };
+export { Active, Color, Filter, Source, Size, Shape, Style, Scales };
diff --git a/packages/react/src/component/LayerContext.tsx b/packages/react/src/component/LayerContext.tsx
new file mode 100644
index 0000000000..04a7aeeb69
--- /dev/null
+++ b/packages/react/src/component/LayerContext.tsx
@@ -0,0 +1,7 @@
+import { Layers } from '@antv/l7';
+import { createContext, useContext } from 'react';
+
+export const LayerContext = createContext(null);
+export function useLayerValue(): Layers {
+  return (useContext(LayerContext) as unknown) as Layers;
+}
diff --git a/packages/react/src/component/LayerEvent.tsx b/packages/react/src/component/LayerEvent.tsx
new file mode 100644
index 0000000000..04e82bedd8
--- /dev/null
+++ b/packages/react/src/component/LayerEvent.tsx
@@ -0,0 +1,18 @@
+import { ILayer } from '@antv/l7';
+import * as React from 'react';
+import { useLayerValue } from './LayerContext';
+
+const { useEffect } = React;
+interface ILayerProps {
+  type: string;
+  handler: (...args: any[]) => void;
+}
+export const LayerEvent = React.memo((props: ILayerProps) => {
+  const { type, handler } = props;
+  const layer = (useLayerValue() as unknown) as ILayer;
+
+  useEffect(() => {
+    layer.on(type, handler);
+  }, [type]);
+  return null;
+});
diff --git a/packages/react/src/component/Scene.tsx b/packages/react/src/component/Scene.tsx
index 498c22bc01..a56b7e205f 100644
--- a/packages/react/src/component/Scene.tsx
+++ b/packages/react/src/component/Scene.tsx
@@ -1,14 +1,19 @@
 import { IMapWrapper, Scene } from '@antv/l7';
 import React, { createElement, createRef, useEffect, useState } from 'react';
-import SceneContext from './SceneContext';
+import { SceneContext } from './SceneContext';
+
 interface IMapSceneConig {
   style?: React.CSSProperties;
+  // 配置项，比如是否禁止鼠标缩放地图
+  options?: {
+    [key: string]: any;
+  };
   className?: string;
   map: IMapWrapper;
   children?: JSX.Element | JSX.Element[] | Array<JSX.Element | undefined>;
 }
 const MapScene = React.memo((props: IMapSceneConig) => {
-  const { style, className, map } = props;
+  const { style, className, map, options } = props;
   const container = createRef();
   const [scene, setScene] = useState();
   useEffect(() => {
@@ -18,6 +23,14 @@ const MapScene = React.memo((props: IMapSceneConig) => {
     });
     sceneInstance.on('loaded', () => {
       setScene(sceneInstance);
+      // 禁止鼠标滚轮缩放地图
+      if (options && !options.enableMouseZoom) {
+        const mapsService = sceneInstance.getMapService();
+        if (mapsService && mapsService.getType() === 'mapbox') {
+          (mapsService.map as any).scrollZoom.disable();
+        }
+        // TODO高德地图的禁止待补充
+      }
     });
     return () => {
       sceneInstance.destroy();
@@ -39,4 +52,4 @@ const MapScene = React.memo((props: IMapSceneConig) => {
   );
 });
 
-export default MapScene;
+export { MapScene };
diff --git a/packages/react/src/component/SceneContext.tsx b/packages/react/src/component/SceneContext.tsx
index 4267010621..7faee5a8e4 100644
--- a/packages/react/src/component/SceneContext.tsx
+++ b/packages/react/src/component/SceneContext.tsx
@@ -1,7 +1,7 @@
 import { Scene } from '@antv/l7';
 import { createContext, useContext } from 'react';
-const SceneContext = createContext(null);
+
+export const SceneContext = createContext(null);
 export function useSceneValue(): Scene {
   return (useContext(SceneContext) as unknown) as Scene;
 }
-export default SceneContext;
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 7f6e51c563..70c6d57841 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -1,3 +1,5 @@
-export * from './component/SceneContext';
-export { default as Scene } from './component/Scene';
-export * from './component/Layer';
+export { MapScene } from './component/Scene';
+export { PolygonLayer, LineLayer, PointLayer } from './component/Layer';
+export { LayerEvent } from './component/LayerEvent';
+export { useSceneValue, SceneContext } from './component/SceneContext';
+export { useLayerValue, LayerContext } from './component/LayerContext';

From 6130514a2da5577170205e4831606296c4629647 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=81=86=E4=B8=80?= <fenfen.wff@alibaba-inc.com>
Date: Tue, 18 Feb 2020 23:12:11 +0800
Subject: [PATCH 2/3] =?UTF-8?q?fix:=20=E8=B7=AF=E5=BE=84=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/component/LayerAttribute/Filter.tsx   |  2 +-
 .../src/component/LayerAttribute/Layer.tsx    | 29 +++++++++++++++++--
 2 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/packages/react/src/component/LayerAttribute/Filter.tsx b/packages/react/src/component/LayerAttribute/Filter.tsx
index fe1854aded..92285b8f36 100644
--- a/packages/react/src/component/LayerAttribute/Filter.tsx
+++ b/packages/react/src/component/LayerAttribute/Filter.tsx
@@ -1,6 +1,6 @@
 import { ILayer, StyleAttrField } from '@antv/l7';
 import * as React from 'react';
-import { IAttributeOptions } from '.';
+import { IAttributeOptions } from './';
 
 const { useEffect } = React;
 interface ILayerProps {
diff --git a/packages/react/src/component/LayerAttribute/Layer.tsx b/packages/react/src/component/LayerAttribute/Layer.tsx
index bc6e89c925..2d59ccffbb 100644
--- a/packages/react/src/component/LayerAttribute/Layer.tsx
+++ b/packages/react/src/component/LayerAttribute/Layer.tsx
@@ -3,12 +3,35 @@ import * as React from 'react';
 import { LayerContext } from '../LayerContext';
 import { useSceneValue } from '../SceneContext';
 
-import { Active, Color, Filter, ILayerProps, Scales, Shape, Size, Source, Style } from '.';
+import {
+  Active,
+  Color,
+  Filter,
+  ILayerProps,
+  Scales,
+  Shape,
+  Size,
+  Source,
+  Style,
+} from './';
 
 const { useEffect, useState } = React;
 
-export default function BaseLayer(type: string, props: ILayerProps & { children?: any }) {
-  const { source, color, shape, style, size, scales, active, filter, options } = props;
+export default function BaseLayer(
+  type: string,
+  props: ILayerProps & { children?: any },
+) {
+  const {
+    source,
+    color,
+    shape,
+    style,
+    size,
+    scales,
+    active,
+    filter,
+    options,
+  } = props;
   const mapScene = (useSceneValue() as unknown) as Scene;
   const [layer, setLayer] = useState();
   if (!layer) {

From 5d5b1ff52536d78e7ba1b9481de6049450bf9317 Mon Sep 17 00:00:00 2001
From: thinkinggis <lzx199065@gmail.com>
Date: Wed, 19 Feb 2020 09:37:49 +0800
Subject: [PATCH 3/3] chore: updtate alpha version

---
 lerna.json                      |  2 +-
 packages/component/package.json |  6 +++---
 packages/core/package.json      |  4 ++--
 packages/l7/package.json        | 12 ++++++------
 packages/layers/package.json    |  8 ++++----
 packages/maps/package.json      |  6 +++---
 packages/react/package.json     |  6 +++---
 packages/renderer/package.json  |  4 ++--
 packages/scene/package.json     | 12 ++++++------
 packages/source/package.json    |  6 +++---
 packages/utils/package.json     |  2 +-
 11 files changed, 34 insertions(+), 34 deletions(-)

diff --git a/lerna.json b/lerna.json
index af812533c1..298f89b45d 100644
--- a/lerna.json
+++ b/lerna.json
@@ -14,7 +14,7 @@
       "message": "chore: publish"
     }
   },
-  "version": "2.0.22",
+  "version": "2.0.23-alpha.0",
   "npmClient": "yarn",
   "useWorkspaces": true,
   "publishConfig": {
diff --git a/packages/component/package.json b/packages/component/package.json
index 0a2375926f..63f74b6536 100644
--- a/packages/component/package.json
+++ b/packages/component/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/l7-component",
-  "version": "2.0.22",
+  "version": "2.0.23-alpha.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -24,8 +24,8 @@
   "author": "lzxue",
   "license": "ISC",
   "dependencies": {
-    "@antv/l7-core": "^2.0.22",
-    "@antv/l7-utils": "^2.0.22",
+    "@antv/l7-core": "^2.0.23-alpha.0",
+    "@antv/l7-utils": "^2.0.23-alpha.0",
     "@babel/runtime": "^7.7.7",
     "eventemitter3": "^4.0.0",
     "inversify": "^5.0.1",
diff --git a/packages/core/package.json b/packages/core/package.json
index b252155799..2e5ff0ee42 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/l7-core",
-  "version": "2.0.22",
+  "version": "2.0.23-alpha.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -22,7 +22,7 @@
   "author": "xiaoiver",
   "license": "ISC",
   "dependencies": {
-    "@antv/l7-utils": "^2.0.22",
+    "@antv/l7-utils": "^2.0.23-alpha.0",
     "@babel/runtime": "^7.7.7",
     "@mapbox/tiny-sdf": "^1.1.1",
     "ajv": "^6.10.2",
diff --git a/packages/l7/package.json b/packages/l7/package.json
index 444de0b8ec..22c3501de7 100644
--- a/packages/l7/package.json
+++ b/packages/l7/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/l7",
-  "version": "2.0.22",
+  "version": "2.0.23-alpha.0",
   "description": "A Large-scale WebGL-powered Geospatial Data Visualization",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -24,11 +24,11 @@
   "author": "antv",
   "license": "MIT",
   "dependencies": {
-    "@antv/l7-component": "^2.0.22",
-    "@antv/l7-core": "^2.0.22",
-    "@antv/l7-layers": "^2.0.22",
-    "@antv/l7-maps": "^2.0.22",
-    "@antv/l7-scene": "^2.0.22",
+    "@antv/l7-component": "^2.0.23-alpha.0",
+    "@antv/l7-core": "^2.0.23-alpha.0",
+    "@antv/l7-layers": "^2.0.23-alpha.0",
+    "@antv/l7-maps": "^2.0.23-alpha.0",
+    "@antv/l7-scene": "^2.0.23-alpha.0",
     "@babel/runtime": "^7.7.7"
   },
   "gitHead": "f2bd3c6473df79d815467b1677c6f985cf68800e",
diff --git a/packages/layers/package.json b/packages/layers/package.json
index 37a7edb359..9f53da5f5d 100644
--- a/packages/layers/package.json
+++ b/packages/layers/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/l7-layers",
-  "version": "2.0.22",
+  "version": "2.0.23-alpha.0",
   "description": "L7's collection of built-in layers",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -22,9 +22,9 @@
   "author": "xiaoiver",
   "license": "ISC",
   "dependencies": {
-    "@antv/l7-core": "^2.0.22",
-    "@antv/l7-source": "^2.0.22",
-    "@antv/l7-utils": "^2.0.22",
+    "@antv/l7-core": "^2.0.23-alpha.0",
+    "@antv/l7-source": "^2.0.23-alpha.0",
+    "@antv/l7-utils": "^2.0.23-alpha.0",
     "@babel/runtime": "^7.7.7",
     "@mapbox/martini": "^0.1.0",
     "@turf/meta": "^6.0.2",
diff --git a/packages/maps/package.json b/packages/maps/package.json
index f9e15b5ad4..394c244ec9 100644
--- a/packages/maps/package.json
+++ b/packages/maps/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/l7-maps",
-  "version": "2.0.22",
+  "version": "2.0.23-alpha.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -23,8 +23,8 @@
   "author": "xiaoiver",
   "license": "ISC",
   "dependencies": {
-    "@antv/l7-core": "^2.0.22",
-    "@antv/l7-utils": "^2.0.22",
+    "@antv/l7-core": "^2.0.23-alpha.0",
+    "@antv/l7-utils": "^2.0.23-alpha.0",
     "@babel/runtime": "^7.7.7",
     "gl-matrix": "^3.1.0",
     "inversify": "^5.0.1",
diff --git a/packages/react/package.json b/packages/react/package.json
index dc1c030166..a4aa5629d8 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/l7-react",
-  "version": "2.0.22",
+  "version": "2.0.23-alpha.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -24,8 +24,8 @@
   "author": "lzxue",
   "license": "ISC",
   "dependencies": {
-    "@antv/l7": "^2.0.22",
-    "@antv/l7-maps": "^2.0.22",
+    "@antv/l7": "^2.0.23-alpha.0",
+    "@antv/l7-maps": "^2.0.23-alpha.0",
     "@babel/runtime": "^7.7.7",
     "react": "^16.8.6"
   },
diff --git a/packages/renderer/package.json b/packages/renderer/package.json
index 2b076a1a92..d17435637b 100644
--- a/packages/renderer/package.json
+++ b/packages/renderer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/l7-renderer",
-  "version": "2.0.22",
+  "version": "2.0.23-alpha.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -25,7 +25,7 @@
     "gl": "^4.4.0"
   },
   "dependencies": {
-    "@antv/l7-core": "^2.0.22",
+    "@antv/l7-core": "^2.0.23-alpha.0",
     "@babel/runtime": "^7.7.7",
     "inversify": "^5.0.1",
     "lodash": "^4.17.15",
diff --git a/packages/scene/package.json b/packages/scene/package.json
index 6facf5f654..cc80310ad8 100644
--- a/packages/scene/package.json
+++ b/packages/scene/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/l7-scene",
-  "version": "2.0.22",
+  "version": "2.0.23-alpha.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -22,11 +22,11 @@
   "author": "xiaoiver",
   "license": "ISC",
   "dependencies": {
-    "@antv/l7-component": "^2.0.22",
-    "@antv/l7-core": "^2.0.22",
-    "@antv/l7-maps": "^2.0.22",
-    "@antv/l7-renderer": "^2.0.22",
-    "@antv/l7-utils": "^2.0.22",
+    "@antv/l7-component": "^2.0.23-alpha.0",
+    "@antv/l7-core": "^2.0.23-alpha.0",
+    "@antv/l7-maps": "^2.0.23-alpha.0",
+    "@antv/l7-renderer": "^2.0.23-alpha.0",
+    "@antv/l7-utils": "^2.0.23-alpha.0",
     "@babel/runtime": "^7.7.7",
     "inversify": "^5.0.1",
     "mapbox-gl": "^1.2.1",
diff --git a/packages/source/package.json b/packages/source/package.json
index fb913ce491..52d7c33247 100644
--- a/packages/source/package.json
+++ b/packages/source/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/l7-source",
-  "version": "2.0.22",
+  "version": "2.0.23-alpha.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -24,8 +24,8 @@
   "author": "lzxue",
   "license": "ISC",
   "dependencies": {
-    "@antv/l7-core": "^2.0.22",
-    "@antv/l7-utils": "^2.0.22",
+    "@antv/l7-core": "^2.0.23-alpha.0",
+    "@antv/l7-utils": "^2.0.23-alpha.0",
     "@babel/runtime": "^7.7.7",
     "@mapbox/geojson-rewind": "^0.4.0",
     "@turf/helpers": "^6.1.4",
diff --git a/packages/utils/package.json b/packages/utils/package.json
index db8c657d71..80c1d0e759 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/l7-utils",
-  "version": "2.0.22",
+  "version": "2.0.23-alpha.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",