@lcap/nasl 2.22.0-beta.5 → 3.0.0-beta.1

package/src/concepts/Backend__.ts

@@ -0,0 +1,347 @@
+import Namespace from './Namespace__';
+import { TranslatorState, shiftState, withSourceMap, indent, createCompilerState } from '../translator';
+
+//================================================================================
+// 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
+// ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
+//================================================================================
+import { EventPayload, Params } from '../common/EventEmitter';
+import { concept, excludedInJSON, property } from '../decorators';
+
+import * as utils from '../utils';
+import { v4 as uuidv4 } from 'uuid';
+import BaseNode from '../common/BaseNode';
+import classMap from '../common/classMap';
+import BackendVariable from './BackendVariable__';
+import App from './App__';
+
+/**
+ * 后端
+ */
+@concept('后端')
+export class Backend extends BaseNode {
+    /**
+     * 产品概念
+     */
+    @property()
+    concept: 'Backend' = 'Backend';
+
+    /**
+     * 后端标识
+     */
+    @property()
+    name: string = undefined;
+
+    /**
+     * 全局变量列表
+     */
+    @property('BackendVariable')
+    variables: Array<BackendVariable> = [];
+
+    /**
+     * 祖先 App
+     */
+    get app() {
+        return this.getAncestor('App') as App;
+    }
+
+    /**
+     * @param source 需要合并的部分参数
+     */
+    constructor(source?: Partial<Backend>) {
+        source = Object.assign({}, Backend.getDefaultOptions(), source);
+        super(source);
+        super.subConstructor(source);
+    }
+    getClassName() {
+        return 'Backend';
+    }
+
+    static from(source: any, parentNode?: any, parentKey?: string): Backend {
+        return super.from(source, parentNode, parentKey) as Backend;
+    }
+
+    /**
+     * 从父级删除该节点
+     * @internal
+     */
+    _delete() {
+        let params: Params = null;
+        if (this.parentNode) {
+            params = (this.parentNode as any)?.__removeBackend?.(this);
+        }
+        return params;
+    }
+    /**
+     * 设置后端标识
+     */
+    setName(name: string) {
+        const object = {
+            name,
+        };
+        this.update({
+            ...object,
+            field: 'name',
+        });
+    }
+
+        getVarExistingNames(excludedList: Array<BackendVariable> = []) {
+        const excludedSet = new Set(excludedList);
+        return ((this.variables as BackendVariable[]) || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
+    }
+    getBackendVariableUniqueName(name = 'backendVariable1') {
+        return utils.unique(name, this.getVarExistingNames(), undefined, true);
+    }
+
+    /**
+    * 插入全局变量
+    * @internal
+    * @param name 全局变量名称，如果不填会自动生成一个唯一名称
+    */
+    _insertBackendVariableAt(name: string, index: number): BackendVariable;
+
+    /**
+    * 插入全局变量
+    * @internal
+    * @param backendVariableOptions 全局变量参数
+    */
+    _insertBackendVariableAt(backendVariableOptions: Partial<BackendVariable>, index: number): BackendVariable;
+
+    /**
+    * 插入全局变量
+    * @internal
+    * @param backendVariable 已有的全局变量实例
+    */
+    _insertBackendVariableAt(backendVariable: BackendVariable, index: number): BackendVariable;
+
+    _insertBackendVariableAt(options: string | Partial<BackendVariable> | BackendVariable, index: number) {
+        const backendVariableOptions: any = {};
+        const relationOptions = { parentNode: this, parentKey: 'variables' };
+        let backendVariable: BackendVariable;
+        if (!options) {
+            backendVariable = BackendVariable.from({
+                ...backendVariableOptions,
+                name: this.getBackendVariableUniqueName(),
+            }, this, 'variables');
+        } else if (typeof options === 'string') {
+            backendVariable = BackendVariable.from({
+                ...backendVariableOptions,
+                name: options,
+            }, this, 'variables');
+        } else if (options instanceof BackendVariable) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            backendVariable = options;
+            Object.assign(backendVariable, relationOptions);
+        } else {
+            backendVariable = BackendVariable.from({
+                ...backendVariableOptions,
+                ...options,
+            }, this, 'variables');
+        }
+        this.variables.splice(index, 0, backendVariable);
+        return backendVariable;
+    }
+
+    /**
+     * 插入全局变量
+     * @param name 全局变量名称，如果不填会自动生成一个唯一名称
+     */
+    insertBackendVariableAt(name: string, index: number): BackendVariable;
+
+    /**
+     * 插入全局变量
+     * @param backendVariableOptions 全局变量参数
+     */
+    insertBackendVariableAt(backendVariableOptions: Partial<BackendVariable>, index: number): BackendVariable;
+
+    /**
+     * 插入全局变量
+     * @param backendVariable 已有的全局变量实例
+     */
+    insertBackendVariableAt(backendVariable: BackendVariable, index: number): BackendVariable;
+
+    insertBackendVariableAt(options: string | Partial<BackendVariable> | BackendVariable, index: number) {
+        const node = this._insertBackendVariableAt(options as any, index);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'variables',
+        });
+        return node;
+    }
+
+    /**
+     * 添加全局变量
+     * @internal
+     * @param name 全局变量名称，如果不填会自动生成一个唯一名称
+     */
+    _addBackendVariable(name?: string): BackendVariable;
+
+    /**
+     * 添加全局变量
+     * @internal
+     * @param backendVariableOptions 全局变量参数
+     */
+    _addBackendVariable(backendVariableOptions: Partial<BackendVariable>): BackendVariable;
+
+    /**
+     * 添加全局变量
+     * @internal
+     * @param backendVariable 已有的全局变量实例
+     */
+    _addBackendVariable(backendVariable: BackendVariable): BackendVariable;
+
+    _addBackendVariable(options?: string | Partial<BackendVariable> | BackendVariable) {
+        const index = this.variables.length;
+        return this._insertBackendVariableAt(options as any, index);
+    }
+
+    /**
+     * 添加全局变量
+     * @internal
+     * @param name 全局变量名称，如果不填会自动生成一个唯一名称
+     */
+    addBackendVariable(name?: string): BackendVariable;
+
+    /**
+     * 添加全局变量
+     * @param backendVariableOptions 全局变量参数
+     */
+    addBackendVariable(backendVariableOptions: Partial<BackendVariable>): BackendVariable;
+
+    /**
+     * 添加全局变量
+     * @param backendVariable 已有的全局变量实例
+     */
+    addBackendVariable(backendVariable: BackendVariable): BackendVariable;
+
+    addBackendVariable(options?: string | Partial<BackendVariable> | BackendVariable) {
+        const node = this._addBackendVariable(options as any);
+        const index = this.variables.indexOf(node);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'variables',
+        });
+        return node;
+    }
+
+
+    
+
+    /**
+    * 删除全局变量
+    * @param name 全局变量名称
+    */
+    removeBackendVariable(name: string): void;
+
+    /**
+     * 删除全局变量
+     * @param backendVariable 已有的全局变量实例
+     */
+    removeBackendVariable(backendVariable: BackendVariable): void;
+
+    removeBackendVariable(options: string | BackendVariable) {
+        let backendVariable: BackendVariable;
+        if (typeof options === 'string') {
+            backendVariable = (this.variables as BackendVariable[]).find((item) => item.name === options);
+            if (!backendVariable) {
+                throw new Error('找不到全局变量 ' + options);
+            }
+        } else {
+            backendVariable = options;
+        }
+        return backendVariable.delete();
+    }
+
+    __removeBackendVariable(backendVariable: BackendVariable) {
+        const parentKey = backendVariable.parentKey;
+        const params: Params = {
+            parentNode: this,
+            parentKey,
+            index: -1,
+            object: null,
+            oldObject: backendVariable,
+        };
+        if (parentKey) {
+            params.parentKey = parentKey;
+            if (Array.isArray((this as any)[parentKey])) {
+                const index = (this as any)[parentKey].indexOf(backendVariable);
+                ~index && (this as any)[parentKey].splice(index, 1);
+                params.index = index;
+            } else if ((this as any)[parentKey] === backendVariable) {
+                params.index = 0;
+                (this as any)[parentKey] = undefined;
+            }
+        }
+        return params;
+    }
+
+    //================================================================================
+    // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+    // 自动生成的代码已结束。下面可以手动编写。
+    //================================================================================
+    getNamespace() {
+        if (this.parentNode && (this.parentNode as Namespace).getNamespace) {
+            const parentNamespace = (this.parentNode as Namespace).getNamespace();
+            const parentName = this.parentNode.name;
+            const arr = [parentNamespace];
+            if (this.parentNode.concept !== 'App' && parentName) {
+                arr.push(parentName);
+            }
+            return `${arr.join('.')}.backend`;
+        } else
+            throw new Error('无法获取命名空间，请设置 parentNode！');
+    }
+    /**
+   * 生成宿主语言的文件路径
+   * @param name 一般不用传，用于 rename
+   */
+    getEmbeddedFilePath(name = this.name) {
+        return `/embedded/${this.rootNode?.name || this.parentNode.name}/Backend/backend.ts`;
+    }
+
+    @withSourceMap()
+    toEmbeddedTS(state?: TranslatorState): string {
+        let code = `export namespace ${this.name} {\n`;
+        code += 'const name = ';
+        code += '"' + this.name + '";\n';
+        code += '}\n';
+        return code;
+    }
+
+    // getPath() {
+    //     const path = this.path;
+    //     const finalPath = path && path !== '/' ? path : '';
+    //     return finalPath;
+    // }
+    toEmbeddedTSFile() {
+        let code = `namespace ${this.getNamespace()} {\n`;
+
+        const state = createCompilerState(code, { tabSize: 1 });
+        try {
+            code += this.toEmbeddedTS(state);
+        } catch (err) {
+            code += '';
+            console.log(err);
+        }
+        code += '}\n';
+
+        return {
+            code,
+            filePath: this.getEmbeddedFilePath(),
+            sourceMap: state.sourceMap,
+        };
+    }
+    //================================================================================
+    // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
+    // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
+    //================================================================================
+}
+
+classMap.Backend = Backend;
+export default Backend;
+//================================================================================
+// ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+// 自动生成的代码已结束。下面可以手动编写。
+//================================================================================

