@lcap/nasl 2.13.0-beta.1 → 2.13.0-beta.2

package/src/concepts/BindEvent__.ts

@@ -1,12 +1,9 @@
 import * as babel from '@babel/core';
+import Logic from './Logic__';
 import LogicItem from './LogicItem__';
 import Namespace from './Namespace__';
 import { TranslatorState, shiftState, withSourceMap, indent, createCompilerState, embeddedTSEmitter } from '../translator';
 import { ElementToVueOptions } from './ViewElement__';
-import { elementsEventsMap } from '../server/createUiTs';
-import Param from './Param__';
-import TypeAnnotation from './TypeAnnotation__';
-
 //================================================================================
 // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
 // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
@@ -18,7 +15,6 @@ 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__';
@@ -42,12 +38,6 @@ export class BindEvent extends BaseNode {
     @property()
     name: string = undefined;
 
-    /**
-     * 逻辑列表
-     */
-    @property('Logic')
-    logics: Array<Logic> = [];
-
     /**
      * calleeNamespace
      */
@@ -152,149 +142,7 @@ export class BindEvent extends BaseNode {
         });
     }
 
-        getLogicExistingNames(excludedList: Array<Logic> = []) {
-        const excludedSet = new Set(excludedList);
-        return (this.logics || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
-    }
-    getLogicUniqueName(name = 'logic1') {
-        return utils.unique(name, this.getLogicExistingNames(), undefined, true);
-    }
-
-    /**
-    * 插入逻辑
-    * @internal
-    * @param name 逻辑名称，如果不填会自动生成一个唯一名称
-    */
-    _insertLogicAt(name: string, index: number): Logic;
-
-    /**
-    * 插入逻辑
-    * @internal
-    * @param logicOptions 逻辑参数
-    */
-    _insertLogicAt(logicOptions: Partial<Logic>, index: number): Logic;
-
-    /**
-    * 插入逻辑
-    * @internal
-    * @param logic 已有的逻辑实例
-    */
-    _insertLogicAt(logic: Logic, index: number): Logic;
-
-    _insertLogicAt(options: string | Partial<Logic> | Logic, index: number) {
-        const logicOptions: any = {};
-        const relationOptions = { parentNode: this, parentKey: 'logics' };
-        let logic: Logic;
-        if (!options) {
-            logic = Logic.from({
-                ...logicOptions,
-                name: this.getLogicUniqueName(),
-            }, this, 'logics');
-        } else if (typeof options === 'string') {
-            logic = Logic.from({
-                ...logicOptions,
-                name: options,
-            }, this, 'logics');
-        } else if (options instanceof Logic) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            logic = options;
-            Object.assign(logic, relationOptions);
-        } else {
-            logic = Logic.from({
-                ...logicOptions,
-                ...options,
-            }, this, 'logics');
-        }
-        this.logics.splice(index, 0, logic);
-        return logic;
-    }
-
-    /**
-     * 插入逻辑
-     * @param name 逻辑名称，如果不填会自动生成一个唯一名称
-     */
-    insertLogicAt(name: string, index: number): Logic;
-
-    /**
-     * 插入逻辑
-     * @param logicOptions 逻辑参数
-     */
-    insertLogicAt(logicOptions: Partial<Logic>, index: number): Logic;
-
-    /**
-     * 插入逻辑
-     * @param logic 已有的逻辑实例
-     */
-    insertLogicAt(logic: Logic, index: number): Logic;
-
-    insertLogicAt(options: string | Partial<Logic> | Logic, index: number) {
-        const node = this._insertLogicAt(options as any, index);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'logics',
-        });
-        return node;
-    }
-
-    /**
-     * 添加逻辑
-     * @internal
-     * @param name 逻辑名称，如果不填会自动生成一个唯一名称
-     */
-    _addLogic(name?: string): Logic;
-
-    /**
-     * 添加逻辑
-     * @internal
-     * @param logicOptions 逻辑参数
-     */
-    _addLogic(logicOptions: Partial<Logic>): Logic;
-
-    /**
-     * 添加逻辑
-     * @internal
-     * @param logic 已有的逻辑实例
-     */
-    _addLogic(logic: Logic): Logic;
-
-    _addLogic(options?: string | Partial<Logic> | Logic) {
-        const index = 0;
-        return this._insertLogicAt(options as any, index);
-    }
-
-    /**
-     * 添加逻辑
-     * @internal
-     * @param name 逻辑名称，如果不填会自动生成一个唯一名称
-     */
-    addLogic(name?: string): Logic;
-
-    /**
-     * 添加逻辑
-     * @param logicOptions 逻辑参数
-     */
-    addLogic(logicOptions: Partial<Logic>): Logic;
-
-    /**
-     * 添加逻辑
-     * @param logic 已有的逻辑实例
-     */
-    addLogic(logic: Logic): Logic;
-
-    addLogic(options?: string | Partial<Logic> | Logic) {
-        const node = this._addLogic(options as any);
-        const index = this.logics.indexOf(node);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'logics',
-        });
-        return node;
-    }
-
-
-
+    
 
     
 
