@lcap/nasl 0.3.9 → 0.3.10-beta.6

package/src/types/page/Page.ts

@@ -3,6 +3,23 @@ import { config, history, LEVEL_ENUM, Vertex, Entity, Enum, PackageJSON, App, We
 import pageService from '../../service/page';
 import { traverse } from '../utils';
 import { postServiceType } from '../../service/common/preprocess';
+import { refreshPages } from '../cache';
+import { BusinessCode } from '../enum';
+
+export function catchFn() {
+    return async (err: any) => {
+        const code = err?.code;
+        // 节点已存在； 节点不存在; 父节点不存在
+        if ([BusinessCode.ElementExist, BusinessCode.ElementNotExist, BusinessCode.ParentElementNotExist].includes(code)) {
+            await refreshPages();
+        } else
+            config.defaultApp?.emit('saved', err);
+
+        config.defaultApp?.history.load();
+
+        throw err;
+    };
+}
 
 /**
  * 页面（入口页）类，后端路由控制
@@ -95,13 +112,12 @@ export class Page extends Vertex {
         }, { node: this.rootView });
         const rootView = new View(this.rootView);
         rootView.assign({ page: this });
-        
+
         this.assign({ rootView });
     }
 
     addData(res: any) {
         const microService = this.service.app.firstMicroService;
-        
 
         const enums = res.enums as Array<Enum>;
         if (enums && enums.length) {
@@ -153,8 +169,8 @@ export class Page extends Vertex {
                 operationDesc: actionOptions?.actionDesc || `添加页面"${this.name}${this.title ? `(${this.title})` : ''}"`,
             },
             body,
-        });
-      
+        }).catch(catchFn());
+
         this.deepPick(result.page, ['id']);
         // 添加数据和接口
         this.addData(result);
@@ -170,8 +186,8 @@ export class Page extends Vertex {
             tempPath: `/${rootView.name}`,
             code: `/ID_${rootView.id}`,
         });
-       this.rootView.attachNodePath();
-        if(result.page.isIndex) {
+        this.rootView.attachNodePath();
+        if (result.page.isIndex) {
             const tasks = this.service.pages.filter((page) => page.isIndex && page.id !== result.page.id)
                 .map((page) => {
                     page.assign({ isIndex: false });
@@ -179,7 +195,7 @@ export class Page extends Vertex {
                 });
             Promise.all(tasks);
         }
-    
+
         await then?.();
         this.service.emit('pageTreeChange');
 
@@ -187,10 +203,10 @@ export class Page extends Vertex {
         microService.emit('dataTypesChange');
         microService.emit('enumsChange');
         microService.emit('vertexIdToNameChange');
-        
+
         this.rootView.emit('change');
         // this.assign(Page.from(this, this.service));
-        
+
         await config.defaultApp?.history.load();
         config.defaultApp?.emit('saved');
         return this;
@@ -215,7 +231,7 @@ export class Page extends Vertex {
         });
         this.deepPick(result, ['id']);
         this.rootView.attachNodePath();
-        if(result.isIndex) {
+        if (result.isIndex) {
             const tasks = this.service.pages.filter((page) => page.isIndex && page.id !== result.id)
                 .map((page) => {
                     page.assign({ isIndex: false });
@@ -223,12 +239,12 @@ export class Page extends Vertex {
                 });
             Promise.all(tasks);
         }
-        
+
         await then?.();
         this.service.emit('pageTreeChange');
         this.rootView.emit('change');
         // this.assign(Page.from(this, this.service));
-        
+
         await config.defaultApp?.history.load();
         config.defaultApp?.emit('saved');
         return this;
@@ -240,21 +256,16 @@ export class Page extends Vertex {
     async delete(none?: void, actionOptions?: ActionOptions) {
         config.defaultApp?.emit('saving');
 
-        try {
-            await pageService.removePage({
-                headers: {
-                    appId: config.defaultApp?.id,
-                    operationAction: actionOptions?.actionName || 'Page.delete',
-                    operationDesc: actionOptions?.actionDesc || `删除页面"${this.name}${this.title ? `(${this.title})` : ''}"`,
-                },
-                path: {
-                    id: this.id,
-                },
-            });
-        } catch(err) {
-            await config.defaultApp?.history.load();
-            throw err;
-        }
+        await pageService.removePage({
+            headers: {
+                appId: config.defaultApp?.id,
+                operationAction: actionOptions?.actionName || 'Page.delete',
+                operationDesc: actionOptions?.actionDesc || `删除页面"${this.name}${this.title ? `(${this.title})` : ''}"`,
+            },
+            path: {
+                id: this.id,
+            },
+        }).catch(catchFn());
 
         const index = this.service.pages.indexOf(this);
         ~index && this.service.pages.splice(index, 1);
@@ -279,7 +290,7 @@ export class Page extends Vertex {
                 operationDesc: actionOptions?.actionDesc || `修改页面"${this.name}${this.title ? `(${this.title})` : ''}"`,
             },
             body,
-        });
+        }).catch(catchFn());
 
         await config.defaultApp?.history.load();
         config.defaultApp?.emit('saved');
@@ -292,19 +303,41 @@ export class Page extends Vertex {
     async setAsIndex() {
         config.defaultApp?.emit('saving');
 
-        const tasks = this.service.pages.filter((page) => page.isIndex)
-            .map((page) => {
-                page.assign({ isIndex: false });
-                return page.update();
+        const oldIndexPages: Array<Page> = this.service.pages.filter((page) => page.isIndex);
+        const rejectedPages: Array<Page> = [];
+        const tasks = oldIndexPages.map((page) => {
+            page.assign({ isIndex: false });
+            return page.update().catch((e) => {
+                rejectedPages.push(page);
+                return Promise.reject(e);
             });
-        this.assign({ isIndex: true });
-        tasks.push(this.update(undefined, {
-            actionDesc: `设置页面"${this.name}"为首页`,
-        }));
-        await Promise.all(tasks);
+        });
 
-        this.service.emit('pageTreeChange');
+        // 去掉旧首页
+        try {
+            await Promise.all(tasks);
+        } catch (e) {
+            // 恢复状态
+            rejectedPages.forEach((page) => page.assign({ isIndex: true }));
 
+            this.service.emit('pageTreeChange');
+            await config.defaultApp?.history.load();
+            config.defaultApp?.emit('saved');
+            return;
+        }
+
+        // 设置新首页
+        try {
+            this.assign({ isIndex: true });
+            await this.update(undefined, {
+                actionDesc: `设置页面"${this.name}"为首页`,
+            });
+        } catch (e) {
+            // 恢复状态
+            this.assign({ isIndex: false });
+        }
+
+        this.service.emit('pageTreeChange');
         await config.defaultApp?.history.load();
         config.defaultApp?.emit('saved');
     }
@@ -356,8 +389,8 @@ export class Page extends Vertex {
         page.assign({
             rootView: View.from(page.rootView, null, page),
             service,
-            tempPath: page.rootView? `/${page.rootView.name}`: '',
-            code: page.rootView?`/ID_${page.rootView.id}`: '',
+            tempPath: page.rootView ? `/${page.rootView.name}` : '',
+            code: page.rootView ? `/ID_${page.rootView.id}` : '',
         });
 
         return page;

package/src/types/page/View.ts

@@ -16,6 +16,7 @@ import * as babel from '@babel/core';
 import view from '@/service/page/view';
 import Entity from '../data/Entity';
 import { postServiceType } from '../../service/common/preprocess';
+import { catchFn } from './Page';
 
 /**
  * 子页面类，前端路由控制
@@ -127,6 +128,12 @@ export class View extends Block {
      */
     @immutable()
     public readonly moreChildrenFields: Array<string> = ['$def.params', '$def.variables', '$def.logics'];
+    /**
+     * 当前View中所有组件名的缓存
+     */
+    @immutable()
+    public readonly elementNameSet: Set<string> = new Set();
+
     /**
      * @param source 需要合并的部分参数
      */
@@ -199,26 +206,36 @@ export class View extends Block {
             } catch (err) { }
         })().finally(() => this.contentPromise = undefined);
     }
