update：更新

README.md

@@ -181,4 +181,4 @@ $ yarn build
 
 2.加入钉钉 Vue_R7自助服务群（中文）
 
-<img src="./imgs/getting-started/vue-r7-group.png"  height="400" width="400">
\ No newline at end of file
+<img src="./imgs/getting-started/vue-r7-group.png"  height="400" width="400">

src/model/panel-detail/panel-tab-page.ts

@@ -31,31 +31,37 @@ export class PanelTabPageModel extends PanelDetailModel {
     }
 
     /**
-     * 加载
+     * 设置分页是否启用
      *
-     * @param {*} context
-     * @param {*} viewParams
+     * @param {boolean} state
      * @memberof PanelTabPageModel
      */
-    public async load(context: any, viewParams: any) {
-        if (!this.parentName) {
-            if (this.type == 'VIEWLAYOUT') {
-                this.data = {};
-            } else {
-                this.data = this.panel.data;
-            }
-        } else {
-            let parentItem = this.panel.layoutModelDetails[`${this.parentName}_${this.index}`];
-            if (!parentItem) {
-                parentItem = this.panel.layoutModelDetails[this.parentName];
-            }
-            if (parentItem) {
-                if (parentItem.dataRegionType === 'MULTIDATA' && parentItem['data'] && parentItem['data'].length > 0) {
-                    this.data = parentItem.getData()[this.getIndex()];    
-                } else {
-                    this.data = parentItem.getData();
-                }
-            }
+    public setVisible(state: boolean): void {
+        this.visible = state;
+        const tabPanel = this.getTabPanelModel();
+        if (tabPanel) {
+            tabPanel.setActiviePage();
         }
     }
+
+    /**
+     * 获取分页面板
+     *
+     * @returns {(PanelTabPanelModel | null)}
+     * @memberof PanelTabPageModel
+     */
+    public getTabPanelModel(): PanelTabPanelModel | null {
+        if (!this.panel) {
+            return null;
+        }
+        const tabPanels: any[] = Object.values(this.panel.detailsModel).filter((model: any) => Object.is(model.itemType, 'TABPANEL'));
+        let index = tabPanels.findIndex((tabPanel: any) => {
+            return tabPanel.tabPages.some((tabPag: any) => Object.is(tabPag.name, this.name));
+        });
+        if (index === -1) {
+            return null;
+        }
+        const tabPanel: PanelTabPanelModel = tabPanels[index];
+        return tabPanel;
+    }
 }
\ No newline at end of file

src/model/panel-detail/panel-tab-panel.ts

@@ -46,31 +46,42 @@ export class PanelTabPanelModel extends PanelDetailModel {
     }
 
     /**
-     * 加载
+     * 设置激活分页
      *
-     * @param {*} context
-     * @param {*} viewParams
-     * @memberof PanelTabPageModel
+     * @memberof PanelTabPanelModel
+     */
+    public setActiviePage(): void {
+        if (!this.panel) {
+            return;
+        }
+        const detailsModel: any = this.panel.layoutModelDetails;
+
+        // const index = this.tabPages.findIndex((tabpage: any) => Object.is(tabpage.name, this.clickActiviePage) && Object.is(tabpage.name, this.activiedPage) && detailsModel[tabpage.name].visible);
+        // if (index !== - 1) {
+        //     return;
+        // }
+
+        // this.tabPages.some((tabpage: any) => {
+        //     if (detailsModel[tabpage.name].visible) {
+        //         this.activiedPage = tabpage.name;
+        //         return true;
+        //     }
+        //     return false;
+        // });
+    }
+
+    /**
+     * 选中页面
+     *
+     * @param {*} $event
+     * @returns {void}
+     * @memberof PanelTabPanelModel
      */
-    public async load(context: any, viewParams: any) {
-        if (!this.parentName) {
-            if (this.type == 'VIEWLAYOUT') {
-                this.data = {};
-            } else {
-                this.data = this.panel.data;
-            }
-        } else {
-            let parentItem = this.panel.layoutModelDetails[`${this.parentName}_${this.index}`];
-            if (!parentItem) {
-                parentItem = this.panel.layoutModelDetails[this.parentName];
-            }
-            if (parentItem) {
-                if (parentItem.dataRegionType === 'MULTIDATA' && parentItem['data'] && parentItem['data'].length > 0) {
-                    this.data = parentItem.getData()[this.getIndex()];    
-                } else {
-                    this.data = parentItem.getData();
-                }
-            }
+    public clickPage($event: any): void {
+        if (!$event) {
+            return;
         }
+        this.clickActiviePage = $event;
+        this.activiedPage = $event;
     }
 }
\ No newline at end of file

src/utils/dom/dom.ts

@@ -3,7 +3,7 @@ const isServer = Vue.prototype.$isServer;
 
 /* istanbul ignore next */
 export const on = (function() {
-    if (!isServer && document.addEventListener) {
+    if (!isServer && (document as any).addEventListener) {
         return function(element: any, event: any, handler: any) {
             if (element && event && handler) {
                 element.addEventListener(event, handler, false);
@@ -20,7 +20,7 @@ export const on = (function() {
 
 /* istanbul ignore next */
 export const off = (function() {
-    if (!isServer && document.removeEventListener) {
+    if (!isServer && (document as any).removeEventListener) {
         return function(element: any, event: any, handler: any) {
             if (element && event) {
                 element.removeEventListener(event, handler, false);