package/src/concepts/BindAttribute__.ts

@@ -684,7 +684,7 @@ export class BindAttribute extends BaseNode {
         this.emit('change', $event);
     }
 
-    updateSource(source?: Partial<BaseNode>) {
+    updateSource(source?: Partial<BindAttribute>) {
         const object = {
             ...source,
         };
@@ -946,8 +946,9 @@ export class BindAttribute extends BaseNode {
             // fix-bug: http://projectmanage.netease-official.lcap.163yun.com/dashboard/BugDetail?id=2613580902909440
             if (
                 (
-                    this.name === 'destination' || (this.name === 'href' && value.startsWith('/'))
-                ) && this.frontend?.prefixPath && value
+                    // fix: 2647986781937408 导航栏项中配置链接，取消动态绑定，直接配置为外部链接，无法跳转，且导航栏项消失
+                    (this.name === 'destination' || this.name === 'href') && value && value.startsWith('/')
+                ) && this.frontend?.prefixPath
             ) {
                 value = `${this.frontend?.prefixPath}${value}`;
             } else if (

package/src/concepts/BindEvent__.ts

@@ -1,7 +1,7 @@
 import * as babel from '@babel/core';
 import LogicItem from './LogicItem__';
 import Namespace from './Namespace__';
-import { TranslatorState, shiftState, withSourceMap, indent } from '../translator';
+import { TranslatorState, shiftState, withSourceMap, indent, createCompilerState } from '../translator';
 import { ElementToVueOptions } from './ViewElement__';
 import { elementsEventsMap } from '../server/createUiTs';
 import Param from './Param__';
@@ -862,13 +862,82 @@ export class BindEvent extends BaseNode {
         // 名称规则：组件的名称 + 组件的事件 + 逻辑本身的事件 用下划线链接
         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}`;
+        } else {
+            // 这里编译成这个名字了 后续pctemplate 里也得按这个调用？
+            // 或者说因为会编译在不同的端里  直接 name好了
+            // return `${this.parentNode.name}_${newName}`;
+            return newName;
+        }
+    }
+    toFunction(state?: TranslatorState): string {
+        // shiftState(state, code)
+        // 和 toJS一样的 只是下一行增加了 function 关键字
+        // let code = `async function ${this.getViewEventName()} (`;
+        let code = `window.${this.getViewEventName()} = async (`;
+        const params = this.getContextLogicParams();
+        code += params.map((item: Param) => item.name).toString();
+        // code += ')  { \n';
+        code += ') => { \n';
+        this.logics.forEach((logic) => {
+            code += logic.toJS(shiftState(state, code), 'IIFE');
+        });
+        code += '}\n';
+        return code;
+    }
+    getTsNamespace() {
+        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('.')}.bindEvents`;
+        } else
+            throw new Error('无法获取命名空间，请设置 parentNode！');
+    }
+    toEmbeddedTSFile() {
+        let code = `namespace ${this.getTsNamespace()} {\n`;
+        const state = createCompilerState(code, {
+            tabSize: 1,
+        });
+
+        try {
+            code += this.toEmbeddedTS(state);
+        } catch (err) {
+            code += '';
+            console.log(err);
+        }
+
+        code += '}\n';
+
+        return {
+            code,
+            filePath: this.getEmbeddedFilePath(),
+            sourceMap: state.sourceMap,
+        };
+    }
+    /**
+       * 生成宿主语言的文件路径
+       * @param name 一般不用传，用于 rename
+       */
+    getEmbeddedFilePath(name = this.name) {
+        let pathName = name;
+        let parent = this.parentNode;
+        if (parent) {
+            while (parent && parent instanceof View) {
+                pathName = parent.name + '/' + pathName;
+                parent = parent.parentNode;
+            }
         }
+        return `/embedded/${this.app.name}/frontends/${this.frontend.name}/bindEvents/${pathName}.ts`;
     }
+
     //================================================================================
     // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
     // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