-    loadAll() {
+    loadAll(enableCache = true) {
         // 如果有正在进行的 Promise，则直接返回它
         if (this.contentPromise)
             return this.contentPromise;
 
         return this.contentPromise = (async () => {
-            try {
-                const result: View = await viewService.load({
-                    path: {
-                        id: this.id,
-                    },
-                });
-
-                const temp = View.from(result, this.parent, this.page, this);
-                this.assign(temp);
-                utils.traverse((current) => {
-                    current.node.attachNodePath(true);
-                }, { node: this });
-                return this;
-            } catch (err) { }
+            const result: View = await viewService.load({
+                path: {
+                    id: this.id,
+                },
+                query: {
+                    enableCache,
+                },
+                config: { noErrorTip: true },
+            });
+            const oldLogics = this.$def.logics;
+            Object.assign(result, {
+                children: this.children,
+            });
+            const temp = View.from(result, this.parent, this.page, this);
+            const newLogics = temp.$def.logics;
+            oldLogics.forEach((logic) => {
+                if (!newLogics.find((item) => item.id === logic.id))
+                    logic.destroy();
+            });
+            this.assign(temp);
+            utils.traverse((current) => {
+                current.node.attachNodePath(true);
+            }, { node: this });
+            return this;
         })().finally(() => this.contentPromise = undefined);
     }
     isContentLoaded() {
@@ -325,7 +342,7 @@ export class View extends Block {
                 operationDesc: actionOptions?.actionDesc || `添加子页面"${this.name}${this.title ? `(${this.title})` : ''}"`,
             },
             body,
-        });
+        }).catch(catchFn());
         this.deepPick(result.view, ['id']);
         // 添加数据
         this.addData(result);
