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

package/src/concepts/CallLogic__.ts

@@ -1,3 +1,5 @@
+import * as JSON5 from 'json5';
+import { v4 as uuidv4 } from 'uuid';
 import { TranslatorState, shiftState, withSourceMap } from '../translator';
 import Logic from './Logic__';
 import Param from './Param__';
@@ -5,19 +7,18 @@ import View from './View__';
 import { ElementToVueOptions } from './ViewElement__';
 import { getNodeByNodeCallee, getNaslNodeByNodeCallee } from '../automate/engine/utils';
 import { findConceptKeyWordIndexFromNamespace } from '../utils';
-import * as JSON5 from 'json5';
 import { config } from '../config';
 import Identifier from './Identifier__';
+import type { TSPPosition } from '../translator/tsp';
 
-//================================================================================
+//= ===============================================================================
 // 从这里开始到结尾注释之间的代码由 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 TypeAnnotation from './TypeAnnotation__';
@@ -30,1316 +31,1407 @@ import LogicItem from './LogicItem__';
  */
 @concept('调用逻辑')
 export class CallLogic extends LogicItem {
-    /**
-     * uuid
-     */
-    @property()
-    uuid: string = uuidv4().replace(/-/g, '');
-
-    /**
-     * 产品概念
-     */
-    @property()
-    concept: 'CallLogic' | 'CallConnector' = 'CallLogic';
-
-    /**
-     * 调用逻辑标题
-     */
-    @property()
-    label: string = '调用逻辑';
-
-    /**
-     * calleeNamespace
-     */
-    @property()
-    calleeNamespace: string = undefined;
-
-    /**
-     * calleeName
-     */
-    @property()
-    calleeName: string = undefined;
-
-    /**
-     * shortcut
-     */
-    @property()
-    shortcut: boolean = undefined;
-
-    /**
-     * handleError
-     */
-    @property()
-    handleError: boolean = undefined;
-
-    /**
-     * 类型参数
-     */
-    @property('TypeAnnotation')
-    typeArguments?: Array<TypeAnnotation> = null;
-
-    /**
-     * 实际参数
-     */
-    @property('Argument')
-    arguments: Array<Argument> = [];
-
-    /**
-     * 验证规则
-     */
-    @property('BindAttribute')
-    validation: BindAttribute = undefined;
-
-    /**
-     * 是否被折叠
-     */
-    @property()
-    isAdvancedSettingFolded: boolean = undefined;
-    
-    /**
-     * @param source 需要合并的部分参数
-     */
-    constructor(source?: Partial<CallLogic>) {
-        source = Object.assign({}, CallLogic.getDefaultOptions(), source);
-        super(source);
-        super.subConstructor(source);
-    }
-    getClassName() {
-        return 'CallLogic';
+  /**
+   * uuid
+   */
+  @property()
+  uuid: string = uuidv4().replace(/-/g, '');
+
+  /**
+   * 产品概念
+   */
+  @property()
+  concept: 'CallLogic' | 'CallConnector' = 'CallLogic';
+
+  /**
+   * 调用逻辑标题
+   */
+  @property()
+  label: string = '调用逻辑';
+
+  /**
+   * calleeNamespace
+   */
+  @property()
+  calleeNamespace: string = undefined;
+
+  /**
+   * calleeName
+   */
+  @property()
+  calleeName: string = undefined;
+
+  /**
+   * shortcut
+   */
+  @property()
+  shortcut: boolean = undefined;
+
+  /**
+   * handleError
+   */
+  @property()
+  handleError: boolean = undefined;
+
+  /**
+   * 类型参数
+   */
+  @property('TypeAnnotation')
+  typeArguments?: Array<TypeAnnotation> = null;
+
+  /**
+   * 实际参数
+   */
+  @property('Argument')
+  arguments: Array<Argument> = [];
+
+  /**
+   * 验证规则
+   */
+  @property('BindAttribute')
+  validation: BindAttribute = undefined;
+
+  /**
+   * 是否被折叠
+   */
+  @property()
+  isAdvancedSettingFolded: boolean = undefined;
+
+  /**
+   * @param source 需要合并的部分参数
+   */
+  constructor(source?: Partial<CallLogic>) {
+    // @ts-ignore
+    source = { ...CallLogic.getDefaultOptions(), ...source };
+    super(source);
+    super.subConstructor(source);
+  }
+
+  getClassName() {
+    return 'CallLogic';
+  }
+
+  static from(source: any, parentNode?: any, parentKey?: string): CallLogic {
+    return super.from(source, parentNode, parentKey) as CallLogic;
+  }
+
+  /**
+   * 设置验证规则
+   */
+  setValidation(validation: BindAttribute) {
+    validation._delete();
+    const relationOptions = { parentNode: this, parentKey: 'validation' };
+    Object.assign(validation, relationOptions);
+    const object = {
+      validation,
+    };
+    this.update({
+      ...object,
+    });
+  }
+
+  /**
+   * 设置是否被折叠
+   */
+  setIsAdvancedSettingFolded(isAdvancedSettingFolded: boolean) {
+    const object = {
+      isAdvancedSettingFolded,
+    };
+    this.update({
+      ...object,
+    });
+  }
+
+  /**
+   * 插入类型标注
+   * @internal
+   * @param typeAnnotationOptions 类型标注参数
+   */
+  _insertTypeAnnotationAt(typeAnnotationOptions: Partial<TypeAnnotation>, index: number): TypeAnnotation;
+
+  /**
+   * 插入类型标注
+   * @internal
+   * @param typeAnnotation 已有的类型标注实例
+   */
+  _insertTypeAnnotationAt(typeAnnotation: TypeAnnotation, index: number): TypeAnnotation;
+
+  _insertTypeAnnotationAt(options: Partial<TypeAnnotation> | TypeAnnotation, index: number) {
+    const typeAnnotationOptions: any = {};
+    const relationOptions = { parentNode: this, parentKey: 'typeArguments' };
+    let typeAnnotation: TypeAnnotation;
+    if (options instanceof TypeAnnotation) {
+      options.ensureDelete(); // 同一实例不支持多处存在
+      typeAnnotation = options;
+      Object.assign(typeAnnotation, relationOptions);
+    } else {
+      typeAnnotation = TypeAnnotation.from(
+        {
+          ...typeAnnotationOptions,
+          ...options,
+        },
+        this,
+        'typeArguments'
+      );
     }
-
-    static from(source: any, parentNode?: any, parentKey?: string): CallLogic {
-        return super.from(source, parentNode, parentKey) as CallLogic;
+    this.typeArguments.splice(index, 0, typeAnnotation);
+    return typeAnnotation;
+  }
+
+  /**
+   * 插入类型标注
+   * @param typeAnnotationOptions 类型标注参数
+   */
+  insertTypeAnnotationAt(typeAnnotationOptions: Partial<TypeAnnotation>, index: number): TypeAnnotation;
+
+  /**
+   * 插入类型标注
+   * @param typeAnnotation 已有的类型标注实例
+   */
+  insertTypeAnnotationAt(typeAnnotation: TypeAnnotation, index: number): TypeAnnotation;
+
+  insertTypeAnnotationAt(options: Partial<TypeAnnotation> | TypeAnnotation, index: number) {
+    const node = this._insertTypeAnnotationAt(options as any, index);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'typeArguments',
+    });
+    return node;
+  }
+
+  /**
+   * 添加类型标注
+   * @internal
+   * @param typeAnnotationOptions 类型标注参数
+   */
+  _addTypeAnnotation(typeAnnotationOptions: Partial<TypeAnnotation>): TypeAnnotation;
+
+  /**
+   * 添加类型标注
+   * @internal
+   * @param typeAnnotation 已有的类型标注实例
+   */
+  _addTypeAnnotation(typeAnnotation: TypeAnnotation): TypeAnnotation;
+
+  _addTypeAnnotation(options?: Partial<TypeAnnotation> | TypeAnnotation) {
+    const index = this.typeArguments.length;
+    return this._insertTypeAnnotationAt(options as any, index);
+  }
+
+  /**
+   * 添加类型标注
+   * @param typeAnnotationOptions 类型标注参数
+   */
+  addTypeAnnotation(typeAnnotationOptions: Partial<TypeAnnotation>): TypeAnnotation;
+
+  /**
+   * 添加类型标注
+   * @param typeAnnotation 已有的类型标注实例
+   */
+  addTypeAnnotation(typeAnnotation: TypeAnnotation): TypeAnnotation;
+
+  addTypeAnnotation(options?: Partial<TypeAnnotation> | TypeAnnotation) {
+    const node = this._addTypeAnnotation(options as any);
+    const index = this.typeArguments.indexOf(node);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'typeArguments',
+    });
+    return node;
+  }
+
+  /**
+   * 插入实际参数
+   * @internal
+   * @param argumentOptions 实际参数参数
+   */
+  _insertArgumentAt(argumentOptions: Partial<Argument>, index: number): Argument;
+
+  /**
+   * 插入实际参数
+   * @internal
+   * @param argument 已有的实际参数实例
+   */
+  _insertArgumentAt(argument: Argument, index: number): Argument;
+
+  _insertArgumentAt(options: Partial<Argument> | Argument, index: number) {
+    const argumentOptions: any = {};
+    const relationOptions = { parentNode: this, parentKey: 'arguments' };
+    let argument: Argument;
+    if (options instanceof Argument) {
+      options.ensureDelete(); // 同一实例不支持多处存在
+      argument = options;
+      Object.assign(argument, relationOptions);
+    } else {
+      argument = Argument.from(
+        {
+          ...argumentOptions,
+          ...options,
+        },
+        this,
+        'arguments'
+      );
     }
-
-    /**
-     * 设置验证规则
-     */
-    setValidation(validation: BindAttribute) {
-        validation._delete();
-        const relationOptions = { parentNode: this, parentKey: 'validation' };
-        Object.assign(validation, relationOptions);
-        const object = {
-            validation,
-        };
-        this.update({
-            ...object,
-        });
+    this.arguments.splice(index, 0, argument);
+    return argument;
+  }
+
+  /**
+   * 插入实际参数
+   * @param argumentOptions 实际参数参数
+   */
+  insertArgumentAt(argumentOptions: Partial<Argument>, index: number): Argument;
+
+  /**
+   * 插入实际参数
+   * @param argument 已有的实际参数实例
+   */
+  insertArgumentAt(argument: Argument, index: number): Argument;
+
+  insertArgumentAt(options: Partial<Argument> | Argument, index: number) {
+    const node = this._insertArgumentAt(options as any, index);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'arguments',
+    });
+    return node;
+  }
+
+  /**
+   * 添加实际参数
+   * @internal
+   * @param argumentOptions 实际参数参数
+   */
+  _addArgument(argumentOptions: Partial<Argument>): Argument;
+
+  /**
+   * 添加实际参数
+   * @internal
+   * @param argument 已有的实际参数实例
+   */
+  _addArgument(argument: Argument): Argument;
+
+  _addArgument(options?: Partial<Argument> | Argument) {
+    const index = this.arguments.length;
+    return this._insertArgumentAt(options as any, index);
+  }
+
+  /**
+   * 添加实际参数
+   * @param argumentOptions 实际参数参数
+   */
+  addArgument(argumentOptions: Partial<Argument>): Argument;
+
+  /**
+   * 添加实际参数
+   * @param argument 已有的实际参数实例
+   */
+  addArgument(argument: Argument): Argument;
+
+  addArgument(options?: Partial<Argument> | Argument) {
+    const node = this._addArgument(options as any);
+    const index = this.arguments.indexOf(node);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'arguments',
+    });
+    return node;
+  }
+
+  /**
+   * 删除类型标注
+   * @param typeAnnotation 已有的类型标注实例
+   */
+  removeTypeAnnotation(typeAnnotation: TypeAnnotation): void;
+
+  removeTypeAnnotation(options: TypeAnnotation) {
+    const typeAnnotation: TypeAnnotation = options;
+    return typeAnnotation.delete();
+  }
+
+  __removeTypeAnnotation(typeAnnotation: TypeAnnotation) {
+    const { parentKey } = typeAnnotation;
+    const params: Params = {
+      parentNode: this,
+      parentKey,
+      index: -1,
+      object: null,
+      oldObject: typeAnnotation,
+    };
+    if (parentKey) {
+      params.parentKey = parentKey;
+      if (Array.isArray((this as any)[parentKey])) {
+        const index = (this as any)[parentKey].indexOf(typeAnnotation);
+        ~index && (this as any)[parentKey].splice(index, 1);
+        params.index = index;
+      } else if ((this as any)[parentKey] === typeAnnotation) {
+        params.index = 0;
+        (this as any)[parentKey] = undefined;
+      }
     }
-
-    /**
-     * 设置是否被折叠
-     */
-    setIsAdvancedSettingFolded(isAdvancedSettingFolded: boolean) {
-        const object = {
-            isAdvancedSettingFolded,
-        };
-        this.update({
-            ...object,
-        });
+    return params;
+  }
+
+  /**
+   * 删除实际参数
+   * @param argument 已有的实际参数实例
+   */
+  removeArgument(argument: Argument): void;
+
+  removeArgument(options: Argument) {
+    const argument: Argument = options;
+    return argument.delete();
+  }
+
+  __removeLogicItem(logicItem: LogicItem) {
+    const { parentKey } = logicItem;
+    const params: Params = {
+      parentNode: this,
+      parentKey,
+      index: -1,
+      object: null,
+      oldObject: logicItem,
+    };
+    if (parentKey) {
+      params.parentKey = parentKey;
+      if (Array.isArray((this as any)[parentKey])) {
+        const index = (this as any)[parentKey].indexOf(logicItem);
+        ~index && (this as any)[parentKey].splice(index, 1);
+        params.index = index;
+      } else if ((this as any)[parentKey] === logicItem) {
+        params.index = 0;
+        (this as any)[parentKey] = undefined;
+      }
     }
-
-    /**
-    * 插入类型标注
-    * @internal
-    * @param typeAnnotationOptions 类型标注参数
-    */
-    _insertTypeAnnotationAt(typeAnnotationOptions: Partial<TypeAnnotation>, index: number): TypeAnnotation;
-
-    /**
-    * 插入类型标注
-    * @internal
-    * @param typeAnnotation 已有的类型标注实例
-    */
-    _insertTypeAnnotationAt(typeAnnotation: TypeAnnotation, index: number): TypeAnnotation;
-
-    _insertTypeAnnotationAt(options: Partial<TypeAnnotation> | TypeAnnotation, index: number) {
-        const typeAnnotationOptions: any = {};
-        const relationOptions = { parentNode: this, parentKey: 'typeArguments' };
-        let typeAnnotation: TypeAnnotation;
-        if (options instanceof TypeAnnotation) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            typeAnnotation = options;
-            Object.assign(typeAnnotation, relationOptions);
-        } else {
-            typeAnnotation = TypeAnnotation.from({
-                ...typeAnnotationOptions,
-                ...options,
-            }, this, 'typeArguments');
-        }
-        this.typeArguments.splice(index, 0, typeAnnotation);
-        return typeAnnotation;
+    return params;
+  }
+
+  /**
+   * 删除元素绑定属性
+   * @param name 元素绑定属性名称
+   */
+  removeValidation(name: string): void;
+
+  /**
+   * 删除元素绑定属性
+   * @param validation 已有的元素绑定属性实例
+   */
+  removeValidation(validation: BindAttribute): void;
+
+  removeValidation(options: string | BindAttribute) {
+    let validation: BindAttribute;
+    if (typeof options === 'string') {
+      validation = this.validation;
+      if (!validation) {
+        throw new Error(`找不到元素绑定属性 ${options}`);
+      }
+    } else {
+      validation = options;
     }
-
-    /**
-     * 插入类型标注
-     * @param typeAnnotationOptions 类型标注参数
-     */
-    insertTypeAnnotationAt(typeAnnotationOptions: Partial<TypeAnnotation>, index: number): TypeAnnotation;
-
-    /**
-     * 插入类型标注
-     * @param typeAnnotation 已有的类型标注实例
-     */
-    insertTypeAnnotationAt(typeAnnotation: TypeAnnotation, index: number): TypeAnnotation;
-
-    insertTypeAnnotationAt(options: Partial<TypeAnnotation> | TypeAnnotation, index: number) {
-        const node = this._insertTypeAnnotationAt(options as any, index);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'typeArguments',
-        });
-        return node;
+    return validation.delete();
+  }
+
+  __removeBindAttribute(bindAttribute: BindAttribute) {
+    const { parentKey } = bindAttribute;
+    const params: Params = {
+      parentNode: this,
+      parentKey,
+      index: -1,
+      object: null,
+      oldObject: bindAttribute,
+    };
+    if (parentKey) {
+      params.parentKey = parentKey;
+      if (Array.isArray((this as any)[parentKey])) {
+        const index = (this as any)[parentKey].indexOf(bindAttribute);
+        ~index && (this as any)[parentKey].splice(index, 1);
+        params.index = index;
+      } else if ((this as any)[parentKey] === bindAttribute) {
+        params.index = 0;
+        (this as any)[parentKey] = undefined;
+      }
     }
-
-    /**
-     * 添加类型标注
-     * @internal
-     * @param typeAnnotationOptions 类型标注参数
-     */
-    _addTypeAnnotation(typeAnnotationOptions: Partial<TypeAnnotation>): TypeAnnotation;
-
-    /**
-     * 添加类型标注
-     * @internal
-     * @param typeAnnotation 已有的类型标注实例
-     */
-    _addTypeAnnotation(typeAnnotation: TypeAnnotation): TypeAnnotation;
-
-    _addTypeAnnotation(options?: Partial<TypeAnnotation> | TypeAnnotation) {
-        const index = this.typeArguments.length;
-        return this._insertTypeAnnotationAt(options as any, index);
+    return params;
+  }
+
+  //= ===============================================================================
+  // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+  // 自动生成的代码已结束。下面可以手动编写。
+  //= ===============================================================================
+
+  get tsCalleeNamespace() {
+    if (this.calleeNamespace) {
+      let tsCalleeNamespace = this.calleeNamespace;
+      tsCalleeNamespace = tsCalleeNamespace.replace(/\.[0-9]/g, (m) => m.replace('.', '.$'));
+      tsCalleeNamespace = tsCalleeNamespace.replace(/-/g, '_');
+      return tsCalleeNamespace;
     }
-
-    /**
-     * 添加类型标注
-     * @param typeAnnotationOptions 类型标注参数
-     */
-    addTypeAnnotation(typeAnnotationOptions: Partial<TypeAnnotation>): TypeAnnotation;
-
-    /**
-     * 添加类型标注
-     * @param typeAnnotation 已有的类型标注实例
-     */
-    addTypeAnnotation(typeAnnotation: TypeAnnotation): TypeAnnotation;
-
-    addTypeAnnotation(options?: Partial<TypeAnnotation> | TypeAnnotation) {
-        const node = this._addTypeAnnotation(options as any);
-        const index = this.typeArguments.indexOf(node);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'typeArguments',
-        });
-        return node;
+    return '';
+  }
+
+  // 用于logic回填
+  get calleewholeKey(): string {
+    if (!this.calleeNamespace && this.calleeName && this.view) {
+      // 页面逻辑单独处理
+      return `${this.view.getNamespace()}.${this.view.name}.logics.${this.calleeName}`;
     }
-
-    /**
-    * 插入实际参数
-    * @internal
-    * @param argumentOptions 实际参数参数
-    */
-    _insertArgumentAt(argumentOptions: Partial<Argument>, index: number): Argument;
-
-    /**
-    * 插入实际参数
-    * @internal
-    * @param argument 已有的实际参数实例
-    */
-    _insertArgumentAt(argument: Argument, index: number): Argument;
-
-    _insertArgumentAt(options: Partial<Argument> | Argument, index: number) {
-        const argumentOptions: any = {};
-        const relationOptions = { parentNode: this, parentKey: 'arguments' };
-        let argument: Argument;
-        if (options instanceof Argument) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            argument = options;
-            Object.assign(argument, relationOptions);
-        } else {
-            argument = Argument.from({
-                ...argumentOptions,
-                ...options,
-            }, this, 'arguments');
-        }
-        this.arguments.splice(index, 0, argument);
-        return argument;
+    // "app.logics"
+    return `${this.calleeNamespace}.${this.calleeName}`;
+  }
+
+  get calleeKey(): string {
+    const { tsCalleeNamespace } = this;
+    const { calleeName } = this;
+    if (!tsCalleeNamespace) {
+      return calleeName ? `${calleeName}` : '__IDENTIFIER__';
     }
-
-    /**
-     * 插入实际参数
-     * @param argumentOptions 实际参数参数
-     */
-    insertArgumentAt(argumentOptions: Partial<Argument>, index: number): Argument;
-
-    /**
-     * 插入实际参数
-     * @param argument 已有的实际参数实例
-     */
-    insertArgumentAt(argument: Argument, index: number): Argument;
-
-    insertArgumentAt(options: Partial<Argument> | Argument, index: number) {
-        const node = this._insertArgumentAt(options as any, index);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'arguments',
-        });
-        return node;
+    // elements单独处理相对路径，和后缀的问题
+    if (tsCalleeNamespace.startsWith('elements') && tsCalleeNamespace.endsWith('logics')) {
+      const methodName = tsCalleeNamespace.substring(0, tsCalleeNamespace.length - '.logics'.length);
+      return `__${methodName}.${calleeName}`;
     }
