improvement: popup add open event

docs/api/component/markerLayer.en.md

@@ -88,7 +88,6 @@ scene.addMarkerLayer(layer);
 
 ```javascript
 scene.removeMarkerLayer(layer);
-
 ```
 
 ### demo 地址

docs/api/component/popup.en.md

@@ -1,6 +1,6 @@
 ---
-title: Popup
+title: popup
-order: 4
+order: 0
 ---
 
 # popup
@@ -60,6 +60,14 @@ var html =
 popup.setHtml(html);
 ```
 
+#### setDOMContent
+
+- 参数 htmlNode dom 对象
+  区别于 setHtml 对象只能传字符串
+
+**tips**
+如果需要将 react 组件渲染到 popup 可以用此方法。
+
 #### setText
 
 设置 popup 显示文本内容
@@ -67,6 +75,20 @@ popup.setHtml(html);
 ```javascript
 popup.setText('hello world');
 ```
+#### open
+显示popup
+
+```javascript
+
+popup.open();
+
+```
+#### close
+显示popup
+
+```javascript
+popup.close();
+```
 
 #### remove
 
@@ -78,12 +100,19 @@ popup.remove();
 
 ## 事件
 
+### open
+
+```javascript
+popup.on('open', () => {});
+```
+
 #### close
 
 ```javascript
 popup.on('close', () => {});
 ```
 
+
 ## 示例代码
 
 #### 添加 popup

docs/api/component/popup.zh.md

@@ -75,6 +75,20 @@ popup.setHtml(html);
 ```javascript
 popup.setText('hello world');
 ```
+#### open
+显示popup
+
+```javascript
+
+popup.open();
+
+```
+#### close
+显示popup
+
+```javascript
+popup.close();
+```
 
 #### remove
 
@@ -86,12 +100,19 @@ popup.remove();
 
 ## 事件
 
+### open
+
+```javascript
+popup.on('open', () => {});
+```
+
 #### close
 
 ```javascript
 popup.on('close', () => {});
 ```
 
+
 ## 示例代码
 
 #### 添加 popup

packages/component/src/popup.ts

@@ -44,6 +44,7 @@ export default class Popup extends EventEmitter implements IPopup {
         this.mapsService.on('click', this.onClickClose);
       }, 30);
     }
+    this.emit('open');
     return this;
   }