@@ -406,21 +423,16 @@ export class View extends Block {
         if (!this.parent)
             throw Error('该子页面为根节点！');
 
-        try {
-            await viewService.delete({
-                headers: {
-                    appId: config.defaultApp?.id,
-                    operationAction: actionOptions?.actionName || 'View.delete',
-                    operationDesc: actionOptions?.actionDesc || `删除子页面"${this.name}${this.title ? `(${this.title})` : ''}"`,
-                },
-                path: {
-                    id: this.id,
-                },
-            });
-        } catch (err) {
-            await config.defaultApp?.history.load();
-            throw err;
-        }
+        await viewService.delete({
+            headers: {
+                appId: config.defaultApp?.id,
+                operationAction: actionOptions?.actionName || 'View.delete',
+                operationDesc: actionOptions?.actionDesc || `删除子页面"${this.name}${this.title ? `(${this.title})` : ''}"`,
+            },
+            path: {
+                id: this.id,
+            },
+        }).catch(catchFn());
 
         const index = this.parent.children.indexOf(this);
         ~index && this.parent.children.splice(index, 1);
@@ -452,7 +464,7 @@ export class View extends Block {
                 operationDesc: actionOptions?.actionDesc || `修改子页面"${this.name}${this.title ? `(${this.title})` : ''}"`,
             },
             body,
-        });
+        }).catch(catchFn());
 
         await then?.();
         await config.defaultApp?.history.load();
@@ -901,6 +913,40 @@ export class View extends Block {
         // config.defaultApp?.emit('saved');
     }
 
