@lcap/nasl 3.6.0-alpha.1 → 3.6.0-alpha.2

package/src/concepts/BindEvent__.ts

@@ -16,6 +16,7 @@ import { elementsEventsMap } from '../server/createUiTs';
 import type Param from './Param__';
 import type TypeAnnotation from './TypeAnnotation__';
 import type Process from './Process__';
+import type BusinessComponent from './BusinessComponent__';
 
 //================================================================================
 // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
@@ -606,7 +607,7 @@ export class BindEvent extends BaseNode {
     if (isPageCycle) {
       if (['keydown', 'keyup'].includes(self.name)) {
         code = `const ${self.toHump(self.name) || '__IDENTIFIER__'} = (event: `;
-        code += self.getEventTypeString();
+        code += yield* self.getEventTypeString(state);
         code += ') => [\n';
         yield* wrapForEach(self.logics, function* warpForEachGenerator(logic) {
           // 一些默认的逻辑不翻译 排除掉
@@ -645,7 +646,7 @@ export class BindEvent extends BaseNode {
       } else {
         yield* wrapForEach(self.logics, function* warpForEachGenerator(logic, index) {
           const logicName = logic.name;
-          logic.name = logic.view.name + logic.name + index;
+          logic.name = logic.likeComponent.name + logic.name + index;
           code += yield* logic.toEmbeddedTS(
             shiftState(state, code, {
               tabSize: (state?.tabSize || 0) + 2,
@@ -661,7 +662,7 @@ export class BindEvent extends BaseNode {
     }
     code = `${self.toHump(self.name) || '__IDENTIFIER__'}: (event: `;
     // event的类型
-    code += self.getEventTypeString();
+    code += yield* self.getEventTypeString(state);
     code += ') => [\n';
     yield* wrapForEach(self.logics, function* warpForEachGenerator(logic) {
       // 一些默认的逻辑不翻译 排除掉
@@ -696,7 +697,7 @@ export class BindEvent extends BaseNode {
       code += indent(state?.tabSize || 0);
       code += ',\n';
     });
-    if (self.view) code += '],\n';
+    if (self.view || self.getAncestor('BusinessComponent')) code += '],\n';
     else code += ']\n';
     return code;
   }
@@ -769,9 +770,11 @@ export class BindEvent extends BaseNode {
     return code;
   }
 
-  getEventTypeString() {
+  *getEventTypeString(state = createCompilerState()) {
     let code = '';
     if (!Object.keys(elementsEventsMap).length) return;
+    // 业务组件
+    const businessComponent = this.element?.correspondingBusinessComponent;
     // 已有的点击事件，已知类型的，就直接取值
     if (
       [
@@ -792,6 +795,20 @@ export class BindEvent extends BaseNode {
       const ref = eventInfo.params[0].schema.$ref;
       const type = ref.replace('#/systemTypes/', 'nasl.ui.');
       code = `${type}`;
+    } else if (businessComponent) {
+      code = '{\n';
+      // 目标事件
+      const targetEvent = businessComponent.events?.find((event) => {
+        return event.name === this.name;
+      });
+      if (Array.isArray(targetEvent?.params)) {
+        yield* wrapForEach(targetEvent.params, function* warpForEachGenerator(param, index) {
+          code += `${param.name}?: `;
+          code += yield* param.typeAnnotation.toEmbeddedTS(shiftState(state, code));
+          code += ',\n';
+        });
+      }
+      code += '\n}';
     } else {
       code = 'nasl.ui.BaseEvent';
     }
@@ -848,8 +865,13 @@ export class BindEvent extends BaseNode {
     });
   }
 
+  get likeComponent(): View | BusinessComponent {
+    return this.view || (this?.getAncestor('BusinessComponent') as BusinessComponent);
+  }
+
   getNamespace(ns: string) {
-    if (this.view) return `${this.view.getNamespace()}.${this.view.name}.bindEvents.${this.name}.logics`;
+    if (this.likeComponent)
+      return `${this.likeComponent.getNamespace()}.${this.likeComponent.name}.bindEvents.${this.name}.logics`;
     if (this.parentNode && (this.parentNode as Namespace).getNamespace) {
       const parentNamespace = (this.parentNode as Namespace).getNamespace();
       const parentName = this.parentNode.name;
@@ -961,16 +983,21 @@ export class BindEvent extends BaseNode {
   getPageViewEventChineseName() {
     const parent = this.parentNode;
     const suffixRE = /时|前|后$/;
-    if (asserts.isView(parent)) {
+    if (asserts.isView(parent) || asserts.isBusinessComponent(parent)) {
+      const conceptTitleMap = {
+        View: '页面',
+        BusinessComponent: '业务组件',
+      };
+      const conceptTitle = conceptTitleMap[parent.concept];
       const event = elementsEventsMap[this.name];
 
       if (['keydown', 'keyup'].includes(event.name)) {
-        return `“${parent.title || parent.name}”页面${event.title}`;
+        return `“${parent.title || parent.name}”${conceptTitle}${event.title}`;
       }
 
       const cap = suffixRE.exec(event?.title);
-      if (cap) return `${event.title.replace(suffixRE, '')}“${parent.title || parent.name}”页面${cap[0]}`;
-      else return `${event.title}“${parent.title || parent.name}”页面`;
+      if (cap) return `${event.title.replace(suffixRE, '')}“${parent.title || parent.name}”${conceptTitle}${cap[0]}`;
+      else return `${event.title}“${parent.title || parent.name}”${conceptTitle}`;
     } else if (asserts.isViewElement(parent)) {
       const eventName = `${parent.tag}-${this.name}`;
       if (elementsEventsMap[eventName]) {
@@ -1065,8 +1092,8 @@ export class BindEvent extends BaseNode {
     const newName = this.name.replace(/-/g, '');
     if (asserts.isViewElement(parentNode)) {
       return `${parentNode.name}_${newName}`;
-    } else if (asserts.isView(parentNode)) {
-      return `${this.view.name}_${newName}`;
+    } else if (asserts.isView(parentNode) || asserts.isBusinessComponent(parentNode)) {
+      return `${this.likeComponent.name}_${newName}`;
     } else {
       // 这里编译成这个名字了 后续pctemplate 里也得按这个调用？
       // 或者说因为会编译在不同的端里  直接 name好了
@@ -1135,7 +1162,8 @@ export class BindEvent extends BaseNode {
         parent = parent.parentNode;
       }
     }
-    return `/embedded/${this.app.name}/frontends/${this.frontend.name}/bindEvents/${pathName}.ts`;
+    return `/embedded/${this.getAncestor('App')?.name}/frontends/${this.getAncestor('FrontendType')?.name
+      }/bindEvents/${pathName}.ts`;
   }
 
   //================================================================================