@lcap/nasl 3.3.0-alpha.2 → 3.3.0-beta.0

package/src/concepts/BindEvent__.ts

@@ -1,25 +1,25 @@
-import { v4 as uuidv4 } from 'uuid';
 import LogicItem from './LogicItem__';
 import Namespace from './Namespace__';
 import { TranslatorState, shiftState, withSourceMap, indent, createCompilerState } from '../translator';
-import ViewElement, { ElementToVueOptions } from './ViewElement__';
+import { ElementToVueOptions } from './ViewElement__';
 import { elementsEventsMap } from '../server/createUiTs';
 import Param from './Param__';
 import TypeAnnotation from './TypeAnnotation__';
 import Process from './Process__';
 
-//= ===============================================================================
+//================================================================================
 // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
 // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
-//= ===============================================================================
+//================================================================================
 import { EventPayload, Params } from '../common/EventEmitter';
-import { concept, excludedInJSON, property } from '../decorators';
+import { concept, excludedInJSON, property, className } 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__';
 import Argument from './Argument__';
+import ViewElement from './ViewElement__';
 import View from './View__';
 import Module from './Module__';
 import App from './App__';
@@ -28,19 +28,25 @@ import Frontend from './Frontend__';
 /**
  * 元素绑定事件
  */
+@className
 @concept('元素绑定事件')
+// @ts-ignore
 export class BindEvent extends BaseNode {
+  /** 类名 */
+  static readonly ConceptName = 'BindEvent';
+
   /**
    * 产品概念
    */
-  @property()
-  concept: 'BindEvent' = 'BindEvent';
+  // @ts-ignore
+  readonly concept!: 'BindEvent';
 
   /**
    * 元素绑定事件名称
    */
   @property()
-  name: string = undefined;
+  // @ts-ignore
+  name!: string;
 
   /**
    * 逻辑列表
@@ -52,13 +58,15 @@ export class BindEvent extends BaseNode {
    * calleeNamespace
    */
   @property()
-  calleeNamespace: string = undefined;
+  // @ts-ignore
+  calleeNamespace!: string;
 
   /**
    * calleeName
    */
   @property()
-  calleeName: string = undefined;
+  // @ts-ignore
+  calleeName!: string;
 
   /**
    * 实际参数
@@ -72,28 +80,24 @@ export class BindEvent extends BaseNode {
   get element() {
     return this.getAncestor('ViewElement') as ViewElement;
   }
-
   /**
    * 祖先 View
    */
   get view() {
     return this.getAncestor('View') as View;
   }
-
   /**
    * 祖先 Module
    */
   get module() {
     return this.getAncestor('Module') as Module;
   }
-
   /**
    * 祖先 App
    */
   get app() {
     return this.getAncestor('App') as App;
   }
-
   /**
    * 祖先 Frontend
    */
@@ -105,16 +109,11 @@ export class BindEvent extends BaseNode {
    * @param source 需要合并的部分参数
    */
   constructor(source?: Partial<BindEvent>) {
-    // @ts-ignore
-    source = { ...BindEvent.getDefaultOptions(), ...source };
+    source = Object.assign({}, BindEvent.getDefaultOptions(), source);
     super(source);
     super.subConstructor(source);
   }
 
-  getClassName() {
-    return 'BindEvent';
-  }
-
   static from(source: any, parentNode?: any, parentKey?: string): BindEvent {
     return super.from(source, parentNode, parentKey) as BindEvent;
   }
@@ -130,7 +129,6 @@ export class BindEvent extends BaseNode {
     }
     return params;
   }
-
   /**
    * 设置元素绑定事件名称
    */
@@ -172,7 +170,6 @@ export class BindEvent extends BaseNode {
     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);
   }
@@ -209,7 +206,7 @@ export class BindEvent extends BaseNode {
           name: this.getLogicUniqueName(),
         },
         this,
