feat: 新增图例更新事件 (#74)

antvis · Oct 20, 2022 · 02e1abd · 02e1abd
1 parent 0528df4
commit 02e1abd
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 13 deletions.
diff --git a/docs/common/layer/composite-common/event.md b/docs/common/layer/composite-common/event.md
@@ -21,12 +21,15 @@ layer.off(eventName: string, callback: (...args) => void);
 
 #### 生命周期事件
 
-| 事件名     | 类型         | 描述                      |
-| ---------- | ------------ | ------------------------- |
-| inited     | 生命周期事件 | 图层初始化完成事件        |
-| add        | 生命周期事件 | 图层添加到场景 scene 事件 |
-| remove     | 生命周期事件 | 图层移除时事件            |
-| dataUpdate | 生命周期事件 | 图层数据源更新事件        |
+| 事件名       | 类型         | 描述                               |
+| ------------ | ------------ | ---------------------------------- |
+| inited       | 生命周期事件 | 图层初始化完成事件                 |
+| add          | 生命周期事件 | 图层添加到场景 scene 事件          |
+| remove       | 生命周期事件 | 图层移除时事件                     |
+| dataUpdate   | 生命周期事件 | 图层数据源更新事件                 |
+| legend       | 生命周期事件 | 数据映射更新，图例更新事件         |
+| legend:color | 生命周期事件 | 数据映射更新，颜色属性图例更新事件 |
+| legend:size  | 生命周期事件 | 数据映射更新，大小属性图例更新事件 |
 
 #### 点击事件
 

diff --git a/docs/common/layer/core-common/event.md b/docs/common/layer/core-common/event.md
@@ -21,12 +21,15 @@ layer.off(eventName: string, callback: (...args) => void);
 
 #### 生命周期事件
 
-| 事件名     | 类型         | 描述                      |
-| ---------- | ------------ | ------------------------- |
-| inited     | 生命周期事件 | 图层初始化完成事件        |
-| add        | 生命周期事件 | 图层添加到场景 scene 事件 |
-| remove     | 生命周期事件 | 图层移除时事件            |
-| dataUpdate | 生命周期事件 | 图层数据源更新事件        |
+| 事件名       | 类型         | 描述                               |
+| ------------ | ------------ | ---------------------------------- |
+| inited       | 生命周期事件 | 图层初始化完成事件                 |
+| add          | 生命周期事件 | 图层添加到场景 scene 事件          |
+| remove       | 生命周期事件 | 图层移除时事件                     |
+| dataUpdate   | 生命周期事件 | 图层数据源更新事件                 |
+| legend       | 生命周期事件 | 数据映射更新，图例更新事件         |
+| legend:color | 生命周期事件 | 数据映射更新，颜色属性图例更新事件 |
+| legend:size  | 生命周期事件 | 数据映射更新，大小属性图例更新事件 |
 
 #### 点击事件
 

diff --git a/package.json b/package.json
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@antv/event-emitter": "^0.1.3",
-    "@antv/l7-composite-layers": "^0.7.1",
+    "@antv/l7-composite-layers": "^0.9.0",
     "@antv/l7-draw": "^3.0.6",
     "@formily/antd": "^2.1.11",
     "@formily/core": "^2.1.11",

diff --git a/src/components/Layers/hooks/use-layer-event/constant.ts b/src/components/Layers/hooks/use-layer-event/constant.ts
@@ -8,6 +8,10 @@ export const LayerEventMap: Record<keyof LayerEventProps, string> = {
   onAdd: 'add',
   onRemove: 'remove',
   onDataUpdate: 'dataUpdate',
+  onLegend: 'legend',
+  onLegendColor: 'legend:color',
+  onLegendSize: 'legend:size',
+
   // 点击事件
   onClick: 'click',
   onDblClick: 'dblclick',

diff --git a/src/types/layer.ts b/src/types/layer.ts
@@ -18,6 +18,12 @@ export type LayerEventProps = Partial<{
   onRemove: LayerEventCallback;
   /** 数据源更新事件 */
   onDataUpdate: LayerEventCallback;
+  /** 数据映射更新，图例更新事件  */
+  onLegend: LayerEventCallback;
+  /** 数据映射更新，颜色属性图例更新事件  */
+  onLegendColor: LayerEventCallback;
+  /** 数据映射更新，大小属性图例更新事件  */
+  onLegendSize: LayerEventCallback;
 
   // 点击事件
   /** 点击图层事件 */