@@ -403,56 +251,6 @@ export class BindEvent extends BaseNode {
 
     
 
-    /**
-    * 删除逻辑
-    * @param name 逻辑名称
-    */
-    removeLogic(name: string): void;
-
-    /**
-     * 删除逻辑
-     * @param logic 已有的逻辑实例
-     */
-    removeLogic(logic: Logic): void;
-
-    removeLogic(options: string | Logic) {
-        let logic: Logic;
-        if (typeof options === 'string') {
-            logic = this.logics.find((item) => item.name === options);
-            if (!logic) {
-                throw new Error('找不到逻辑 ' + options);
-            }
-        } else {
-            logic = options;
-        }
-        return logic.delete();
-    }
-
-    __removeLogic(logic: Logic) {
-        const parentKey = logic.parentKey;
-        const params: Params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: logic,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            if (Array.isArray((this as any)[parentKey])) {
-                const index = (this as any)[parentKey].indexOf(logic);
-                ~index && (this as any)[parentKey].splice(index, 1);
-                params.index = index;
-            } else if ((this as any)[parentKey] === logic) {
-                params.index = 0;
-                (this as any)[parentKey] = undefined;
-            }
-        }
-        return params;
-    }
-
-
-
     /**
      * 删除实际参数
      * @param argument 已有的实际参数实例
@@ -491,7 +289,14 @@ export class BindEvent extends BaseNode {
     // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
     // 自动生成的代码已结束。下面可以手动编写。
     //================================================================================
-
+    // 用于logic回填
+    get calleewholeKey(): string {
+        if (!this.calleeNamespace && this.calleeName) {
+            // 页面逻辑单独处理
+            return `${this.view.getNamespace()}.${this.view.name}.logics.${this.calleeName}`;
+        }
+        return this.calleeNamespace + '.' + this.calleeName;
+    }
     get tsCalleeNamespace() {
         if (this.calleeNamespace) {
             let tsCalleeNamespace = this.calleeNamespace;
@@ -530,94 +335,22 @@ export class BindEvent extends BaseNode {
     // 绑定事件转驼峰
     toHump = (name: string) => (name ? name.replace(/\-(\w)/g, (all, letter) => letter.toUpperCase()) : '');
 
-    toJS(state?: TranslatorState): string {
-        // shiftState(state, code)
-        let code = `methods['${this.getViewEventName()}'] = async function (`;
-        const params = this.getContextLogicParams();
-        code += params.map((item: Param) => item.name).toString();
-        code += ') { \n';
-        this.logics.forEach((logic) => {
-            code += logic.toJS(shiftState(state, code), 'IIFE');
-        });
-        code += '};\n';
-        return code;
-    }
-
     @withSourceMap()
     toEmbeddedTS(state?: TranslatorState, isPageCycle?: Boolean): string {
         // 如果有绑定的事件名
-        let code = ``;
-        if (isPageCycle) {
-            this.logics.forEach((logic, index) => {
-                const logicName = logic.name;
-                logic.name = logic.view.name + logic.name + index;
-                code += logic.toEmbeddedTS(shiftState(state, code, {
-                    tabSize: (state?.tabSize || 0) + 2,
-                }), 'noExport');
-                code += indent((state?.tabSize || 0));
-                code += `${logic.name}();`;
-                logic.name = logicName;
-            });
-            return code;
-        }
-        code = `${this.toHump(this.name) || '__IDENTIFIER__'}: (event: `;
-
-        // event的类型
-        code += this.getEventTypeString();
-
-        code += ') => [\n';
-        this.logics.forEach((logic) => {
-            if (logic.view) {
-                const logicName = logic.name;
-                logic.name = logic.view.name + (logic.parentNode as BindEvent).element.name + logic.name;
-                logic.name = logic.name.replace(/-/g, '');
-                code += logic.toEmbeddedTS(shiftState(state, code, {
-                    tabSize: (state?.tabSize || 0) + 2,
-                }), 'noExport');
-                logic.name = logicName;
-            } else {
-                code += logic.toEmbeddedTS(shiftState(state, code, {
-                    tabSize: (state?.tabSize || 0) + 2,
-                }), 'noExport');
+        if (this.calleeName) {
+            if (isPageCycle) {
+                return `${this.calleeKey}();`;
             }
-
+            let code = `${this.toHump(this.name) || '__IDENTIFIER__'}: (event: any) => [\n`;
+            code += indent((state?.tabSize || 0) + 1);
+            code += `() => {${this.calleeKey}()}`;
+            code += '\n';
             code += indent((state?.tabSize || 0));
-            code += ',\n';
-        });
-        code += '],\n';
-        return code;
-    }
-
-    getEventTypeString() {
-        let code = '';
-        if (!Object.keys(elementsEventsMap).length)
-            return;
-        if (this.element && elementsEventsMap[`${this.element.tag}-${this.name}`]) {
-            const pageInfo = elementsEventsMap[`${this.element.tag}-${this.name}`];
-            const refParam = pageInfo.params && pageInfo.params.find((item: any) => item.schema);
-            if (refParam) {
-                const ref = refParam.schema.$ref;
-                let type = '';
-                if (ref.includes('systemTypes')) {
-                    // 不要删除，用于转换类型
-                    type = ref.replace('#/systemTypes/', 'nasl.ui.');
-                } else if (ref.includes('basicTypes')) {
-                    // 不要删除，用于转换类型
-                    type = ref.replace('#/basicTypes/', 'nasl.core.');
-                }
-                code = `${type}`;
-            } else {
-                code = `nasl.ui.BaseEvent`;
-            }
-        } else if (['click', 'dblclick', 'contextmenu', 'mousedown', 'mouseup', 'mouseenter', 'mouseleave', 'focus', 'blur'].includes(this.name)) {
-            const eventInfo = elementsEventsMap[this.name];
-            const ref = eventInfo.params[0].schema.$ref;
-            const type = ref.replace('#/systemTypes/', 'nasl.ui.');
-            code = `${type}`;
-        } else {
-            code = 'nasl.ui.BaseEvent';
+            code += '],\n';
+            return code;
         }
-        return code;
+        return '';
     }
 
     // @withSourceMap()
@@ -650,43 +383,50 @@ export class BindEvent extends BaseNode {
             ...object,
         });
     }
-
-    getNamespace(ns: string) {
-        if (this.view)
-            return `${this.view.getNamespace()}.${this.view.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;
-            const arr = [parentNamespace];
-            if (this.parentNode.concept !== 'App' && parentName) {
-                arr.push(parentName);
-            }
-            return `${arr.join('.')}.${ns || 'bindEvent'}`;
-        } else
-            throw new Error('无法获取命名空间，请设置 parentNode！');
-    }
     /**
      * 转换成 Vue 的模板格式
      */
     toVue(options?: ElementToVueOptions) {
+        const calleeNamespace = this.calleeNamespace;
+        let isComponentLogic = false;
+        let componentName = '';
+        if (calleeNamespace) {
+            const namespaceArr = calleeNamespace.split('.');
+            const start = namespaceArr.shift();
+            if (start === 'elements' && namespaceArr.length === 2 && namespaceArr[1] === 'logics') {
+                isComponentLogic = true;
+                componentName = namespaceArr[0];
+            }
+        }
+        let callee = '';
+        if (isComponentLogic)
+            callee = `$refs.${componentName}.${this.calleeName}`;
+        else if (calleeNamespace?.startsWith('nasl.'))
+            callee = `$global.${this.calleeName}`;
+        else
+            callee = this.calleeName;
         let code = '';
-        if (this.logics?.length) {
-            code += `@${this.name}="`;
+        if (callee) {
+            code += `@${this.name}="${callee}`;
             const argsList: string[] = [];
-            if (this.logics?.length) {
-                let parent = this.parentNode;
-                let index = 0;
-                while (parent && parent.concept !== 'View') {
-                    if ((parent as ViewElement).slotScope) {
-                        argsList.unshift(index === 0 ? 'scope' : 'scope' + index);
-                        index++;
-                    }
-                    parent = parent.parentNode;
-                }
-                argsList.unshift('event');
+            const argsMap: any = {};
+            if (Array.isArray(this.arguments) && this.arguments.length) {
+                this.arguments.forEach((arg) => {
+                    const argStr = arg.toJS();
+                    argsList.push(argStr);
+                    argsMap[argStr] = true;
+                });
             }
-            code += this.getViewEventName();
-
+            const additionalArgs: string[] = ['$event'];
+            if (Array.isArray(options?.scopeList) && options?.scopeList.length) {
+                additionalArgs.push(...options.scopeList);
+            }
+            additionalArgs.forEach((arg) => {
+                if (!argsMap[arg]) {
+                    argsList.push(arg);
+                    argsMap[arg] = true;
+                }
+            });
             code += '(';
             argsList.forEach((arg, index) => {
                 code += arg;
@@ -694,115 +434,10 @@ export class BindEvent extends BaseNode {
                     code += ', ';
             });
             code += ')';
-
             code += `"`;
         }
         return code;
     }
-
-    // 获取bindEvent上的logic的参数从上文获取
-    getContextLogicParams() {
-        const argsList: string[] = [];
-        if (this.logics?.length) {
-            let parent = this.parentNode;
-            let index = 0;
-            while (parent && parent.concept !== 'View') {
-                if ((parent as ViewElement).slotScope) {
-                    argsList.unshift(index === 0 ? 'scope' : 'scope' + index);
-                    index++;
-                }
-                parent = parent.parentNode;
-            }
-            argsList.unshift('event');
-        }
-        return argsList.map((name: string) => new Param({ name }));
-    }
-
-    // 获取bindEvent上的logic的参数从上文获取
-    getContextRenderLogicParams(logic: Logic) {
-        const argsList: Param[] = [];
-        if (this.logics?.length) {
-            let parent = this.parentNode;
-            let index = 0;
-            const event = Param.from({ name: 'event' }, logic, 'virtualParams');
-            const typeString = this.getEventTypeString();
-            if (!typeString)
-                return argsList;
-            if (typeString && typeString.includes('nasl.ui')) {
-                const last = typeString.lastIndexOf('.');
-                event.typeAnnotation = TypeAnnotation.createReference(typeString.substring(last + 1, typeString.length), {
-                    typeNamespace: 'nasl.ui',
-                });
-            } else {
-                const last = typeString.lastIndexOf('.');
-                event.typeAnnotation = TypeAnnotation.createPrimitive(typeString.substring(last + 1, typeString.length), {
-                    typeNamespace: 'nasl.core',
-                });
-            }
-            argsList.push(event);
-
-            while (parent && parent.concept !== 'View') {
-                if ((parent as ViewElement).slotScope) {
-                    const param = Param.from({ name: index === 0 ? 'scope' : 'scope' + index }, logic, 'virtualParams');
-                    param.typeAnnotation = TypeAnnotation.createGeneric('ScopeOf', {
-                        typeNamespace: 'nasl.ui',
-                        typeArguments: [],
-                    });
-                    argsList.push(param);
-                    index++;
-                }
-                parent = parent.parentNode;
-            }
-        }
-        return argsList;
-    }
-
-    getPageViewEventChineseName() {
-        const parent = this.parentNode;
-        if (parent instanceof View) {
-            const page = elementsEventsMap[this.name];
-            return `${parent.name}-${page.title}`;
-        } else if (parent instanceof ViewElement) {
-            const eventName = `${parent.tag}-${this.name}`;
-            if (elementsEventsMap[eventName]) {
-                const page = elementsEventsMap[eventName];
-                return `${parent.name}-${page.title}`;
-            } else if (['click', 'dblclick', 'contextmenu', 'mousedown', 'mouseup', 'mouseenter', 'mouseleave', 'focus', 'blur'].includes(this.name)) {
-                const page = elementsEventsMap[this.name];
-                return `${parent.name}-${page.title}`;
-            }
-            return `${parent.name}-${this.name}`;
-        }
-    }
-
-    getViewEventChineseName() {
-        const parent = this.parentNode;
-        if (parent instanceof View) {
-            const page = elementsEventsMap[this.name];
-            return `${page.title}`;
-        } else if (parent instanceof ViewElement) {
-            const eventName = `${parent.tag}-${this.name}`;
-            if (elementsEventsMap[eventName]) {
-                const page = elementsEventsMap[eventName];
-                return `${page.title}`;
-            } else if (['click', 'dblclick', 'contextmenu', 'mousedown', 'mouseup', 'mouseenter', 'mouseleave', 'focus', 'blur'].includes(this.name)) {
-                const page = elementsEventsMap[this.name];
-                return `${page.title}`;
-            }
-            return `${this.name}`;
-        }
-    }
-    getViewEventName() {
-        // 名称规则：组件的名称 + 组件的事件 + 逻辑本身的事件 用下划线链接
-        const parentNode = this.parentNode;
-        const newName = this.name.replace(/-/g, '');
-
-        if (parentNode instanceof ViewElement) {
-            return `${parentNode.name}_${newName}`;
-        } else if (parentNode instanceof View) {
-            return `${this.view.name}_${newName}`;
-        }
-    }
     //================================================================================
     // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
     // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