-        'logics'
+        'logics',
       );
     } else if (typeof options === 'string') {
       logic = Logic.from(
@@ -218,7 +215,7 @@ export class BindEvent extends BaseNode {
           name: options,
         },
         this,
-        'logics'
+        'logics',
       );
     } else if (options instanceof Logic) {
       options.ensureDelete(); // 同一实例不支持多处存在
@@ -231,7 +228,7 @@ export class BindEvent extends BaseNode {
           ...options,
         },
         this,
-        'logics'
+        'logics',
       );
     }
     this.logics.splice(index, 0, logic);
@@ -351,7 +348,7 @@ export class BindEvent extends BaseNode {
           ...options,
         },
         this,
-        'arguments'
+        'arguments',
       );
     }
     this.arguments.splice(index, 0, argument);
@@ -439,7 +436,7 @@ export class BindEvent extends BaseNode {
     if (typeof options === 'string') {
       logic = (this.logics as Logic[]).find((item) => item.name === options);
       if (!logic) {
-        throw new Error(`找不到逻辑 ${options}`);
+        throw new Error('找不到逻辑 ' + options);
       }
     } else {
       logic = options;
@@ -448,7 +445,7 @@ export class BindEvent extends BaseNode {
   }
 
   __removeLogic(logic: Logic) {
-    const { parentKey } = logic;
+    const parentKey = logic.parentKey;
     const params: Params = {
       parentNode: this,
       parentKey,
@@ -477,12 +474,12 @@ export class BindEvent extends BaseNode {
   removeArgument(argument: Argument): void;
 
   removeArgument(options: Argument) {
-    const argument: Argument = options;
+    let argument: Argument = options;
     return argument.delete();
   }
 
   __removeLogicItem(logicItem: LogicItem) {
-    const { parentKey } = logicItem;
+    const parentKey = logicItem.parentKey;
     const params: Params = {
       parentNode: this,
       parentKey,
@@ -504,10 +501,10 @@ export class BindEvent extends BaseNode {
     return params;
   }
 
-  //= ===============================================================================
+  //================================================================================
   // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
   // 自动生成的代码已结束。下面可以手动编写。
-  //= ===============================================================================
+  //================================================================================
   get process() {
     return this.getAncestor('Process') as Process;
   }
@@ -523,32 +520,30 @@ export class BindEvent extends BaseNode {
   }
 
   get calleeKey(): string {
-    const { tsCalleeNamespace } = this;
+    const tsCalleeNamespace = this.tsCalleeNamespace;
     if (!tsCalleeNamespace) {
       return `${this.calleeName}`;
     }
     // elements单独处理相对路径，和后缀的问题
     if (tsCalleeNamespace.startsWith('elements') && tsCalleeNamespace.endsWith('logics')) {
       const methodName = tsCalleeNamespace.substring(0, tsCalleeNamespace.length - '.logics'.length);
-      return `__${methodName}.${this.calleeName}`;
+      return '__' + methodName + `.${this.calleeName}`;
     }
     return `${tsCalleeNamespace}.${this.calleeName}`;
   }
-
   // 用于展示的value
   get randerValue() {
     const randerNameSpace = this.tsCalleeNamespace;
     if (!randerNameSpace) {
-      return `${this.calleeName}`;
+      return '' + this.calleeName;
     }
     // elements单独处理相对路径，和后缀的问题
     if (randerNameSpace.startsWith('elements') && randerNameSpace.endsWith('logics')) {
       const methodName = randerNameSpace.substring('elements.'.length, randerNameSpace.length);
-      return `$refs.${methodName}.${this.calleeName}`;
+      return '$refs.' + methodName + `.${this.calleeName}`;
     }
     return `${randerNameSpace}.${this.calleeName}`;
   }
-
   // 绑定事件转驼峰
   toHump = (name: string) => (name ? name.replace(/\-(\w)/g, (all, letter) => letter.toUpperCase()) : '');
 
@@ -582,7 +577,7 @@ export class BindEvent extends BaseNode {
           if (logic.view) {
             const logicName = logic.name;
             if ((logic.parentNode as BindEvent)?.element) {
-              logic.name = `__${logic.view.name}${(logic.parentNode as BindEvent).element.name}${logic.name}`;
+              logic.name = '__' + logic.view.name + (logic.parentNode as BindEvent).element.name + logic.name;
             }
 
             logic.name = logic.name.replace(/-/g, '');
@@ -591,7 +586,7 @@ export class BindEvent extends BaseNode {
                 shiftState(state, code, {
                   tabSize: (state?.tabSize || 0) + 2,
                 }),
-                'noExport'
+                'noExport',
               );
             } finally {
               // 翻译logic可能出错
@@ -602,7 +597,7 @@ export class BindEvent extends BaseNode {
               shiftState(state, code, {
                 tabSize: (state?.tabSize || 0) + 2,
               }),
-              'noExport'
+              'noExport',
             );
           }
 
@@ -618,7 +613,7 @@ export class BindEvent extends BaseNode {
             shiftState(state, code, {
               tabSize: (state?.tabSize || 0) + 2,
             }),
-            'noExport'
+            'noExport',
           );
           code += indent(state?.tabSize || 0);
           code += `${logic.name}();\n`;
@@ -642,7 +637,7 @@ export class BindEvent extends BaseNode {
       if (logic.view) {
         const logicName = logic.name;
         if ((logic.parentNode as BindEvent)?.element) {
-          logic.name = `__${logic.view.name}${(logic.parentNode as BindEvent).element.name}${logic.name}`;
+          logic.name = '__' + logic.view.name + (logic.parentNode as BindEvent).element.name + logic.name;
         }
 
         logic.name = logic.name.replace(/-/g, '');
@@ -651,7 +646,7 @@ export class BindEvent extends BaseNode {
             shiftState(state, code, {
               tabSize: (state?.tabSize || 0) + 2,
             }),
-            'noExport'
+            'noExport',
           );
         } finally {
           // 翻译logic可能出错
@@ -662,7 +657,7 @@ export class BindEvent extends BaseNode {
           shiftState(state, code, {
             tabSize: (state?.tabSize || 0) + 2,
           }),
-          'noExport'
+          'noExport',
         );
       }
 
@@ -674,72 +669,24 @@ export class BindEvent extends BaseNode {
     return code;
   }
 
-  @withSourceMap()
-  toNaturalTS(state = createCompilerState(), isPageCycle?: Boolean): string {
-    // 如果有绑定的事件名
-    let code = ``;
-    if (isPageCycle) {
-      this.logics.forEach((logic, index) => {
-        const logicName = `on_view_${logic.name}${index}`;
-        // logic.name = logic.view.name + logic.name + index;
-        code += logic.toNaturalTS(shiftState(state, code, {
-          tabSize: state.tabSize,
-        }), 'noExport', logicName);
-
-        // logic.name = logicName;
-        // code += indent(state.tabSize);
-        // code += `${logicName}();\n`;
-      });
-      return code;
-    }
-    // code = `${this.toHump(this.name) || '__IDENTIFIER__'}: (event: `;
-
-    // event的类型
-    // code += this.getEventTypeString();
-
-    // code += ') => [\n';
-    this.logics.forEach((logic) => {
-      // 一些默认的逻辑不翻译 排除掉
-      if (logic.name.startsWith('__')) {
-        return;
-      }
-      if (logic.view) {
-        const logicName = logic.name;
-        logic.name = `on_${(logic.parentNode as BindEvent).element.name}_${logic.name}`;
-        // logic.name = '__' + logic.view.name + (logic.parentNode as BindEvent).element.name + logic.name;
-        logic.name = logic.name.replace(/-/g, '');
-        try {
-          code += logic.toNaturalTS(shiftState(state, code, {
-            tabSize: state.tabSize,
-          }), 'noExport');
-        } finally {
-          // 翻译logic可能出错
-          logic.name = logicName;
-        }
-      } else {
-        code += logic.toNaturalTS(shiftState(state, code, {
-          tabSize: state.tabSize,
-        }), 'noExport');
-      }
-
-      code += indent(state.tabSize);
-      // code += ',\n';
-    });
-    // if (this.view)
-    //     code += '],\n';
-    // else
-    //     code += ']\n';
-    return code;
-  }
-
   getEventTypeString() {
     let code = '';
     if (!Object.keys(elementsEventsMap).length) return;
     // 已有的点击事件，已知类型的，就直接取值
     if (
-      ['click', 'dblclick', 'contextmenu', 'mousedown', 'mouseup', 'mouseenter', 'mouseleave', 'focus', 'blur', 'keydown', 'keyup'].includes(
-        this.name
-      )
+      [
+        'click',
+        'dblclick',
+        'contextmenu',
+        'mousedown',
+        'mouseup',
+        'mouseenter',
+        'mouseleave',
+        'focus',
+        'blur',
+        'keydown',
+        'keyup',
+      ].includes(this.name)
     ) {
       const eventInfo = elementsEventsMap[this.name];
       const ref = eventInfo.params[0].schema.$ref;
@@ -762,6 +709,7 @@ export class BindEvent extends BaseNode {
         } else if (ref.includes('basicTypes')) {
           // 不要删除，用于转换类型
           type = ref.replace('#/basicTypes/', 'nasl.core.');
+          type = type.replace('Integer', 'Long');
         }
         code = `${type}`;
       }
@@ -810,10 +758,8 @@ export class BindEvent extends BaseNode {
         arr.push(parentName);
       }
       return `${arr.join('.')}.${ns || 'bindEvent'}`;
-    }
-    throw new Error('无法获取命名空间，请设置 parentNode！');
+    } else throw new Error('无法获取命名空间，请设置 parentNode！');
   }
-
   /**
    * 转换成 Vue 的模板格式
    */
@@ -827,7 +773,7 @@ export class BindEvent extends BaseNode {
         let index = 0;
         while (parent && parent.concept !== 'View') {
           if ((parent as ViewElement).slotScope) {
-            argsList.unshift(index === 0 ? 'current' : `current${index}`);
+            argsList.unshift(index === 0 ? 'current' : 'current' + index);
             index++;
           }
           parent = parent.parentNode;
@@ -857,7 +803,7 @@ export class BindEvent extends BaseNode {
       let index = 0;
       while (parent && parent.concept !== 'View') {
         if ((parent as ViewElement).slotScope) {
-          argsList.unshift(index === 0 ? 'current' : `current${index}`);
+          argsList.unshift(index === 0 ? 'current' : 'current' + index);
           index++;
         }
         parent = parent.parentNode;
@@ -870,7 +816,7 @@ export class BindEvent extends BaseNode {
   // 获取bindEvent上的logic的参数从上文获取
   getContextRenderLogicParams(logic: Logic) {
     const argsList: Param[] = [];
-    const { virtualParams } = logic;
+    const virtualParams = logic.virtualParams;
     if (this.logics?.length) {
       let parent = this.parentNode;
       let index = 0;
@@ -878,7 +824,11 @@ export class BindEvent extends BaseNode {
       argsList.push(event);
       while (parent && parent.concept !== 'View') {
         if ((parent as ViewElement).slotScope) {
-          const param = Param.from({ name: index === 0 ? 'current' : `current${index}`, typeAnnotation: null }, logic, 'virtualParams');
+          const param = Param.from(
+            { name: index === 0 ? 'current' : 'current' + index, typeAnnotation: null },
+            logic,
+            'virtualParams',
+          );
           argsList.push(param);
           index++;
         }
@@ -918,9 +868,8 @@ export class BindEvent extends BaseNode {
 
       const cap = suffixRE.exec(event?.title);
       if (cap) return `${event.title.replace(suffixRE, '')}“${parent.title || parent.name}”页面${cap[0]}`;
-      return `${event.title}“${parent.title || parent.name}”页面`;
-    }
-    if (parent instanceof ViewElement) {
+      else return `${event.title}“${parent.title || parent.name}”页面`;
+    } else if (parent instanceof ViewElement) {
       const eventName = `${parent.tag}-${this.name}`;
       if (elementsEventsMap[eventName]) {
         const event = elementsEventsMap[eventName];
@@ -928,33 +877,52 @@ export class BindEvent extends BaseNode {
         let title = '';
         const textChild = parent.children.find((item) => item.tag === 'u-text');
         if (textChild) {
-          const bindAttr = textChild.bindAttrs.find((bindAttr) => bindAttr.name === 'text' || bindAttr.name === 'title' || bindAttr.name === 'label');
+          const bindAttr = textChild.bindAttrs.find(
+            (bindAttr) => bindAttr.name === 'text' || bindAttr.name === 'title' || bindAttr.name === 'label',
+          );
           if (bindAttr && bindAttr.type === 'string') title = bindAttr.value;
         } else {
-          const bindAttr = parent.bindAttrs.find((bindAttr) => bindAttr.name === 'text' || bindAttr.name === 'title' || bindAttr.name === 'label');
+          const bindAttr = parent.bindAttrs.find(
+            (bindAttr) => bindAttr.name === 'text' || bindAttr.name === 'title' || bindAttr.name === 'label',
+          );
           if (bindAttr && bindAttr.type === 'string') title = bindAttr.value;
         }
 
         const cap = suffixRE.exec(event?.title);
         if (cap) return `${event.title.replace(suffixRE, '')}${title ? `“${title}”` : ''}${parent.name}${cap[0]}`;
-        return `${event.title}${title ? `“${title}”` : ''}${parent.name}`;
-      }
-      if (['click', 'dblclick', 'contextmenu', 'mousedown', 'mouseup', 'mouseenter', 'mouseleave', 'focus', 'blur'].includes(this.name)) {
+        else return `${event.title}${title ? `“${title}”` : ''}${parent.name}`;
+      } else if (
+        [
+          'click',
+          'dblclick',
+          'contextmenu',
+          'mousedown',
+          'mouseup',
+          'mouseenter',
+          'mouseleave',
+          'focus',
+          'blur',
+        ].includes(this.name)
+      ) {
         const event = elementsEventsMap[this.name];
 
         let title = '';
         const textChild = parent.children.find((item) => item.tag === 'u-text');
         if (textChild) {
-          const bindAttr = textChild.bindAttrs.find((bindAttr) => bindAttr.name === 'text' || bindAttr.name === 'title' || bindAttr.name === 'label');
+          const bindAttr = textChild.bindAttrs.find(
+            (bindAttr) => bindAttr.name === 'text' || bindAttr.name === 'title' || bindAttr.name === 'label',
+          );
           if (bindAttr && bindAttr.type === 'string') title = bindAttr.value;
         } else {
-          const bindAttr = parent.bindAttrs.find((bindAttr) => bindAttr.name === 'text' || bindAttr.name === 'title' || bindAttr.name === 'label');
+          const bindAttr = parent.bindAttrs.find(
+            (bindAttr) => bindAttr.name === 'text' || bindAttr.name === 'title' || bindAttr.name === 'label',
+          );
           if (bindAttr && bindAttr.type === 'string') title = bindAttr.value;
         }
 
         const cap = suffixRE.exec(event?.title);
         if (cap) return `${event.title.replace(suffixRE, '')}${title ? `“${title}”` : ''}${parent.name}${cap[0]}`;
-        return `${event.title}${title ? `“${title}”` : ''}${parent.name}`;
+        else return `${event.title}${title ? `“${title}”` : ''}${parent.name}`;
       }
       return `${parent.name}-${this.name}`;
     }
@@ -965,37 +933,45 @@ export class BindEvent extends BaseNode {
     if (parent instanceof View) {
       const event = elementsEventsMap[this.name];
       return `${event.title}`;
-    }
-    if (parent instanceof ViewElement) {
+    } else if (parent instanceof ViewElement) {
       const eventName = `${parent.tag}-${this.name}`;
       if (elementsEventsMap[eventName]) {
         const event = elementsEventsMap[eventName];
         return `${event.title}`;
-      }
-      if (['click', 'dblclick', 'contextmenu', 'mousedown', 'mouseup', 'mouseenter', 'mouseleave', 'focus', 'blur'].includes(this.name)) {
+      } else if (
+        [
+          'click',
+          'dblclick',
+          'contextmenu',
+          'mousedown',
+          'mouseup',
+          'mouseenter',
+          'mouseleave',
+          'focus',
+          'blur',
+        ].includes(this.name)
+      ) {
         const event = elementsEventsMap[this.name];
         return `${event.title}`;
       }
       return `${this.name}`;
     }
   }
-
   getViewEventName() {
     // 名称规则：组件的名称 + 组件的事件 + 逻辑本身的事件 用下划线链接
-    const { parentNode } = this;
+    const parentNode = this.parentNode;
     const newName = this.name.replace(/-/g, '');
     if (parentNode instanceof ViewElement) {
       return `${parentNode.name}_${newName}`;
-    }
-    if (parentNode instanceof View) {
+    } else if (parentNode instanceof View) {
       return `${this.view.name}_${newName}`;
+    } else {
+      // 这里编译成这个名字了 后续pctemplate 里也得按这个调用？
+      // 或者说因为会编译在不同的端里  直接 name好了
+      // return `${this.parentNode.name}_${newName}`;
+      return newName;
     }
-    // 这里编译成这个名字了 后续pctemplate 里也得按这个调用？
-    // 或者说因为会编译在不同的端里  直接 name好了
-    // return `${this.parentNode.name}_${newName}`;
-    return newName;
   }
-
   toFunction(state?: TranslatorState): string {
     // shiftState(state, code)
     // 和 toJS一样的 只是下一行增加了 function 关键字
@@ -1011,7 +987,6 @@ export class BindEvent extends BaseNode {
     code += '}\n';
     return code;
   }
-
   getTsNamespace() {
     if (this.parentNode && (this.parentNode as Namespace).getNamespace) {
       const parentNamespace = (this.parentNode as Namespace).getNamespace();
@@ -1022,10 +997,8 @@ export class BindEvent extends BaseNode {
         arr.push(parentName);
       }
       return `${arr.join('.')}.bindEvents`;
-    }
-    throw new Error('无法获取命名空间，请设置 parentNode！');
+    } else throw new Error('无法获取命名空间，请设置 parentNode！');
   }
-
   toEmbeddedTSFile() {
     let code = `namespace ${this.getTsNamespace()} {\n`;
     const state = createCompilerState(code, {
@@ -1047,7 +1020,6 @@ export class BindEvent extends BaseNode {
       sourceMap: state.sourceMap,
     };
   }
-
   /**
    * 生成宿主语言的文件路径
    * @param name 一般不用传，用于 rename
@@ -1057,22 +1029,21 @@ export class BindEvent extends BaseNode {
     let parent = this.parentNode;
     if (parent) {
       while (parent && parent instanceof View) {
-        pathName = `${parent.name}/${pathName}`;
+        pathName = parent.name + '/' + pathName;
         parent = parent.parentNode;
       }
     }
     return `/embedded/${this.app.name}/frontends/${this.frontend.name}/bindEvents/${pathName}.ts`;
   }
 
-  //= ===============================================================================
+  //================================================================================
   // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
   // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
-  //= ===============================================================================
+  //================================================================================
 }
 
-classMap.BindEvent = BindEvent;
 export default BindEvent;
-//= ===============================================================================
+//================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
 // 自动生成的代码已结束。下面可以手动编写。
-//= ===============================================================================
+//================================================================================