+    // 遍历页面缓存所有组件名
+    traverseAllElementName(): void {
+        this.elementNameSet.clear();
+        utils.traverse(({ node }) => {
+            node && this.elementNameSet.add(node.name);
+        }, { node: this.$html });
+    }
+
+    // 组件名是否有效
+    isValidElementName(name: string): boolean {
+        if (name) {
+            return !this.elementNameSet.has(name);
+        }
+        return false;
+    }
+
+    // 保存组件名至缓存
+    addElementName(nameOrElement: string | Element) {
+        let name: string = nameOrElement as string;
+        if (nameOrElement instanceof Element) {
+            name = nameOrElement.name;
+        }
+        return this.elementNameSet.add(name);
+    }
+
+    // 在缓存中移除组件名
+    removeElementName(nameOrElement: string | Element): void {
+        let name: string = nameOrElement as string;
+        if (nameOrElement instanceof Element) {
+            name = nameOrElement.name;
+        }
+        this.elementNameSet.delete(name);
+    }
+
     _removeDef($def: View['$def']) {
         const removedParams = this.$def.params.filter((param) => $def.params?.find((item) => param.id === item.id));
         this.$def.params = this.$def.params.filter((param) => !$def.params?.find((item) => param.id === item.id));

package/src/types/page/ViewParam.ts

@@ -5,6 +5,25 @@ import { getBasicTypeDefaultValue } from '../data/basicTypes';
 import { viewService } from '../../service/page';
 import { View } from './View';
 import { schemaService } from '../../service/common';
+import { refreshPages, refreshView } from '../cache';
+import { BusinessCode } from '../enum';
+
+export function catchFn(view: View) {
+    return async (err: any) => {
+        const code = err?.code;
+        // 节点已存在； 节点不存在
+        if([BusinessCode.ElementExist, BusinessCode.ElementNotExist].includes(code)) {
+            await refreshView(view);
+        } else if(code === BusinessCode.ParentElementNotExist) {  // 父节点不存在。视图添加变量，发现视图不存在
+            await refreshPages();
+        } else 
+            config.defaultApp?.emit('saved', err);
+
+        config.defaultApp?.history.load();
+
+        throw err;
+    }
+}
 
 /**
  * 页面输入参数
@@ -56,7 +75,7 @@ export class ViewParam extends Param {
                 operationDesc: actionOptions?.actionDesc || `添加页面"${this.view.name}"输入参数"${this.name}"`,
             },
             body,
-        });
+        }).catch(catchFn(this.view));
         // convert2RefType(result.schema);
         this.deepPick(result, ['id']);
         this.assign({ code: this.genCode() });
@@ -88,7 +107,7 @@ export class ViewParam extends Param {
                     query: {
                         id: this.id,
                     },
-                });
+                }).catch(catchFn(this.view));
             } catch(err) {
                 await config.defaultApp?.history.load();
                 throw err;
@@ -129,7 +148,7 @@ export class ViewParam extends Param {
                 operationDesc: actionOptions?.actionDesc || `修改页面"${this.view.name}"输入参数"${this.name}"`,
             },
             body,
-        });
+        }).catch(catchFn(this.view));
         // convert2RefType(result.schema);
         // this.plainAssign(result);
 

package/src/types/page/ViewVariable.ts

@@ -5,6 +5,7 @@ import { viewService } from '../../service/page';
 import { convert2RefType, convert2SchemaType } from '../data/dataTypeUtils';
 import { getBasicTypeDefaultValue } from '../data/basicTypes';
 import { schemaService } from '../../service/common';
+import { catchFn } from './ViewParam';
 
 /**
  * 页面局部变量
@@ -51,7 +52,7 @@ export class ViewVariable extends Variable {
                 operationDesc: actionOptions?.actionDesc || `添加页面"${this.view.name}"局部变量"${this.name}"`,
             },
             body,
-        });
+        }).catch(catchFn(this.view));
         // convert2RefType(result.schema);
         this.deepPick(result, ['id']);
         this.assign({ code: this.genCode() });
@@ -73,7 +74,6 @@ export class ViewVariable extends Variable {
         config.defaultApp?.emit('saving');
 
         if (this.id) {
-            try {
                 await viewService.deleteViewVariable({
                     headers: {
                         appId: config.defaultApp?.id,
@@ -83,11 +83,7 @@ export class ViewVariable extends Variable {
                     query: {
                         id: this.id,
                     },
-                });
-            } catch (err) {
-                await config.defaultApp?.history.load();
-                throw err;
-            }
+                }).catch(catchFn(this.view));
         }
 
         const { variables } = this.view.$def;
@@ -122,7 +118,7 @@ export class ViewVariable extends Variable {
                 operationDesc: actionOptions?.actionDesc || `修改页面"${this.view.name}"局部变量"${this.name}"`,
             },
             body,
-        });
+        }).catch(catchFn(this.view));
         // convert2RefType(result.schema);
         // this.plainAssign(result);