-
-    /**
-     * 添加实际参数
-     * @internal
-     * @param argumentOptions 实际参数参数
-     */
-    _addArgument(argumentOptions: Partial<Argument>): Argument;
-
-    /**
-     * 添加实际参数
-     * @internal
-     * @param argument 已有的实际参数实例
-     */
-    _addArgument(argument: Argument): Argument;
-
-    _addArgument(options?: Partial<Argument> | Argument) {
-        const index = this.arguments.length;
-        return this._insertArgumentAt(options as any, index);
+    return calleeName ? `${tsCalleeNamespace}.${calleeName}` : '__IDENTIFIER__';
+  }
+
+  /**
+   * 设置argment 触发别的地方的更新
+   */
+  setArgumentName({ argument }: { argument: Argument[] }) {
+    // argument.setKeyword(newKeyword);
+    // this.arguments = argument;
+  }
+
+  /**
+   * 设置setCalleeName
+   */
+  setCalleeName(calleeName: string) {
+    const object = {
+      calleeName,
+    };
+    this.update({
+      ...object,
+    });
+  }
+
+  /**
+   * 设置calleeNamespace
+   */
+  setCalleeNamespace(calleeNamespace: string) {
+    const object = {
+      calleeNamespace,
+    };
+    this.update({
+      ...object,
+    });
+  }
+
+  /**
+   * 设置 handleError
+   */
+  setHandleError(handleError: boolean) {
+    const object = {
+      handleError,
+    };
+    this.update({
+      ...object,
+    });
+  }
+
+  _setCallee(logic: Logic) {
+    this.calleeNamespace = logic.getNamespace();
+    if (logic.parentNode instanceof View) {
+      this.calleeNamespace = '';
     }
-
-    /**
-     * 添加实际参数
-     * @param argumentOptions 实际参数参数
-     */
-    addArgument(argumentOptions: Partial<Argument>): Argument;
-
-    /**
-     * 添加实际参数
-     * @param argument 已有的实际参数实例
-     */
-    addArgument(argument: Argument): Argument;
-
-    addArgument(options?: Partial<Argument> | Argument) {
-        const node = this._addArgument(options as any);
-        const index = this.arguments.indexOf(node);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'arguments',
-        });
-        return node;
+    this.calleeName = logic.name;
+    this.arguments = [];
+    logic.params.forEach((param: any) => {
+      const argument = this._addArgument({
+        keyword: param.name,
+      });
+      if (param.defaultExpression) {
+        const exp: any = BaseNode.from({ ...param.defaultExpression.toJSON() });
+        argument.setExpression(exp);
+      }
+    });
+    if (logic.typeParams) {
+      this.typeArguments = [];
+      logic.typeParams.forEach(() => {
+        this._addTypeAnnotation({});
+      });
     }
