@lcap/nasl 3.2.0-beta.3 → 3.3.0-alpha

package/src/concepts/FrontendLibrary__.ts

@@ -1,14 +1,14 @@
+import { v4 as uuidv4 } from 'uuid';
 import Namespace from './Namespace__';
 import { TranslatorState, shiftState, withSourceMap, indent, createCompilerState } from '../translator';
-//================================================================================
+//= ===============================================================================
 // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
 // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
-//================================================================================
+//= ===============================================================================
 import { EventPayload, Params } from '../common/EventEmitter';
 import { concept, excludedInJSON, property } from '../decorators';
 
 import * as utils from '../utils';
-import { v4 as uuidv4 } from 'uuid';
 import BaseNode from '../common/BaseNode';
 import classMap from '../common/classMap';
 import Logic from './Logic__';
@@ -21,501 +21,523 @@ import App from './App__';
  */
 @concept('端包')
 export class FrontendLibrary extends BaseNode {
-    /**
-     * 产品概念
-     */
-    @property()
-    concept: 'FrontendLibrary' = 'FrontendLibrary';
-
-    /**
-     * 名称与type保持一致
-     */
-    @property()
-    name: 'pc' | 'h5' = undefined;
-
-    /**
-     * PC/H5 端
-     */
-    @property()
-    type: 'pc' | 'h5' = undefined;
-
-    /**
-     * 逻辑列表
-     */
-    @property('Logic')
-    logics: Array<Logic> = [];
-
-    /**
-     * 页面组件列表
-     */
-    @property('ViewComponent')
-    viewComponents: Array<ViewComponent> = [];
-
-    /**
-     * 祖先 Module
-     */
-    get module() {
-        return this.getAncestor('Module') as Module;
-    }
-    /**
-     * 祖先 App
-     */
-    get app() {
-        return this.getAncestor('App') as App;
-    }
-
-    /**
-     * @param source 需要合并的部分参数
-     */
-    constructor(source?: Partial<FrontendLibrary>) {
-        source = Object.assign({}, FrontendLibrary.getDefaultOptions(), source);
-        super(source);
-        super.subConstructor(source);
-    }
-    getClassName() {
-        return 'FrontendLibrary';
-    }
-
-    static from(source: any, parentNode?: any, parentKey?: string): FrontendLibrary {
-        return super.from(source, parentNode, parentKey) as FrontendLibrary;
-    }
-
-    /**
-     * 从父级删除该节点
-     * @internal
-     */
-    _delete() {
-        let params: Params = null;
-        if (this.parentNode) {
-            params = (this.parentNode as any)?.__removeFrontendLibrary?.(this);
-        }
-        return params;
-    }
-    
-
-        getLogicExistingNames(excludedList: Array<Logic> = []) {
-        const excludedSet = new Set(excludedList);
-        return ((this.logics as Logic[]) || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
-    }
-    getLogicUniqueName(name = 'logic1') {
-        return utils.unique(name, this.getLogicExistingNames(), undefined, true);
-    }
-
-    /**
-    * 插入逻辑
-    * @internal
-    * @param name 逻辑名称，如果不填会自动生成一个唯一名称
-    */
-    _insertLogicAt(name: string, index: number): Logic;
-
-    /**
-    * 插入逻辑
-    * @internal
-    * @param logicOptions 逻辑参数
-    */
-    _insertLogicAt(logicOptions: Partial<Logic>, index: number): Logic;
-
-    /**
-    * 插入逻辑
-    * @internal
-    * @param logic 已有的逻辑实例
-    */
-    _insertLogicAt(logic: Logic, index: number): Logic;
-
-    _insertLogicAt(options: string | Partial<Logic> | Logic, index: number) {
-        const logicOptions: any = {};
-        const relationOptions = { parentNode: this, parentKey: 'logics' };
-        let logic: Logic;
-        if (!options) {
-            logic = Logic.from({
-                ...logicOptions,
-                name: this.getLogicUniqueName(),
-            }, this, 'logics');
-        } else if (typeof options === 'string') {
-            logic = Logic.from({
-                ...logicOptions,
-                name: options,
-            }, this, 'logics');
-        } else if (options instanceof Logic) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            logic = options;
-            Object.assign(logic, relationOptions);
-        } else {
-            logic = Logic.from({
-                ...logicOptions,
-                ...options,
-            }, this, 'logics');
-        }
-        this.logics.splice(index, 0, logic);
-        return logic;
-    }
-
-    /**
-     * 插入逻辑
-     * @param name 逻辑名称，如果不填会自动生成一个唯一名称
-     */
-    insertLogicAt(name: string, index: number): Logic;
-
-    /**
-     * 插入逻辑
-     * @param logicOptions 逻辑参数
-     */
-    insertLogicAt(logicOptions: Partial<Logic>, index: number): Logic;
-
-    /**
-     * 插入逻辑
-     * @param logic 已有的逻辑实例
-     */
-    insertLogicAt(logic: Logic, index: number): Logic;
-
-    insertLogicAt(options: string | Partial<Logic> | Logic, index: number) {
-        const node = this._insertLogicAt(options as any, index);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'logics',
-        });
-        return node;
-    }
-
-    /**
-     * 添加逻辑
-     * @internal
-     * @param name 逻辑名称，如果不填会自动生成一个唯一名称
-     */
-    _addLogic(name?: string): Logic;
-
-    /**
-     * 添加逻辑
-     * @internal
-     * @param logicOptions 逻辑参数
-     */
-    _addLogic(logicOptions: Partial<Logic>): Logic;
-
-    /**
-     * 添加逻辑
-     * @internal
-     * @param logic 已有的逻辑实例
-     */
-    _addLogic(logic: Logic): Logic;
-
-    _addLogic(options?: string | Partial<Logic> | Logic) {
-        const index = this.logics.length;
-        return this._insertLogicAt(options as any, index);
-    }
-
-    /**
-     * 添加逻辑
-     * @internal
-     * @param name 逻辑名称，如果不填会自动生成一个唯一名称
-     */
-    addLogic(name?: string): Logic;
-
-    /**
-     * 添加逻辑
-     * @param logicOptions 逻辑参数
-     */
-    addLogic(logicOptions: Partial<Logic>): Logic;
-
-    /**
-     * 添加逻辑
-     * @param logic 已有的逻辑实例
-     */
-    addLogic(logic: Logic): Logic;
-
-    addLogic(options?: string | Partial<Logic> | Logic) {
-        const node = this._addLogic(options as any);
-        const index = this.logics.indexOf(node);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'logics',
-        });
-        return node;
-    }
-
-
-    getViewComponentExistingNames(excludedList: Array<ViewComponent> = []) {
-        const excludedSet = new Set(excludedList);
-        return ((this.viewComponents as ViewComponent[]) || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
-    }
-    getViewComponentUniqueName(name = 'viewComponent1') {
-        return utils.unique(name, this.getViewComponentExistingNames(), undefined, false);
+  /**
+   * 产品概念
+   */
+  @property()
+  concept: 'FrontendLibrary' = 'FrontendLibrary';
+
+  /**
+   * 名称与type保持一致
+   */
+  @property()
+  name: 'pc' | 'h5' = undefined;
+
+  /**
+   * PC/H5 端
+   */
+  @property()
+  type: 'pc' | 'h5' = undefined;
+
+  /**
+   * 逻辑列表
+   */
+  @property('Logic')
+  logics: Array<Logic> = [];
+
+  /**
+   * 页面组件列表
+   */
+  @property('ViewComponent')
+  viewComponents: Array<ViewComponent> = [];
+
+  /**
+   * 祖先 Module
+   */
+  get module() {
+    return this.getAncestor('Module') as Module;
+  }
+
+  /**
+   * 祖先 App
+   */
+  get app() {
+    return this.getAncestor('App') as App;
+  }
+
+  /**
+   * @param source 需要合并的部分参数
+   */
+  constructor(source?: Partial<FrontendLibrary>) {
+    // @ts-ignore
+    source = { ...FrontendLibrary.getDefaultOptions(), ...source };
+    super(source);
+    super.subConstructor(source);
+  }
+
+  getClassName() {
+    return 'FrontendLibrary';
+  }
+
+  static from(source: any, parentNode?: any, parentKey?: string): FrontendLibrary {
+    return super.from(source, parentNode, parentKey) as FrontendLibrary;
+  }
+
+  /**
+   * 从父级删除该节点
+   * @internal
+   */
+  _delete() {
+    let params: Params = null;
+    if (this.parentNode) {
+      params = (this.parentNode as any)?.__removeFrontendLibrary?.(this);
     }
-
-    /**
-    * 插入页面组件
-    * @internal
-    * @param name 页面组件名称，如果不填会自动生成一个唯一名称
-    */
-    _insertViewComponentAt(name: string, index: number): ViewComponent;
-
-    /**
-    * 插入页面组件
-    * @internal
-    * @param viewComponentOptions 页面组件参数
-    */
-    _insertViewComponentAt(viewComponentOptions: Partial<ViewComponent>, index: number): ViewComponent;
-
-    /**
-    * 插入页面组件
-    * @internal
-    * @param viewComponent 已有的页面组件实例
-    */
-    _insertViewComponentAt(viewComponent: ViewComponent, index: number): ViewComponent;
-
-    _insertViewComponentAt(options: string | Partial<ViewComponent> | ViewComponent, index: number) {
-        const viewComponentOptions: any = {};
-        const relationOptions = { parentNode: this, parentKey: 'viewComponents' };
-        let viewComponent: ViewComponent;
-        if (!options) {
-            viewComponent = ViewComponent.from({
-                ...viewComponentOptions,
-                name: this.getViewComponentUniqueName(),
-            }, this, 'viewComponents');
-        } else if (typeof options === 'string') {
-            viewComponent = ViewComponent.from({
-                ...viewComponentOptions,
-                name: options,
-            }, this, 'viewComponents');
-        } else if (options instanceof ViewComponent) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            viewComponent = options;
-            Object.assign(viewComponent, relationOptions);
-        } else {
-            viewComponent = ViewComponent.from({
-                ...viewComponentOptions,
-                ...options,
-            }, this, 'viewComponents');
-        }
-        this.viewComponents.splice(index, 0, viewComponent);
-        return viewComponent;
-    }
-
-    /**
-     * 插入页面组件
-     * @param name 页面组件名称，如果不填会自动生成一个唯一名称
-     */
-    insertViewComponentAt(name: string, index: number): ViewComponent;
-
-    /**
-     * 插入页面组件
-     * @param viewComponentOptions 页面组件参数
-     */
-    insertViewComponentAt(viewComponentOptions: Partial<ViewComponent>, index: number): ViewComponent;
-
-    /**
-     * 插入页面组件
-     * @param viewComponent 已有的页面组件实例
-     */
-    insertViewComponentAt(viewComponent: ViewComponent, index: number): ViewComponent;
-
-    insertViewComponentAt(options: string | Partial<ViewComponent> | ViewComponent, index: number) {
-        const node = this._insertViewComponentAt(options as any, index);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'viewComponents',
-        });
-        return node;
-    }
-
-    /**
-     * 添加页面组件
-     * @internal
-     * @param name 页面组件名称，如果不填会自动生成一个唯一名称
-     */
-    _addViewComponent(name?: string): ViewComponent;
-
-    /**
-     * 添加页面组件
-     * @internal
-     * @param viewComponentOptions 页面组件参数
-     */
-    _addViewComponent(viewComponentOptions: Partial<ViewComponent>): ViewComponent;
-
-    /**
-     * 添加页面组件
-     * @internal
-     * @param viewComponent 已有的页面组件实例
-     */
-    _addViewComponent(viewComponent: ViewComponent): ViewComponent;
-
-    _addViewComponent(options?: string | Partial<ViewComponent> | ViewComponent) {
-        const index = this.viewComponents.length;
-        return this._insertViewComponentAt(options as any, index);
+    return params;
+  }
+
+  getLogicExistingNames(excludedList: Array<Logic> = []) {
+    const excludedSet = new Set(excludedList);
+    return ((this.logics as Logic[]) || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
+  }
+
+  getLogicUniqueName(name = 'logic1') {
+    return utils.unique(name, this.getLogicExistingNames(), undefined, true);
+  }
+
+  /**
+   * 插入逻辑
+   * @internal
+   * @param name 逻辑名称，如果不填会自动生成一个唯一名称
+   */
+  _insertLogicAt(name: string, index: number): Logic;
+
+  /**
+   * 插入逻辑
+   * @internal
+   * @param logicOptions 逻辑参数
+   */
+  _insertLogicAt(logicOptions: Partial<Logic>, index: number): Logic;
+
+  /**
+   * 插入逻辑
+   * @internal
+   * @param logic 已有的逻辑实例
+   */
+  _insertLogicAt(logic: Logic, index: number): Logic;
+
+  _insertLogicAt(options: string | Partial<Logic> | Logic, index: number) {
+    const logicOptions: any = {};
+    const relationOptions = { parentNode: this, parentKey: 'logics' };
+    let logic: Logic;
+    if (!options) {
+      logic = Logic.from(
+        {
+          ...logicOptions,
+          name: this.getLogicUniqueName(),
+        },
+        this,
+        'logics'
+      );
+    } else if (typeof options === 'string') {
+      logic = Logic.from(
+        {
+          ...logicOptions,
+          name: options,
+        },
+        this,
+        'logics'
+      );
+    } else if (options instanceof Logic) {
+      options.ensureDelete(); // 同一实例不支持多处存在
+      logic = options;
+      Object.assign(logic, relationOptions);
+    } else {
+      logic = Logic.from(
+        {
+          ...logicOptions,
+          ...options,
+        },
+        this,
+        'logics'
+      );
     }
-
-    /**
-     * 添加页面组件
-     * @internal
-     * @param name 页面组件名称，如果不填会自动生成一个唯一名称
-     */
-    addViewComponent(name?: string): ViewComponent;
-
-    /**
-     * 添加页面组件
-     * @param viewComponentOptions 页面组件参数
-     */
-    addViewComponent(viewComponentOptions: Partial<ViewComponent>): ViewComponent;
-
-    /**
-     * 添加页面组件
-     * @param viewComponent 已有的页面组件实例
-     */
-    addViewComponent(viewComponent: ViewComponent): ViewComponent;
-
-    addViewComponent(options?: string | Partial<ViewComponent> | ViewComponent) {
-        const node = this._addViewComponent(options as any);
-        const index = this.viewComponents.indexOf(node);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'viewComponents',
-        });
-        return node;
+    this.logics.splice(index, 0, logic);
+    return logic;
+  }
+
+  /**
+   * 插入逻辑
+   * @param name 逻辑名称，如果不填会自动生成一个唯一名称
+   */
+  insertLogicAt(name: string, index: number): Logic;
+
+  /**
+   * 插入逻辑
+   * @param logicOptions 逻辑参数
+   */
+  insertLogicAt(logicOptions: Partial<Logic>, index: number): Logic;
+
+  /**
+   * 插入逻辑
+   * @param logic 已有的逻辑实例
+   */
+  insertLogicAt(logic: Logic, index: number): Logic;
+
+  insertLogicAt(options: string | Partial<Logic> | Logic, index: number) {
+    const node = this._insertLogicAt(options as any, index);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'logics',
+    });
+    return node;
+  }
+
+  /**
+   * 添加逻辑
+   * @internal
+   * @param name 逻辑名称，如果不填会自动生成一个唯一名称
+   */
+  _addLogic(name?: string): Logic;
+
+  /**
+   * 添加逻辑
+   * @internal
+   * @param logicOptions 逻辑参数
+   */
+  _addLogic(logicOptions: Partial<Logic>): Logic;
+
+  /**
+   * 添加逻辑
+   * @internal
+   * @param logic 已有的逻辑实例
+   */
+  _addLogic(logic: Logic): Logic;
+
+  _addLogic(options?: string | Partial<Logic> | Logic) {
+    const index = this.logics.length;
+    return this._insertLogicAt(options as any, index);
+  }
+
+  /**
+   * 添加逻辑
+   * @internal
+   * @param name 逻辑名称，如果不填会自动生成一个唯一名称
+   */
+  addLogic(name?: string): Logic;
+
+  /**
+   * 添加逻辑
+   * @param logicOptions 逻辑参数
+   */
+  addLogic(logicOptions: Partial<Logic>): Logic;
+
+  /**
+   * 添加逻辑
+   * @param logic 已有的逻辑实例
+   */
+  addLogic(logic: Logic): Logic;
+
+  addLogic(options?: string | Partial<Logic> | Logic) {
+    const node = this._addLogic(options as any);
+    const index = this.logics.indexOf(node);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'logics',
+    });
+    return node;
+  }
+
+  getViewComponentExistingNames(excludedList: Array<ViewComponent> = []) {
+    const excludedSet = new Set(excludedList);
+    return ((this.viewComponents as ViewComponent[]) || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
+  }
+
+  getViewComponentUniqueName(name = 'viewComponent1') {
+    return utils.unique(name, this.getViewComponentExistingNames(), undefined, false);
+  }
+
+  /**
+   * 插入页面组件
+   * @internal
+   * @param name 页面组件名称，如果不填会自动生成一个唯一名称
+   */
+  _insertViewComponentAt(name: string, index: number): ViewComponent;
+
+  /**
+   * 插入页面组件
+   * @internal
+   * @param viewComponentOptions 页面组件参数
+   */
+  _insertViewComponentAt(viewComponentOptions: Partial<ViewComponent>, index: number): ViewComponent;
+
+  /**
+   * 插入页面组件
+   * @internal
+   * @param viewComponent 已有的页面组件实例
+   */
+  _insertViewComponentAt(viewComponent: ViewComponent, index: number): ViewComponent;
+
+  _insertViewComponentAt(options: string | Partial<ViewComponent> | ViewComponent, index: number) {
+    const viewComponentOptions: any = {};
+    const relationOptions = { parentNode: this, parentKey: 'viewComponents' };
+    let viewComponent: ViewComponent;
+    if (!options) {
+      viewComponent = ViewComponent.from(
+        {
+          ...viewComponentOptions,
+          name: this.getViewComponentUniqueName(),
+        },
+        this,
+        'viewComponents'
+      );
+    } else if (typeof options === 'string') {
+      viewComponent = ViewComponent.from(
+        {
+          ...viewComponentOptions,
+          name: options,
+        },
+        this,
+        'viewComponents'
+      );
+    } else if (options instanceof ViewComponent) {
+      options.ensureDelete(); // 同一实例不支持多处存在
+      viewComponent = options;
+      Object.assign(viewComponent, relationOptions);
+    } else {
+      viewComponent = ViewComponent.from(
+        {
+          ...viewComponentOptions,
+          ...options,
+        },
+        this,
+        'viewComponents'
+      );
     }
-
-
-    
-
-    /**
-    * 删除逻辑
-    * @param name 逻辑名称
-    */
-    removeLogic(name: string): void;
-
-    /**
-     * 删除逻辑
-     * @param logic 已有的逻辑实例
-     */
-    removeLogic(logic: Logic): void;
-
-    removeLogic(options: string | Logic) {
-        let logic: Logic;
-        if (typeof options === 'string') {
-            logic = (this.logics as Logic[]).find((item) => item.name === options);
-            if (!logic) {
-                throw new Error('找不到逻辑 ' + options);
-            }
-        } else {
-            logic = options;
-        }
-        return logic.delete();
+    this.viewComponents.splice(index, 0, viewComponent);
+    return viewComponent;
+  }
+
+  /**
+   * 插入页面组件
+   * @param name 页面组件名称，如果不填会自动生成一个唯一名称
+   */
+  insertViewComponentAt(name: string, index: number): ViewComponent;
+
+  /**
+   * 插入页面组件
+   * @param viewComponentOptions 页面组件参数
+   */
+  insertViewComponentAt(viewComponentOptions: Partial<ViewComponent>, index: number): ViewComponent;
+
+  /**
+   * 插入页面组件
+   * @param viewComponent 已有的页面组件实例
+   */
+  insertViewComponentAt(viewComponent: ViewComponent, index: number): ViewComponent;
+
+  insertViewComponentAt(options: string | Partial<ViewComponent> | ViewComponent, index: number) {
+    const node = this._insertViewComponentAt(options as any, index);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'viewComponents',
+    });
+    return node;
+  }
+
+  /**
+   * 添加页面组件
+   * @internal
+   * @param name 页面组件名称，如果不填会自动生成一个唯一名称
+   */
+  _addViewComponent(name?: string): ViewComponent;
+
+  /**
+   * 添加页面组件
+   * @internal
+   * @param viewComponentOptions 页面组件参数
+   */
+  _addViewComponent(viewComponentOptions: Partial<ViewComponent>): ViewComponent;
+
+  /**
+   * 添加页面组件
+   * @internal
+   * @param viewComponent 已有的页面组件实例
+   */
+  _addViewComponent(viewComponent: ViewComponent): ViewComponent;
+
+  _addViewComponent(options?: string | Partial<ViewComponent> | ViewComponent) {
+    const index = this.viewComponents.length;
+    return this._insertViewComponentAt(options as any, index);
+  }
+
+  /**
+   * 添加页面组件
+   * @internal
+   * @param name 页面组件名称，如果不填会自动生成一个唯一名称
+   */
+  addViewComponent(name?: string): ViewComponent;
+
+  /**
+   * 添加页面组件
+   * @param viewComponentOptions 页面组件参数
+   */
+  addViewComponent(viewComponentOptions: Partial<ViewComponent>): ViewComponent;
+
+  /**
+   * 添加页面组件
+   * @param viewComponent 已有的页面组件实例
+   */
+  addViewComponent(viewComponent: ViewComponent): ViewComponent;
+
+  addViewComponent(options?: string | Partial<ViewComponent> | ViewComponent) {
+    const node = this._addViewComponent(options as any);
+    const index = this.viewComponents.indexOf(node);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'viewComponents',
+    });
+    return node;
+  }
+
+  /**
+   * 删除逻辑
+   * @param name 逻辑名称
+   */
+  removeLogic(name: string): void;
+
+  /**
+   * 删除逻辑
+   * @param logic 已有的逻辑实例
+   */
+  removeLogic(logic: Logic): void;
+
+  removeLogic(options: string | Logic) {
+    let logic: Logic;
+    if (typeof options === 'string') {
+      logic = (this.logics as Logic[]).find((item) => item.name === options);
+      if (!logic) {
+        throw new Error(`找不到逻辑 ${options}`);
+      }
+    } else {
+      logic = options;
     }
-
-    __removeLogic(logic: Logic) {
-        const parentKey = logic.parentKey;
-        const params: Params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: logic,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            if (Array.isArray((this as any)[parentKey])) {
-                const index = (this as any)[parentKey].indexOf(logic);
-                ~index && (this as any)[parentKey].splice(index, 1);
-                params.index = index;
-            } else if ((this as any)[parentKey] === logic) {
-                params.index = 0;
-                (this as any)[parentKey] = undefined;
-            }
-        }
-        return params;
+    return logic.delete();
+  }
+
+  __removeLogic(logic: Logic) {
+    const { parentKey } = logic;
+    const params: Params = {
+      parentNode: this,
+      parentKey,
+      index: -1,
+      object: null,
+      oldObject: logic,
+    };
+    if (parentKey) {
+      params.parentKey = parentKey;
+      if (Array.isArray((this as any)[parentKey])) {
+        const index = (this as any)[parentKey].indexOf(logic);
+        ~index && (this as any)[parentKey].splice(index, 1);
+        params.index = index;
+      } else if ((this as any)[parentKey] === logic) {
+        params.index = 0;
+        (this as any)[parentKey] = undefined;
+      }
     }
-
-
-
-    /**
-    * 删除页面组件
-    * @param name 页面组件名称
-    */
-    removeViewComponent(name: string): void;
-
-    /**
-     * 删除页面组件
-     * @param viewComponent 已有的页面组件实例
-     */
-    removeViewComponent(viewComponent: ViewComponent): void;
-
-    removeViewComponent(options: string | ViewComponent) {
-        let viewComponent: ViewComponent;
-        if (typeof options === 'string') {
-            viewComponent = (this.viewComponents as ViewComponent[]).find((item) => item.name === options);
-            if (!viewComponent) {
-                throw new Error('找不到页面组件 ' + options);
-            }
-        } else {
-            viewComponent = options;
-        }
-        return viewComponent.delete();
+    return params;
+  }
+
+  /**
+   * 删除页面组件
+   * @param name 页面组件名称
+   */
+  removeViewComponent(name: string): void;
+
+  /**
+   * 删除页面组件
+   * @param viewComponent 已有的页面组件实例
+   */
+  removeViewComponent(viewComponent: ViewComponent): void;
+
+  removeViewComponent(options: string | ViewComponent) {
+    let viewComponent: ViewComponent;
+    if (typeof options === 'string') {
+      viewComponent = (this.viewComponents as ViewComponent[]).find((item) => item.name === options);
+      if (!viewComponent) {
+        throw new Error(`找不到页面组件 ${options}`);
+      }
+    } else {
+      viewComponent = options;
     }
-
-    __removeViewComponent(viewComponent: ViewComponent) {
-        const parentKey = viewComponent.parentKey;
-        const params: Params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: viewComponent,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            if (Array.isArray((this as any)[parentKey])) {
-                const index = (this as any)[parentKey].indexOf(viewComponent);
-                ~index && (this as any)[parentKey].splice(index, 1);
-                params.index = index;
-            } else if ((this as any)[parentKey] === viewComponent) {
-                params.index = 0;
-                (this as any)[parentKey] = undefined;
-            }
-        }
-        return params;
+    return viewComponent.delete();
+  }
+
+  __removeViewComponent(viewComponent: ViewComponent) {
+    const { parentKey } = viewComponent;
+    const params: Params = {
+      parentNode: this,
+      parentKey,
+      index: -1,
+      object: null,
+      oldObject: viewComponent,
+    };
+    if (parentKey) {
+      params.parentKey = parentKey;
+      if (Array.isArray((this as any)[parentKey])) {
+        const index = (this as any)[parentKey].indexOf(viewComponent);
+        ~index && (this as any)[parentKey].splice(index, 1);
+        params.index = index;
+      } else if ((this as any)[parentKey] === viewComponent) {
+        params.index = 0;
+        (this as any)[parentKey] = undefined;
+      }
     }
-
-    //================================================================================
-    // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
-    // 自动生成的代码已结束。下面可以手动编写。
-    //================================================================================
-    getNamespace() {
-        if (this.parentNode && (this.parentNode as Namespace).getNamespace) {
-            const parentNamespace = (this.parentNode as Namespace).getNamespace();
-            const parentName = this.parentNode.name;
-            const arr = [parentNamespace];
-            if (this.parentNode.concept !== 'App' && parentName) {
-                arr.push(parentName);
-            }
-            return `${arr.join('.')}.frontends`;
-        } else
-            throw new Error('无法获取命名空间，请设置 parentNode！');
+    return params;
+  }
+
+  //= ===============================================================================
+  // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+  // 自动生成的代码已结束。下面可以手动编写。
+  //= ===============================================================================
+  getNamespace() {
+    if (this.parentNode && (this.parentNode as Namespace).getNamespace) {
+      const parentNamespace = (this.parentNode as Namespace).getNamespace();
+      const parentName = this.parentNode.name;
+      const arr = [parentNamespace];
+      if (this.parentNode.concept !== 'App' && parentName) {
+        arr.push(parentName);
+      }
+      return `${arr.join('.')}.frontends`;
     }
-
-    getTsNamespace() {
-        if (this.parentNode && (this.parentNode as Namespace).getTsNamespace) {
-            const parentNamespace = (this.parentNode as Namespace).getTsNamespace();
-            const parentName = this.parentNode.tsName || this.parentNode.name;
-            const arr = [parentNamespace];
-            if (this.parentNode.concept !== 'App' && parentName) {
-                arr.push(parentName);
-            }
-            return `${arr.join('.')}.frontends`;
-        } else
-            throw new Error('无法获取命名空间，请设置 parentNode！');
+    throw new Error('无法获取命名空间，请设置 parentNode！');
+  }
+
+  getTsNamespace() {
+    if (this.parentNode && (this.parentNode as Namespace).getTsNamespace) {
+      const parentNamespace = (this.parentNode as Namespace).getTsNamespace();
+      const parentName = this.parentNode.tsName || this.parentNode.name;
+      const arr = [parentNamespace];
+      if (this.parentNode.concept !== 'App' && parentName) {
+        arr.push(parentName);
+      }
+      return `${arr.join('.')}.frontends`;
     }
+    throw new Error('无法获取命名空间，请设置 parentNode！');
+  }
 
-    //================================================================================
-    // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
-    // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
-    //================================================================================
+  //= ===============================================================================
+  // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
+  // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
+  //= ===============================================================================
 }
 
 classMap.FrontendLibrary = FrontendLibrary;
 export default FrontendLibrary;
-//================================================================================
+//= ===============================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
 // 自动生成的代码已结束。下面可以手动编写。
-//================================================================================
+//= ===============================================================================