+  }
 
-    /**
-     * 删除类型标注
-     * @param typeAnnotation 已有的类型标注实例
-     */
-    removeTypeAnnotation(typeAnnotation: TypeAnnotation): void;
-
-    removeTypeAnnotation(options: TypeAnnotation) {
-        const typeAnnotation: TypeAnnotation = options;
-        return typeAnnotation.delete();
+  setCallee(logic: Logic) {
+    let calleeNamespace = logic?.getNamespace() || '';
+    if (logic.parentNode instanceof View) {
+      calleeNamespace = '';
     }
-
-    __removeTypeAnnotation(typeAnnotation: TypeAnnotation) {
-        const parentKey = typeAnnotation.parentKey;
-        const params: Params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: typeAnnotation,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            if (Array.isArray((this as any)[parentKey])) {
-                const index = (this as any)[parentKey].indexOf(typeAnnotation);
-                ~index && (this as any)[parentKey].splice(index, 1);
-                params.index = index;
-            } else if ((this as any)[parentKey] === typeAnnotation) {
-                params.index = 0;
-                (this as any)[parentKey] = undefined;
-            }
-        }
-        return params;
+    const calleeName = logic.name;
+    const params = logic?.params?.map((param) => {
+      const relationOptions = { parentNode: this, parentKey: 'arguments' };
+      const argument = Argument.from(
+        {
+          keyword: param.name,
+          expression: param.isFunction ? new Identifier() : param.defaultExpression,
+        },
+        this
+      );
+      Object.assign(argument, relationOptions);
+      return argument;
+    });
+    let typeArguments = null;
+    if (logic.typeParams) {
+      typeArguments = logic.typeParams.map(() => {
+        const relationOptions = { parentNode: this, parentKey: 'typeArguments' };
+        const typeArgu = new TypeAnnotation();
+        Object.assign(typeArgu, relationOptions);
+        return typeArgu;
+      });
     }
 
-    /**
-     * 删除实际参数
-     * @param argument 已有的实际参数实例
-     */
-    removeArgument(argument: Argument): void;
-
-    removeArgument(options: Argument) {
-        const argument: Argument = options;
-        return argument.delete();
+    // 如果打开了处理error的开关 或者是 依赖库的逻辑引用，而且类型中携带了Error的
+    let handleError = false;
+    if (calleeNamespace?.startsWith('extensions') && Logic.checkLogicReturnTypeHasError(logic)) {
+      handleError = true;
     }
-
-    __removeLogicItem(logicItem: LogicItem) {
-        const parentKey = logicItem.parentKey;
-        const params: Params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: logicItem,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            if (Array.isArray((this as any)[parentKey])) {
-                const index = (this as any)[parentKey].indexOf(logicItem);
-                ~index && (this as any)[parentKey].splice(index, 1);
-                params.index = index;
-            } else if ((this as any)[parentKey] === logicItem) {
-                params.index = 0;
-                (this as any)[parentKey] = undefined;
-            }
-        }
-        return params;
+    if (this.app) {
+      this.app.emit('collect:start', {
+        actionMsg: `切换调用逻辑`,
+      });
+      const { parentNode } = this;
+      this.update({
+        calleeNamespace,
+        calleeName,
+        arguments: params,
+        typeArguments,
+        folded: false,
+        handleError,
+      });
+      if (parentNode.concept === 'MemberExpression') {
+        const topNode = parentNode.firstMemberExpressionNode();
+        topNode.replaceNode(this);
+      }
+      this.app.emit('collect:end');
+    } else {
+      this.update({
+        calleeNamespace,
+        calleeName,
+        arguments: params,
+        typeArguments,
+        folded: false,
+        handleError,
+      });
     }
-
-    /**
-    * 删除元素绑定属性
-    * @param name 元素绑定属性名称
-    */
-    removeValidation(name: string): void;
-
+  }
+
+  addCalleeArg(logic: Logic) {
+    const newArgs = this.arguments.map((argument) =>
+      Argument.from(
+        {
+          ...argument,
+        },
+        this
+      )
+    );
+    const relationOptions = { parentNode: this, parentKey: 'arguments' };
     /**
-     * 删除元素绑定属性
-     * @param validation 已有的元素绑定属性实例
+     * 当前两个参数对应上，添加的时候，logic会比参数位内容多，就添加一个 argment
      */
-    removeValidation(validation: BindAttribute): void;
-
-    removeValidation(options: string | BindAttribute) {
-        let validation: BindAttribute;
-        if (typeof options === 'string') {
-            validation = this.validation;
-            if (!validation) {
-                throw new Error('找不到元素绑定属性 ' + options);
-            }
+    if (logic.params.length >= newArgs.length) {
+      logic.params.forEach((param: Param, index: number) => {
+        const arg = newArgs[index];
+        if (!arg) {
+          const newParam = Argument.from(
+            {
+              keyword: param.name,
+            },
+            this
+          );
+          Object.assign(newParam, relationOptions);
+          newArgs.push(newParam);
         } else {
-            validation = options;
-        }
-        return validation.delete();
-    }
-
-    __removeBindAttribute(bindAttribute: BindAttribute) {
-        const parentKey = bindAttribute.parentKey;
-        const params: Params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: bindAttribute,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            if (Array.isArray((this as any)[parentKey])) {
-                const index = (this as any)[parentKey].indexOf(bindAttribute);
-                ~index && (this as any)[parentKey].splice(index, 1);
-                params.index = index;
-            } else if ((this as any)[parentKey] === bindAttribute) {
-                params.index = 0;
-                (this as any)[parentKey] = undefined;
-            }
-        }
-        return params;
-    }
-
-    //================================================================================
-    // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
-    // 自动生成的代码已结束。下面可以手动编写。
-    //================================================================================
-
-    get tsCalleeNamespace() {
-        if (this.calleeNamespace) {
-            let tsCalleeNamespace = this.calleeNamespace;
-            tsCalleeNamespace = tsCalleeNamespace.replace(/\.[0-9]/g, (m) => m.replace('.', '.$'));
-            tsCalleeNamespace = tsCalleeNamespace.replace(/-/g, '_');
-            return tsCalleeNamespace;
-        }
-        return '';
-    }
-
-    // 用于logic回填
-    get calleewholeKey(): string {
-        if (!this.calleeNamespace && this.calleeName && this.view) {
-            // 页面逻辑单独处理
-            return `${this.view.getNamespace()}.${this.view.name}.logics.${this.calleeName}`;
-        }
-        // "app.logics"
-        return this.calleeNamespace + '.' + this.calleeName;
-    }
-    get calleeKey(): string {
-        const tsCalleeNamespace = this.tsCalleeNamespace;
-        const calleeName = this.calleeName;
-        if (!tsCalleeNamespace) {
-            return calleeName ? `${calleeName}` : '__IDENTIFIER__';
+          arg.keyword = param.name;
         }
-        // elements单独处理相对路径，和后缀的问题
-        if (tsCalleeNamespace.startsWith('elements') && tsCalleeNamespace.endsWith('logics')) {
-            const methodName = tsCalleeNamespace.substring(0, tsCalleeNamespace.length - '.logics'.length);
-            return '__' + methodName + `.${calleeName}`;
+      });
+    } else {
+      /**
+       * 当前calllogic上数量比logic参数还多，他就需要找一个arg使他变成可用的参数
+       */
+      newArgs.forEach((arg: Argument, index: number) => {
+        const param = logic.params[index];
+        if (param) {
+          arg.keyword = param.name;
         }
-        return calleeName ? `${tsCalleeNamespace}.${calleeName}` : '__IDENTIFIER__';
+      });
     }
+    this.update({
+      arguments: newArgs,
+    });
+  }
 
+  deleteCalleeArg(argIndex: number) {
     /**
-     * 设置argment 触发别的地方的更新
+     * 传递过下标来，然后直接移动到最后结束
+     * 如果原来就是最后一个位置就不移动了
      */
-    setArgumentName({ argument }: { argument: Argument[] }) {
-        // argument.setKeyword(newKeyword);
-        // this.arguments = argument;
-    }
-
-    /**
-     * 设置setCalleeName
-     */
-    setCalleeName(calleeName: string) {
-        const object = {
-            calleeName,
-        };
-        this.update({
-            ...object,
-        });
-    }
-
-    /**
-     * 设置calleeNamespace
-     */
-    setCalleeNamespace(calleeNamespace: string) {
-        const object = {
-            calleeNamespace,
-        };
-        this.update({
-            ...object,
-        });
-    }
-    /**
-     * 设置 handleError
-     */
-    setHandleError(handleError: boolean) {
-        const object = {
-            handleError,
-        };
-        this.update({
-            ...object,
-        });
-    }
-
-    _setCallee(logic: Logic) {
-        console.trace();
-        this.calleeNamespace = logic.getNamespace();
-        if (logic.parentNode instanceof View) {
-            this.calleeNamespace = '';
-        }
-        this.calleeName = logic.name;
-        this.arguments = [];
-        logic.params.forEach((param: any) => {
-            const argument = this._addArgument({
-                keyword: param.name,
-            });
-            if (param.defaultExpression) {
-                const exp: any = BaseNode.from({ ...param.defaultExpression.toJSON() });
-                argument.setExpression(exp);
-            }
+    if (typeof argIndex === 'number') {
+      if (!this.arguments[argIndex]?.expression) {
+        // 如果本身没有值就直接删除
+        return this.arguments[argIndex]?.delete();
+      }
+      if (argIndex !== this.arguments.length - 1) {
+        this.arguments[argIndex]?.moveNode({
+          sourceNode: this.arguments[this.arguments.length - 1],
+          position: 'insertAfter',
         });
-        if (logic.typeParams) {
-            this.typeArguments = [];
-            logic.typeParams.forEach(() => {
-                this._addTypeAnnotation({});
-            });
-        }
+      }
     }
-
-    setCallee(logic: Logic) {
-        let calleeNamespace = logic?.getNamespace() || '';
-        if (logic.parentNode instanceof View) {
-            calleeNamespace = '';
-        }
-        const calleeName = logic.name;
-        const params = logic?.params?.map((param) => {
-            const relationOptions = { parentNode: this, parentKey: 'arguments' };
-            const argument = Argument.from({
-                keyword: param.name,
-                expression: param.isFunction ? new Identifier() : param.defaultExpression,
-            }, this);
-            Object.assign(argument, relationOptions);
-            return argument;
-        });
-        let typeArguments = null;
-        if (logic.typeParams) {
-            typeArguments = logic.typeParams.map(() => {
-                const relationOptions = { parentNode: this, parentKey: 'typeArguments' };
-                const typeArgu = new TypeAnnotation();
-                Object.assign(typeArgu, relationOptions);
-                return typeArgu;
-            });
-        }
-
-        // 如果打开了处理error的开关 或者是 依赖库的逻辑引用，而且类型中携带了Error的
-        let handleError = false;
-        if (calleeNamespace?.startsWith('extensions') && Logic.checkLogicReturnTypeHasError(logic)) {
-            handleError = true;
-        }
-        if (this.app) {
-            this.app.emit('collect:start', {
-                actionMsg: `切换调用逻辑`,
-            });
-            const parentNode: any = this.parentNode;
-            this.update({
-                calleeNamespace,
-                calleeName,
-                arguments: params,
-                typeArguments,
-                folded: false,
-                handleError,
-            });
-            if (parentNode.concept === 'MemberExpression') {
-                const topNode = parentNode.firstMemberExpressionNode();
-                topNode.replaceNode(this);
-            }
-            this.app.emit('collect:end');
-        } else {
-            this.update({
-                calleeNamespace,
-                calleeName,
-                arguments: params,
-                typeArguments,
-                folded: false,
-                handleError,
-            });
-        }
+  }
+
+  toVue(options?: ElementToVueOptions): string {
+    let code = '';
+    if (
+      this.calleeNamespace === 'nasl.browser' ||
+      this.calleeNamespace === 'nasl.auth' ||
+      this.calleeNamespace === 'nasl.configuration' ||
+      this.calleeNamespace === 'nasl.process'
+    ) {
+      code += '$global.';
     }
-
-    addCalleeArg(logic: Logic) {
-        const newArgs = this.arguments.map((argument) =>
-            Argument.from({
-                ...argument,
-            }, this));
-        const relationOptions = { parentNode: this, parentKey: 'arguments' };
-        /**
-         * 当前两个参数对应上，添加的时候，logic会比参数位内容多，就添加一个 argment
-         */
-        if (logic.params.length >= newArgs.length) {
-            logic.params.forEach((param: Param, index: number) => {
-                const arg = newArgs[index];
-                if (!arg) {
-                    const newParam = Argument.from({
-                        keyword: param.name,
-                    }, this);
-                    Object.assign(newParam, relationOptions);
-                    newArgs.push(newParam);
-                } else {
-                    arg.keyword = param.name;
-                }
-            });
-        } else {
-            /**
-             * 当前calllogic上数量比logic参数还多，他就需要找一个arg使他变成可用的参数
-             */
-            newArgs.forEach((arg: Argument, index: number) => {
-                const param = logic.params[index];
-                if (param) {
-                    arg.keyword = param.name;
-                }
-            });
-        }
-        this.update({
-            arguments: newArgs,
-        });
+    code += this.calleeName;
+    code += '(';
+    const { completeArguments } = this;
+    completeArguments.forEach((arg, index) => {
+      code += arg?.toVue(options);
+      if (index !== completeArguments.length - 1) code += ', ';
+    });
+    code += ')';
+    return code;
+  }
+
+  toUI(state?: TranslatorState): string {
+    let code = this.calleeName;
+    code += '(';
+
+    const node = this.getCallNode();
+    let logicParam: Param[] = [];
+    if (node?.params) {
+      logicParam = node.params;
     }
-
-    deleteCalleeArg(argIndex: number) {
-        /**
-         * 传递过下标来，然后直接移动到最后结束
-         * 如果原来就是最后一个位置就不移动了
-         */
-        if (typeof argIndex === 'number') {
-            if (!this.arguments[argIndex]?.expression) {
-                // 如果本身没有值就直接删除
-                return this.arguments[argIndex]?.delete();
-            }
-            if (argIndex !== this.arguments.length - 1) {
-                this.arguments[argIndex]?.moveNode({
-                    sourceNode: this.arguments[this.arguments.length - 1],
-                    position: 'insertAfter',
-                });
-            }
-        }
-    }
-    toVue(options?: ElementToVueOptions): string {
-        let code = '';
-        if (this.calleeNamespace === 'nasl.browser' || this.calleeNamespace === 'nasl.auth' || this.calleeNamespace === 'nasl.configuration' || this.calleeNamespace === 'nasl.process') {
-            code += '$global.';
-        }
-        const completeArguments = this.completeArguments;
-        if (this.concept === 'CallLogic' && this.getAncestor('BindAttribute').name === 'data-source') {
-            code  += '(params) =>'
-            code += `this.$logics['${this.calleeNamespace ? `${this.calleeNamespace}.${this.calleeName}` : this.calleeName}']`
-            code += `({
-                config: {
-                    download: false,
-                },
-                query: {},`;
-            code += `
-                headers: {
-                    "lcap-calllogic-uuid": "${this.uuid}",
-                },
-            `;
-            code += `path: {},
-            body: {`;
-            const logic = getNodeByNodeCallee(this.app, this.calleewholeKey, (key: string, tempPoint: any) => {
-                // 处理 NASL 中未定义的假的节点
-                if (key === tempPoint.name) {
-                    return {
-                        tempPoint,
-                        state: 1,
-                    };
-                }
-                const t = tempPoint[key];
-                return {
-                    tempPoint: t,
-                    state: Array.isArray(t) ? 2 : 1,
-                };
-            });
-            const args = logic?.params || [];
-            const argsStr = args
-                .map((arg: any, index: number) => {
-                    const actualArg = completeArguments[index];
-                    return {
-                        keyword: arg?.name,
-                        arg: actualArg,
-                    };
-                })
-                .map((obj: any) => `\n${obj?.keyword}: ${obj?.arg?.toVue(options)}`)
-                .join(', ');
-            code += argsStr;
-            if (Array.isArray(this.typeArguments) && this.typeArguments.length) {
-                code += `,\n__typeArguments: ${JSON5.stringify(this.typeArguments)}`;
-            }
-            code += '\n}';
-            code += '}';
+    if (this.arguments?.length) {
+      this.arguments.forEach((arg, index) => {
+        const param = logicParam[index] || ({} as any);
+        // 打开了必填，
+        // 或者遗留问题，没有required = undefined 而且没有defaultValue，就是之前的必填项
+        const paramRequired = Boolean(param.required || (param.required === undefined && !param.defaultValue));
+        // 取到是不是必填放入参数中
+        if (param && !arg.expression && !paramRequired) {
+          // 非必填时 才会有默认值
+          code += param.defaultValue;
         } else {
-            code += this.calleeName;
-            code += '(';
-            completeArguments.forEach((arg, index) => {
-                code += arg?.toVue(options);
-                if (index !== completeArguments.length - 1)
-                    code += ', ';
-            });
+          code += arg?.toUI();
         }
-        code += ')';
-        return code;
+        if (index !== this.arguments?.length - 1) code += ', ';
+      });
     }
-
-    toUI(state?: TranslatorState): string { 
-        let code = this.calleeName;
-        code += '(';
-
-        const node = this.getCallNode();
-        let logicParam: Param[] = [];
-        if (node?.params) {
-            logicParam = node.params;
-        }
-        if (this.arguments?.length) {
-            this.arguments.forEach((arg, index) => {
-                const param = logicParam[index] || ({} as any);
-                // 打开了必填，
-                // 或者遗留问题，没有required = undefined 而且没有defaultValue，就是之前的必填项
-                const paramRequired = Boolean(param.required || (param.required === undefined && !param.defaultValue));
-                // 取到是不是必填放入参数中
-                if (param && !arg.expression && !paramRequired) {
-                    // 非必填时 才会有默认值
-                    code += param.defaultValue;
-                } else {
-                    code += arg?.toUI();
-                }
-                if (index !== this.arguments?.length - 1)
-                    code += ', ';
-            });
-        }
-        code += ')';
-        if (this.concept === 'CallLogic' && this.getAncestor('BindAttribute').name === 'data-source') {
-            return this.calleeName
+    code += ')';
+
+    return code;
+  }
+
+  // 是否属于页面逻辑
+  get isViewLogic() {
+    // 页面逻辑
+    let flag = true;
+    const { calleeNamespace } = this;
+    // calleeNamespace不存在，一定是页面逻辑
+    if (calleeNamespace) {
+      const namespaceArr = calleeNamespace.split('.');
+      const start = namespaceArr[0];
+      const isFrontendLibrary = ~calleeNamespace.indexOf('frontends');
+      if (start === 'app' || (start === 'extensions' && !isFrontendLibrary)) {
+        const keywordViewsIndex = findConceptKeyWordIndexFromNamespace(this.calleeNamespace, 'views');
+        if (keywordViewsIndex === -1) {
+          flag = false;
         }
-        return code;
+      }
     }
-
-    // 是否属于页面逻辑
-    get isViewLogic() {
-        // 页面逻辑
-        let flag = true;
-        const calleeNamespace = this.calleeNamespace;
-        // calleeNamespace不存在，一定是页面逻辑
-        if (calleeNamespace) {
-            const namespaceArr = calleeNamespace.split('.');
-            const start = namespaceArr[0];
-            const isFrontendLibrary = ~calleeNamespace.indexOf('frontends');
-            if (start === 'app' || (start === 'extensions' && !isFrontendLibrary)) {
-                const keywordViewsIndex = findConceptKeyWordIndexFromNamespace(this.calleeNamespace, 'views');
-                if (keywordViewsIndex === -1) {
-                    flag = false;
-                }
-            }
-        }
-        return flag;
+    return flag;
+  }
+
+  // 是否属于组件逻辑
+  get isComponentLogic() {
+    // 组件逻辑
+    let flag = false;
+    const { calleeNamespace } = this;
+    // calleeNamespace不存在，一定是页面逻辑
+    if (calleeNamespace) {
+      const namespaceArr = calleeNamespace.split('.');
+      const start = namespaceArr[0];
+      if (start === 'elements' && namespaceArr.length === 3 && namespaceArr[2] === 'logics') {
+        flag = true;
+      }
     }
-
-    // 是否属于组件逻辑
-    get isComponentLogic() {
-        // 组件逻辑
-        let flag = false;
-        const calleeNamespace = this.calleeNamespace;
-        // calleeNamespace不存在，一定是页面逻辑
-        if (calleeNamespace) {
-            const namespaceArr = calleeNamespace.split('.');
-            const start = namespaceArr[0];
-            if (start === 'elements' && namespaceArr.length === 3 && namespaceArr[2] === 'logics') {
-                flag = true;
-            }
-        }
-        return flag;
+    return flag;
+  }
+
+  toJS(state?: TranslatorState): string {
+    let code = '';
+    code += 'await (';
+    let refName = '';
+    let extensionName = '';
+
+    const { calleeName, calleeNamespace, isComponentLogic, completeArguments, isViewLogic, typeArguments } = this;
+
+    const isShowArgument = (arg?: Argument) => {
+      return arg.expression || (arg.paramDefaultValue && arg.paramTypeAnnotation);
+    };
+
+    const keywordProcessIndex = findConceptKeyWordIndexFromNamespace(calleeNamespace, 'processes');
+    const isProcessLogic = keywordProcessIndex !== -1;
+    const isFrontendLibrary = calleeNamespace.startsWith('extensions') && calleeNamespace.indexOf('frontends');
+    // calleeNamespace不存在，一定是页面逻辑
+    if (calleeNamespace) {
+      const namespaceArr = calleeNamespace.split('.');
+      if (isComponentLogic) {
+        const componentName = namespaceArr[1];
+        const viewElement = this.view?.findElementByName(componentName);
+        refName = viewElement?.refName ?? componentName;
+      }
+      if (isFrontendLibrary) {
+        extensionName = namespaceArr[1];
+      }
     }
-
-    toJS(state?: TranslatorState): string {
-        let code = '';
-        code += 'await (';
-        let refName = '';
-        let extensionName = '';
-        const calleeNamespace = this.calleeNamespace;
-        const keywordProcessIndex = findConceptKeyWordIndexFromNamespace(this.calleeNamespace, 'processes');
-        const isProcessLogic = keywordProcessIndex !== -1;
-        const isFrontendLibrary = calleeNamespace.startsWith('extensions') && calleeNamespace.indexOf('frontends');
-        // calleeNamespace不存在，一定是页面逻辑
-        if (calleeNamespace) {
-            const namespaceArr = calleeNamespace.split('.');
-            if (this.isComponentLogic) {
-                const componentName = namespaceArr[1];
-                const viewElement = this.view?.findElementByName(componentName);
-                refName = viewElement?.refName ?? componentName;
-                console.log(componentName);
-                console.log(refName);
-            }
-            if (isFrontendLibrary) {
-                extensionName = namespaceArr[1];
-            }
-        }
-        const completeArguments = this.completeArguments;
-        // 服务端逻辑
-        if (!this.isViewLogic) {
-            const logic = getNodeByNodeCallee(this.app, this.calleewholeKey, (key: string, tempPoint: any) => {
-                // 处理 NASL 中未定义的假的节点
-                if (key === tempPoint.name) {
-                    return {
-                        tempPoint,
-                        state: 1,
-                    };
-                }
-                const t = tempPoint[key];
-                return {
-                    tempPoint: t,
-                    state: Array.isArray(t) ? 2 : 1,
-                };
-            });
-            const args = logic?.params || [];
-            const keywordEntitiesIndex = findConceptKeyWordIndexFromNamespace(this.calleeNamespace, 'entities');
-            code += `this.$logics['${this.calleeNamespace ? `${this.calleeNamespace}.${this.calleeName}` : this.calleeName}']`;
-            code += `({
+    // 全局逻辑
+    if (!isViewLogic) {
+      const logic = this.getCallNode();
+      const args = logic?.params || [];
+      const keywordEntitiesIndex = findConceptKeyWordIndexFromNamespace(this.calleeNamespace, 'entities');
+      code += `this.$logics['${this.calleeNamespace ? `${this.calleeNamespace}.${this.calleeName}` : this.calleeName}']`;
+      code += `({
                 config: {
                     download: false,
                 },
                 query: {`;
-            if (isProcessLogic) {
-                const argsStr = args
-                    .map((arg: any, index: number) => {
-                        const actualArg = completeArguments[index];
-                        return {
-                            keyword: arg?.name,
-                            arg: actualArg,
-                        };
-                    })
-                    .map((obj: any) => `\n${obj?.keyword}: ${obj?.arg?.toJS(shiftState(state, code))}`)
-                    .join(', ');
-                code += argsStr;
-            }
-            code += `},
+      if (isProcessLogic) {
+        const argsStr = args
+          .map((arg, index) => {
+            const actualArg = completeArguments[index];
+            return {
+              keyword: arg?.name,
+              arg: actualArg,
+            };
+          })
+          .filter((item) => isShowArgument(item.arg))
+          .map((obj: any) => `\n${obj?.keyword}: ${obj?.arg?.toJS(shiftState(state, code))}`)
+          .join(', ');
+        code += argsStr;
+      }
+      code += `},
                 headers: {
                     "lcap-calllogic-uuid": "${this.uuid}",
                 },
             `;
 
-            if (keywordEntitiesIndex !== -1) {
-                let logicArgs = this.arguments;
-                let breakBody = false;
-                switch (this.calleeName) {
-                    case 'get':
-                    case 'delete': {
-                        logicArgs = [];
-                        code += `query: {`;
-                        const argsStr = args
-                            .map((arg: any, index: number) => {
-                                const actualArg = this.arguments?.[index];
-                                return {
-                                    keyword: arg?.name,
-                                    arg: actualArg,
-                                };
-                            })
-                            .map((obj: any) => `\n${obj?.keyword}: ${obj?.arg?.toJS(shiftState(state, code))}`)
-                            .join(', ');
-                        code += argsStr;
-                        code += `},\n`;
-                        break;
-                    }
-                    case 'update':
-                    case 'createOrUpdate':
-                    case 'batchUpdate': {
-                        code += `body: {\n`;
-                        const argsStr = logicArgs
-                            .filter((arg: any) => arg.expression)
-                            .map((arg: any) => {
-                                const name = arg.keyword === 'body' ? (this.calleeName === 'batchUpdate' ? 'entities' : 'entity') : arg.keyword;
-                                return `${name}: ${arg.expression.toJS(shiftState(state, code))}`;
-                            })
-                            .join(',\n');
-                        code += argsStr;
-                        code += `},\n`;
-                        logicArgs = [];
-                        breakBody = true;
-                        break;
-                    }
-                    case 'updateBy': {
-                        code += `body: {`;
-                        const argsStr = logicArgs
-                            .filter((arg: any) => arg.expression)
-                            .map((arg: any) => {
-                                const name = arg.keyword === 'body' ? 'entity' : arg.keyword;
-                                // filter回调函数
-                                if (arg.expression.returnExpression) {
-                                    const argsStr = JSON.stringify(handleMember(arg.expression.returnExpression)).replace(/"__@@(.*?)@@__"/g, '$1');
-                                    return `${name}: {
+      if (keywordEntitiesIndex !== -1) {
+        let logicArgs = this.arguments;
+        let breakBody = false;
+        switch (calleeName) {
+          case 'get':
+          case 'delete': {
+            logicArgs = [];
+            code += `query: {`;
+            const argsStr = args
+              .map((arg, index) => {
+                const actualArg = this.arguments?.[index];
+                return {
+                  keyword: arg?.name,
+                  arg: actualArg,
+                };
+              })
+              .map((obj: any) => `\n${obj?.keyword}: ${obj?.arg?.toJS(shiftState(state, code))}`)
+              .join(', ');
+            code += argsStr;
+            code += `},\n`;
+            break;
+          }
+          case 'update':
+          case 'createOrUpdate':
+          case 'batchUpdate': {
+            code += `body: {\n`;
+            const argsStr = logicArgs
+              .map((arg) => {
+                const name = arg.keyword === 'body' ? (this.calleeName === 'batchUpdate' ? 'entities' : 'entity') : arg.keyword;
+                return `${name}: ${arg.expression.toJS(shiftState(state, code))}`;
+              })
+              .join(',\n');
+            code += argsStr;
+            code += `},\n`;
+            logicArgs = [];
+            breakBody = true;
+            break;
+          }
+          case 'updateBy': {
+            code += `body: {`;
+            const argsStr = logicArgs
+              .map((arg: any) => {
+                const name = arg.keyword === 'body' ? 'entity' : arg.keyword;
+                // filter回调函数
+                if (arg.expression.returnExpression) {
+                  const argsStr = JSON.stringify(handleMember(arg.expression.returnExpression)).replace(/"__@@(.*?)@@__"/g, '$1');
+                  return `${name}: {
                                         concept: 'Function',
                                         name: 'filter',
                                         returnExpression: this.$resolveRequestData(${argsStr})
                                     }`;
-                                } else {
-                                    return `${name}: ${arg.expression.toJS(shiftState(state, code))}`;
-                                }
-                            })
-                            .join(',');
-                        code += argsStr;
-                        code += `},\n`;
-                        logicArgs = [];
-                        breakBody = true;
-                        break;
-                    }
-                    case 'deleteBy': {
-                        code += `body: `;
-                        const argsStr = JSON.stringify(handleMember((logicArgs[0].expression as any).returnExpression)).replace(/"__@@(.*?)@@__"/g, '$1');
-                        code += `{
+                }
+                return `${name}: ${arg.expression.toJS(shiftState(state, code))}`;
+              })
+              .join(',');
+            code += argsStr;
+            code += `},\n`;
+            logicArgs = [];
+            breakBody = true;
+            break;
+          }
+          case 'deleteBy': {
+            code += `body: `;
+            const argsStr = JSON.stringify(handleMember((logicArgs[0].expression as any).returnExpression)).replace(/"__@@(.*?)@@__"/g, '$1');
+            code += `{
                             concept: 'Function',
                             name: 'filter',
                             returnExpression: this.$resolveRequestData(${argsStr})
                         }`;
-                        code += `,\n`;
-                        logicArgs = [];
-                        breakBody = true;
-                        break;
-                    }
-                }
-                const bodyArgument = logicArgs.find((arg) => arg.keyword === 'body');
-                if (!breakBody) {
-                    if (bodyArgument) {
-                        code += `\n${bodyArgument?.keyword}: ${bodyArgument?.toJS(shiftState(state, code))}`;
-                    } else {
-                        code += `body: {}`;
-                    }
-                }
-            } else {
-                code += `path: {},
+            code += `,\n`;
+            logicArgs = [];
+            breakBody = true;
+            break;
+          }
+        }
+        const bodyArgument = logicArgs.find((arg) => arg.keyword === 'body');
+        if (!breakBody) {
+          if (bodyArgument) {
+            code += `\n${bodyArgument?.keyword}: ${bodyArgument?.toJS(shiftState(state, code))}`;
+          } else {
+            code += `body: {}`;
+          }
+        }
+      } else {
+        code += `path: {},
                 body: {`;
-                if (!isProcessLogic) {
-                    const argsStr = args
-                        .map((arg: any, index: number) => {
-                            const actualArg = completeArguments[index];
-                            return {
-                                keyword: arg?.name,
-                                arg: actualArg,
-                            };
-                        })
-                        .map((obj: any) => `\n${obj?.keyword}: ${obj?.arg?.toJS(shiftState(state, code))}`)
-                        .join(', ');
-                    code += argsStr;
-                    if (Array.isArray(this.typeArguments) && this.typeArguments.length) {
-                        code += `,\n__typeArguments: ${JSON5.stringify(this.typeArguments)}`;
-                    }
-                }
-                code += '\n}';
-            }
-            code += '\n})';
-        } else {
-            if (this.isComponentLogic) {
-                // 组件ref元素的对象没有qu dao的容错
-                code += `this.$refs && this.$refs[\`${refName}\`] && this.$refs[\`${refName}\`].${this.calleeName} && this.$refs[\`${refName}\`].${this.calleeName}`;
-            } else if (calleeNamespace === 'nasl.ui' || calleeNamespace === 'nasl.util') {
-                switch (this.calleeName) {
-                    case 'showMessage':
-                        code += `this.$toast.show`;
-                        break;
-                    case 'consoleLog':
-                        code += `console.log`;
-                        break;
-                    case 'jsonSerialize':
-                        code += `JSON.stringify`;
-                        break;
-                    case 'jsonDeserialize':
-                        code += `JSON.parse`;
-                        break;
-                }
-            } else if (calleeNamespace === 'nasl.browser' || calleeNamespace === 'nasl.auth' || calleeNamespace === 'nasl.configuration' || calleeNamespace === 'nasl.process' || calleeNamespace === 'nasl.io') {
-                code += `this.$global.${this.calleeName}`;
-            } else if (isFrontendLibrary) {
-                code += `this.$library['${extensionName}'].${this.calleeName}`;
-            } else {
-                code += `this.${this.calleeName}`;
-            }
-            if (calleeNamespace === 'nasl.process' || calleeNamespace === 'nasl.auth') {
-                code += '({';
-                this.arguments?.filter((arg) => arg?.expression)
-                    .forEach((arg, index) => {
-                        code += `${arg.keyword}: ${arg?.toJS(shiftState(state, code))}`;
-                        if (index !== this.arguments?.length - 1)
-                            code += ', ';
-                    });
-                code += '})';
-            } else {
-                code += '(';
-                const needToString = ['showMessage', 'consoleLog'].includes(this.calleeName);
-                if (needToString) {
-                    code += `this.$utils['ToString'](`;
-                }
-                if (Array.isArray(completeArguments) && completeArguments.length) {
-                    completeArguments.forEach((arg, index) => {
-                        code += arg?.toJS(shiftState(state, code));
-                        if (index !== completeArguments?.length - 1)
-                            code += ', ';
-                    });
-                    if (needToString) {
-                        const arg = this.arguments[0];
-                        const argTypeAnnotation = (arg as any).typeAnnotation || arg.__TypeAnnotation;
-                        if (argTypeAnnotation) {
-                            code += `, '${argTypeAnnotation?.sortedTypeKey}'`;
-                        }
-                    }
-                }
-                if (needToString) {
-                    code += `)`;
-                }
-                code += ')';
-            }
+        if (!isProcessLogic) {
+          const argsStr = args
+            .map((arg, index) => {
+              const actualArg = completeArguments[index];
+              return {
+                keyword: arg?.name,
+                arg: actualArg,
+              };
+            })
+            .filter((item) => isShowArgument(item.arg))
+            .map((obj) => `\n${obj?.keyword}: ${obj?.arg?.toJS(shiftState(state, code))}`)
+            .join(', ');
+          code += argsStr;
+          if (Array.isArray(typeArguments) && typeArguments.length) {
+            code += `,\n__typeArguments: ${JSON5.stringify(this.typeArguments)}`;
+          }
         }
-
-        function handleMember(root: any): any {
-            if (!root)
-                return;
-            if (root.concept === 'Identifier') {
-                return {
-                    concept: root.concept,
-                    name: root.name,
-                    value: `__@@${root.toJS()}@@__`,
-                    expression: root.toJS(),
-                };
-            }
-            if (root.concept === 'MemberExpression') {
-                let concept = root.concept;
-                let value = root.value;
-                if (root?.object.name === '_') {
-                    return {
-                        concept,
-                        name: root.name,
-                        value,
-                        object: root.object,
-                        property: root.property,
-                    };
-                }
-                let expression = root.toJS();
-                if (root.object?.namespace === 'app.enums') {
-                    value = expression.replace(/^"(.+)"$/, '$1');
-                    expression = undefined;
-                    concept = 'StringLiteral';
-                } else {
-                    value = `__@@${expression}@@__`;
-                }
-                return {
-                    concept,
-                    name: root.name,
-                    value,
-                    expression,
-                };
-            }
-
-            let left;
-            if (root.concept === 'UnaryExpression') {
-                left = handleMember(root.argument);
-            } else {
-                left = handleMember(root.left);
+        code += '\n}';
+      }
+      code += '\n})';
+    } else {
+      if (isComponentLogic) {
+        // 组件ref元素的对象没有qu dao的容错
+        code += `this.$refs && this.$refs[\`${refName}\`] && this.$refs[\`${refName}\`].${this.calleeName} && this.$refs[\`${refName}\`].${this.calleeName}`;
+      } else if (calleeNamespace === 'nasl.ui' || calleeNamespace === 'nasl.util') {
+        switch (this.calleeName) {
+          case 'showMessage':
+            code += `this.$toast.show`;
+            break;
+          case 'consoleLog':
+            code += `console.log`;
+            break;
+          case 'jsonSerialize':
+            code += `JSON.stringify`;
+            break;
+          case 'jsonDeserialize':
+            code += `JSON.parse`;
+            break;
+        }
+      } else if (
+        calleeNamespace === 'nasl.browser' ||
+        calleeNamespace === 'nasl.auth' ||
+        calleeNamespace === 'nasl.configuration' ||
+        calleeNamespace === 'nasl.process' ||
+        calleeNamespace === 'nasl.io'
+      ) {
+        code += `this.$global.${this.calleeName}`;
+      } else if (calleeNamespace === 'nasl.event') {
+        code += `event && event.${this.calleeName} && event.${this.calleeName}`; // 防止万一event不存在
+      } else if (isFrontendLibrary) {
+        code += `this.$library['${extensionName}'].${this.calleeName}`;
+      } else {
+        code += `this.${this.calleeName}`;
+      }
+      if (calleeNamespace === 'nasl.process' || calleeNamespace === 'nasl.auth') {
+        code += '({';
+        this.arguments
+          ?.filter((arg) => arg?.expression)
+          .forEach((arg, index) => {
+            code += `${arg.keyword}: ${arg?.toJS(shiftState(state, code))}`;
+            if (index !== this.arguments?.length - 1) code += ', ';
+          });
+        code += '})';
+      } else {
+        code += '(';
+        const needToString = ['showMessage', 'consoleLog'].includes(this.calleeName);
+        if (needToString) {
+          code += `this.$utils['ToString'](`;
+        }
+        if (Array.isArray(completeArguments) && completeArguments.length) {
+          completeArguments.forEach((arg, index) => {
+            code += arg?.toJS(shiftState(state, code));
+            if (index !== completeArguments?.length - 1) code += ', ';
+          });
+          if (needToString) {
+            const arg = this.arguments[0];
+            const argTypeAnnotation = (arg as any).typeAnnotation || arg.__TypeAnnotation;
+            if (argTypeAnnotation) {
+              code += `, '${argTypeAnnotation?.sortedTypeKey}'`;
             }
-            const right = handleMember(root.right);
-            return {
-                concept: root.concept,
-                name: root.name,
-                value: root.value,
-                expression: root.expression,
-                operator: root.operator,
-                left,
-                right,
-            };
+          }
         }
-        const typeAnnotation = (this as any).typeAnnotation || this.__TypeAnnotation;
-        const needGenInitFromSchema = typeAnnotation && (
-            !['primitive', 'union'].includes(typeAnnotation.typeKind)
-            || typeAnnotation.typeName === 'DateTime'
-        );
-        if (needGenInitFromSchema) {
-            code = `this.$genInitFromSchema('${typeAnnotation?.sortedTypeKey}', ${code})`;
+        if (needToString) {
+          code += `)`;
         }
         code += ')';
-        return code;
+      }
     }
 
-    toBrief(): string {
-        return this.arguments.map((a) => a.toBrief()).join('<br />');
-    }
-
-    get useValidation() {
-        const {
-            validation,
-            rootNode,
-        } = this;
-
-        return (
-            rootNode.preferenceMap.serverValidationRules === 'custom' &&
-            Boolean(validation)
-        );
-    }
-
-    get useIife() {
-        return Boolean(this.handleError || this.useValidation);
-    }
-
-    @withSourceMap()
-    toEmbeddedTS(state?: TranslatorState): string {
-        let code = '';
-
-        const {
-            handleError,
-            calleeKey,
-            calleeName,
-            parentKey,
-            typeArguments,
-            tsCalleeNamespace,
-            completeArguments,
-            parentNode,
-            validation,
-            useIife,
-            useValidation,
-            arguments: logicArgs,
-        } = this;
-        /** 设置函数范型参数 */
-        const setTypeArguments = () => {
-            if (Array.isArray(typeArguments) && typeArguments.length) {
-                // 如果有内容
-                code += `<`;
-                typeArguments.forEach((arg, i, arr) => {
-                    code += arg.toEmbeddedTS(shiftState(state, code, { tabSize: 0 }));
-                    if (i !== arr.length - 1) {
-                        code += ', ';
-                    }
-                });
-                code += `>`;
-            }
+    function handleMember(root: any): any {
+      if (!root) return;
+      if (root.concept === 'Identifier') {
+        return {
+          concept: root.concept,
+          name: root.name,
+          value: `__@@${root.toJS()}@@__`,
+          expression: root.toJS(),
         };
-        /** 设置输入参数 */
-        const setInputParam = () => {
-            const paramRequired = ['showMessage', 'consoleLog'].includes(calleeName);
-            if ((tsCalleeNamespace.startsWith('elements') && tsCalleeNamespace.endsWith('logics')) || tsCalleeNamespace.startsWith('nasl.')) {
-                code += '(';
-                logicArgs.forEach((arg, index) => {
-                    // 页面逻辑先都非必填
-                    code += arg.toEmbeddedTS(shiftState(state, code), paramRequired);
-                    if (index !== logicArgs.length - 1)
-                        code += ', ';
-                });
-                code += ')';
-            } else {
-                if (['expression'].includes(parentKey) && this.getAncestor('BindAttribute').name === 'data-source' && (state as any)?.noNeedParams) {
-                   return
-                }
-                if (completeArguments.length) {
-                    code += '(';
-                    completeArguments.forEach((arg, index) => {
-                        // 取到是不是必填放入参数中
-                        code += arg.toEmbeddedTS(shiftState(state, code), arg?.paramRequired);
-                        if (index !== logicArgs.length - 1)
-                            code += ', ';
-                    });
-                    code += ')';
-                } else {
-                    code += '()';
-                }
-            }
-        };
-
-        /** 设置表达式末尾分号 */
-        const setEndSemi = () => {
-            const { concept: parentConcept } = parentNode;
-            if (
-                !['test', 'patterns','returnExpression', 'expression'].includes(parentKey) &&
-                ![
-                    'Argument',
-                    'Assignment',
-                    'ForEachStatement',
-                    'SelectMembers',
-                    'UnaryExpression',
-                    'BinaryExpression',
-                    'StringInterpolation',
-                    'MemberExpression',
-                    'NewMap',
-                    'NewList',
-                ].includes(parentConcept)
-            ) {
-                code += ';';
-            }
-        };
-
-        if (useIife) {
-            code += '(() =>{\nconst wrapper = ';
-
-            if (handleError) {
-                code += 'nasl.util.autoHandleError(';
-            }
-
-            if (useValidation) {
-                code += 'nasl.util.callLogicWithChecker(';
-            }
-
-            code += calleeKey;
-            setTypeArguments();
-
-            if (useValidation) {
-                code += ', (';
-                code += completeArguments.map((item) => item.keyword).join(', ');
-                code += ') => {\n';
-                code += validation.toEmbeddedTS(shiftState(state, code));
-                code += ';\n})';
-            }
-
-            if (handleError) {
-                code += ')';
-            }
-
-            code += ';\nreturn wrapper';
-            setInputParam();
-            code += ';\n})()';
-        } else {
-            code += calleeKey;
-            setTypeArguments();
-            setInputParam();
+      }
+      if (root.concept === 'MemberExpression') {
+        let { concept } = root;
+        let { value } = root;
+        if (root?.object.name === '_') {
+          return {
+            concept,
+            name: root.name,
+            value,
+            object: root.object,
+            property: root.property,
+          };
         }
-
-        setEndSemi();
-
-        return code;
-    }
-
-    // 通过内容过去节点
-    getCallNode() {
-        let node;
-        // 如果是页面局部逻辑
-        if (!this.calleeNamespace && this.calleeName && this.view) {
-            node = this.view.logics.find((l) => l.name === this.calleeName);
-        } else if (this.calleeNamespace?.startsWith('nasl.')) {
-            // 如果是页面组件
-            node = getNaslNodeByNodeCallee(this.calleeNamespace, this.calleeName);
+        let expression = root.toJS();
+        if (root.object?.namespace === 'app.enums') {
+          value = expression.replace(/^"(.+)"$/, '$1');
+          expression = undefined;
+          concept = 'StringLiteral';
         } else {
-            // 如果是其余app下自定义逻辑
-            try {
-                node = getNodeByNodeCallee(this.app, this.calleewholeKey, (key: any, tempPoint: any) => {
-                    // 处理 NASL 中未定义的假的节点
-                    if (key === tempPoint.name) {
-                        return {
-                            tempPoint,
-                            state: 1,
-                        };
-                    }
-                    const t = tempPoint[key];
-                    return {
-                        tempPoint: t,
-                        state: Array.isArray(t) ? 2 : 1,
-                    };
-                });
-            } catch (err) { }
+          value = `__@@${expression}@@__`;
         }
-        return node;
+        return {
+          concept,
+          name: root.name,
+          value,
+          expression,
+        };
+      }
+
+      let left;
+      if (root.concept === 'UnaryExpression') {
+        left = handleMember(root.argument);
+      } else {
+        left = handleMember(root.left);
+      }
+      const right = handleMember(root.right);
+      return {
+        concept: root.concept,
+        name: root.name,
+        value: root.value,
+        expression: root.expression,
+        operator: root.operator,
+        left,
+        right,
+      };
     }
-
-    /**
-     * 是否允许验证规则
-     *  - 当前元素在前端，但是调用的函数在后端
-     */
-    enableValidation() {
-        const calledLogic = this.getCallNode();
-        return Boolean(this.view) && calledLogic && !calledLogic.view;
+    const typeAnnotation = (this as any).typeAnnotation || this.__TypeAnnotation;
+    const needGenInitFromSchema =
+      typeAnnotation && (!['primitive', 'union'].includes(typeAnnotation.typeKind) || typeAnnotation.typeName === 'DateTime');
+    if (needGenInitFromSchema) {
+      code = `this.$genInitFromSchema('${typeAnnotation?.sortedTypeKey}', ${code})`;
+    }
+    code += ')';
+    return code;
+  }
+
+  toBrief(): string {
+    return this.arguments.map((a) => a.toBrief()).join('<br />');
+  }
+
+  get useValidation() {
+    const { validation, rootNode } = this;
+
+    return rootNode?.preferenceMap.serverValidationRules === 'custom' && Boolean(validation);
+  }
+
+  get useIife() {
+    return Boolean(this.handleError || this.useValidation);
+  }
+
+  @withSourceMap()
+  toEmbeddedTS(state?: TranslatorState): string {
+    let code = '';
+
+    const {
+      handleError,
+      calleeKey,
+      calleeName,
+      parentKey,
+      typeArguments,
+      tsCalleeNamespace,
+      completeArguments,
+      parentNode,
+      validation,
+      useIife,
+      useValidation,
+      arguments: logicArgs,
+    } = this;
+
+    /** 设置函数范型参数 */
+    const setTypeArguments = () => {
+      if (Array.isArray(typeArguments) && typeArguments.length) {
+        // 如果有内容
+        code += `<`;
+        typeArguments.forEach((arg, i, arr) => {
+          code += arg.toEmbeddedTS(shiftState(state, code, { tabSize: 0 }));
+          if (i !== arr.length - 1) {
+            code += ', ';
+          }
+        });
+        code += `>`;
+      }
+    };
+    /** 设置输入参数 */
+    const setInputParam = () => {
+      const paramRequired = ['showMessage', 'consoleLog'].includes(calleeName);
+      if ((tsCalleeNamespace.startsWith('elements') && tsCalleeNamespace.endsWith('logics')) || tsCalleeNamespace.startsWith('nasl.')) {
+        code += '(';
+        logicArgs.forEach((arg, index) => {
+          // 页面逻辑先都非必填
+          code += arg.toEmbeddedTS(shiftState(state, code), paramRequired);
+          if (index !== logicArgs.length - 1) code += ', ';
+        });
+        code += ')';
+      } else if (completeArguments.length) {
+        code += '(';
+        completeArguments.forEach((arg, index) => {
+          // 取到是不是必填放入参数中
+          code += arg.toEmbeddedTS(shiftState(state, code), arg?.paramRequired);
+          if (index !== logicArgs.length - 1) code += ', ';
+        });
+        code += ')';
+      } else {
+        code += '()';
+      }
+    };
+
+    /** 设置表达式末尾分号 */
+    const setEndSemi = () => {
+      const { concept: parentConcept } = parentNode ?? {};
+      if (
+        !['test', 'patterns', 'returnExpression'].includes(parentKey) &&
+        ![
+          'Argument',
+          'Assignment',
+          'ForEachStatement',
+          'SelectMembers',
+          'UnaryExpression',
+          'BinaryExpression',
+          'StringInterpolation',
+          'MemberExpression',
+          'NewMap',
+          'NewList',
+        ].includes(parentConcept)
+      ) {
+        code += ';';
+      }
+    };
+
+    if (useIife) {
+      code += '(() =>{\nconst wrapper = ';
+
+      if (handleError) {
+        code += 'nasl.util.autoHandleError(';
+      }
+
+      if (useValidation) {
+        code += 'nasl.util.callLogicWithChecker(';
+      }
+
+      code += calleeKey;
+      setTypeArguments();
+
+      if (useValidation) {
+        code += ', (';
+        code += completeArguments.map((item) => item.keyword).join(', ');
+        code += ') => {\n';
+        code += validation.toEmbeddedTS(shiftState(state, code));
+        code += ';\n})';
+      }
+
+      if (handleError) {
+        code += ')';
+      }
+
+      code += ';\nreturn wrapper';
+      setInputParam();
+      code += ';\n})()';
+    } else {
+      code += calleeKey;
+      setTypeArguments();
+      setInputParam();
     }
 
-    // 可以设置默认值的节点
-    // 目前只开放了app下的，所以这些节点，查找引用吧默认值塞回来
-    get completeArguments() {
-        const node = this.getCallNode();
-        let logicParam: Param[] = [];
-        const Arguments: Argument[] = [];
-        if (node?.params) {
-            logicParam = node.params;
-        }
-        if (this.arguments?.length) {
-            this.arguments.forEach((arg, index) => {
-                const param = logicParam[index] || ({} as any);
-                // 打开了必填，
-                // 或者遗留问题，没有required = undefined 而且没有defaultValue，就是之前的必填项
-                arg.paramRequired = Boolean(param.required || (param.required === undefined && !param.defaultValue));
-                arg.paramTypeAnnotation = undefined;
-                arg.paramDefaultValue = undefined;
-                arg.keyword = param.name ?? arg.keyword;
-                // 取到是不是必填放入参数中
-                if (param && !arg.expression) {
-                    // 非必填时 才会有默认值
-                    arg.paramTypeAnnotation = param.typeAnnotation;
-                    arg.paramDefaultValue = param.defaultValue;
-                }
-                Arguments.push(arg);
-            });
-        }
-        return Arguments;
+    setEndSemi();
+
+    return code;
+  }
+
+  @withSourceMap()
+  toNaturalTS(state?: TranslatorState): string {
+    const {
+      handleError,
+      calleeKey,
+      calleeName,
+      parentKey,
+      typeArguments,
+      tsCalleeNamespace,
+      completeArguments,
+      parentNode,
+      validation,
+      useIife,
+      useValidation,
+      arguments: logicArgs,
+    } = this;
+
+    let code = calleeKey.replace('__elements', '$refs');
+    if (/^app.+?\.entities\..+?logics/.test(code))
+      code = code.replace(/^app.+?\.entities\.(.+?)\.logics/, '$1');
+    /** 设置函数范型参数 */
+    const setTypeArguments = () => {
+      if (Array.isArray(typeArguments) && typeArguments.length) {
+        // 如果有内容
+        code += `<`;
+        typeArguments.forEach((arg, i, arr) => {
+          code += arg.toNaturalTS(shiftState(state, code, { tabSize: 0 }));
+          if (i !== arr.length - 1) {
+            code += ', ';
+          }
+        });
+        code += `>`;
+      }
+    };
+    /** 设置输入参数 */
+    const setInputParam = () => {
+      const paramRequired = ['showMessage', 'consoleLog'].includes(calleeName);
+      if ((tsCalleeNamespace.startsWith('elements') && tsCalleeNamespace.endsWith('logics')) || tsCalleeNamespace.startsWith('nasl.')) {
+        code += '(';
+        logicArgs.forEach((arg, index) => {
+          // 页面逻辑先都非必填
+          code += arg.toNaturalTS(shiftState(state, code), paramRequired);
+          if (index !== logicArgs.length - 1) code += ', ';
+        });
+        code += ')';
+      } else if (completeArguments.length) {
+        code += '(';
+        completeArguments.forEach((arg, index) => {
+          // 取到是不是必填放入参数中
+          code += arg.toNaturalTS(shiftState(state, code), arg?.paramRequired);
+          if (index !== logicArgs.length - 1) code += ', ';
+        });
+        code += ')';
+      } else {
+        code += '()';
+      }
+    };
+
+    /** 设置表达式末尾分号 */
+    const setEndSemi = () => {
+      const { concept: parentConcept } = parentNode ?? {};
+      if (
+        !['test', 'patterns', 'returnExpression'].includes(parentKey) &&
+        ![
+          'Argument',
+          'Assignment',
+          'ForEachStatement',
+          'SelectMembers',
+          'UnaryExpression',
+          'BinaryExpression',
+          'StringInterpolation',
+          'MemberExpression',
+          'NewMap',
+          'NewList',
+        ].includes(parentConcept)
+      ) {
+        code += ';';
+      }
+    };
+
+    if (useIife) {
+      code += '(() =>{\nconst wrapper = ';
+
+      if (handleError) {
+        code += 'nasl.util.autoHandleError(';
+      }
+
+      if (useValidation) {
+        code += 'nasl.util.callLogicWithChecker(';
+      }
+
+      code += calleeKey;
+      setTypeArguments();
+
+      if (useValidation) {
+        code += ', (';
+        code += completeArguments.map((item) => item.keyword).join(', ');
+        code += ') => {\n';
+        code += validation.toNaturalTS(shiftState(state, code));
+        code += ';\n})';
+      }
+
+      if (handleError) {
+        code += ')';
+      }
+
+      code += ';\nreturn wrapper';
+      setInputParam();
+      code += ';\n})()';
+    } else {
+      code += calleeKey;
+      setTypeArguments();
+      setInputParam();
     }
 
-    static isSystem(node: CallLogic) {
-        // 如此处需要更新，则需同时更新 menu-poppup 组件下的 includesSystemLogic 校验逻辑
-        return ['nasl.process', 'nasl.browser', 'nasl.auth', 'nasl.configuration', 'nasl.io'].includes(node?.calleeNamespace);
+    setEndSemi();
+
+    return code;
+  }
+
+  // 通过内容过去节点
+  getCallNode(): Logic | undefined {
+    let node;
+    // 如果是页面局部逻辑
+    if (!this.calleeNamespace && this.calleeName && this.view) {
+      node = this.view.logics.find((l) => l.name === this.calleeName);
+    } else if (this.calleeNamespace?.startsWith('nasl.')) {
+      // 如果是页面组件
+      node = getNaslNodeByNodeCallee(this.calleeNamespace, this.calleeName);
+    } else {
+      // 如果是其余app下自定义逻辑
+      try {
+        node = getNodeByNodeCallee(this.app, this.calleewholeKey, (key: any, tempPoint: any) => {
+          // 处理 NASL 中未定义的假的节点
+          if (key === tempPoint.name) {
+            return {
+              tempPoint,
+              state: 1,
+            };
+          }
+          const t = tempPoint[key];
+          return {
+            tempPoint: t,
+            state: Array.isArray(t) ? 2 : 1,
+          };
+        });
+      } catch (err) { }
     }
+    return node;
+  }
 
-    public static getDefaultOptions() {
-        return {};
+  /** 获取类型标注时的偏移量 */
+  getQuickInfoOffset(detail: TSPPosition, code: string): TSPPosition {
+    if (!this.useIife) {
+      return { ...detail };
     }
-    //================================================================================
-    // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
-    // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
-    //================================================================================
+
+    const characterOffset = 8;
+    const lines = code.split('\n');
+    // @ts-ignore
+    const lineOffset = lines.findLastIndex((item) => item.startsWith('return wrapper'));
+
+    return {
+      line: detail.line + lineOffset,
+      offset: characterOffset,
+    };
+  }
+
+  /**
+   * 是否允许验证规则
+   *  - 当前元素在前端，但是调用的函数在后端
+   */
+  enableValidation() {
+    const calledLogic = this.getCallNode();
+    return Boolean(this.view) && calledLogic && !calledLogic.view;
+  }
+
+  // 可以设置默认值的节点
+  // 目前只开放了app下的，所以这些节点，查找引用吧默认值塞回来
+  get completeArguments() {
+    const callArguments = (this.arguments ?? []).slice();
+    // 没有参数时可以跳过查询原逻辑标签
+    const node = callArguments.length > 0 ? this.getCallNode() : undefined;
+    const logicParams = node?.params ?? [];
+
+    callArguments.forEach((arg, index) => {
+      const param = logicParams[index] || ({} as Param);
+      // 打开了必填，
+      // 或者遗留问题，没有required = undefined 而且没有defaultValue，就是之前的必填项
+      arg.paramRequired = Boolean(param.required || (param.required === undefined && !param.defaultValue));
+      arg.paramTypeAnnotation = undefined;
+      arg.paramDefaultValue = undefined;
+      // 强制更新当前的 keyword
+      arg.keyword = param?.name && param.name.length > 0 ? param.name : arg.keyword;
+      // 取到是不是必填放入参数中
+      if (param && !arg.expression) {
+        // 非必填时 才会有默认值
+        arg.paramTypeAnnotation = param.typeAnnotation;
+        arg.paramDefaultValue = param.defaultValue;
+      }
+    });
+
+    return callArguments;
+  }
+
+  static isSystem(node: CallLogic) {
+    // 如此处需要更新，则需同时更新 menu-poppup 组件下的 includesSystemLogic 校验逻辑
+    return ['nasl.process', 'nasl.browser', 'nasl.auth', 'nasl.configuration', 'nasl.io'].includes(node?.calleeNamespace);
+  }
+
+  public static getDefaultOptions() {
+    return {};
+  }
+  //= ===============================================================================
+  // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
+  // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
+  //= ===============================================================================
 }
 
 classMap.CallLogic = CallLogic;
 export default CallLogic;
-//================================================================================
+//= ===============================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
 // 自动生成的代码已结束。下面可以手动编写。
-//================================================================================
+//= ===============================================================================