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

package/out/concepts/BindEvent__.js

@@ -0,0 +1,661 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var BindEvent_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BindEvent = void 0;
+const translator_1 = require("../translator");
+const createUiTs_1 = require("../server/createUiTs");
+const Param__1 = __importDefault(require("./Param__"));
+const TypeAnnotation__1 = __importDefault(require("./TypeAnnotation__"));
+const decorators_1 = require("../decorators");
+const utils = __importStar(require("../utils"));
+const BaseNode_1 = __importDefault(require("../common/BaseNode"));
+const classMap_1 = __importDefault(require("../common/classMap"));
+const Logic__1 = __importDefault(require("./Logic__"));
+const Argument__1 = __importDefault(require("./Argument__"));
+const ViewElement__1 = __importDefault(require("./ViewElement__"));
+const View__1 = __importDefault(require("./View__"));
+/**
+ * 元素绑定事件
+ */
+let BindEvent = BindEvent_1 = class BindEvent extends BaseNode_1.default {
+    /**
+     * 产品概念
+     */
+    concept = 'BindEvent';
+    /**
+     * 元素绑定事件名称
+     */
+    name = undefined;
+    /**
+     * 逻辑列表
+     */
+    logics = [];
+    /**
+     * calleeNamespace
+     */
+    calleeNamespace = undefined;
+    /**
+     * calleeName
+     */
+    calleeName = undefined;
+    /**
+     * 实际参数
+     */
+    arguments = [];
+    /**
+     * 祖先 ViewElement
+     */
+    get element() {
+        return this.getAncestor('ViewElement');
+    }
+    /**
+     * 祖先 View
+     */
+    get view() {
+        return this.getAncestor('View');
+    }
+    /**
+     * 祖先 Module
+     */
+    get module() {
+        return this.getAncestor('Module');
+    }
+    /**
+     * 祖先 App
+     */
+    get app() {
+        return this.getAncestor('App');
+    }
+    /**
+     * @param source 需要合并的部分参数
+     */
+    constructor(source) {
+        source = Object.assign({}, BindEvent_1.getDefaultOptions(), source);
+        super(source);
+        super.subConstructor(source);
+    }
+    static from(source, parentNode, parentKey) {
+        return super.from(source, parentNode, parentKey);
+    }
+    /**
+     * 从父级删除该节点
+     * @internal
+     */
+    _delete() {
+        let params = null;
+        if (this.parentNode) {
+            params = this.parentNode?.__removeBindEvent?.(this);
+        }
+        return params;
+    }
+    /**
+     * 设置元素绑定事件名称
+     */
+    setName(name) {
+        const object = {
+            name,
+        };
+        this.update({
+            ...object,
+            field: 'name',
+        });
+    }
+    /**
+     * 设置calleeNamespace
+     */
+    setCalleeNamespace(calleeNamespace) {
+        const object = {
+            calleeNamespace,
+        };
+        this.update({
+            ...object,
+        });
+    }
+    /**
+     * 设置calleeName
+     */
+    setCalleeName(calleeName) {
+        const object = {
+            calleeName,
+        };
+        this.update({
+            ...object,
+        });
+    }
+    getLogicExistingNames(excludedList = []) {
+        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);
+    }
+    _insertLogicAt(options, index) {
+        const logicOptions = {};
+        const relationOptions = { parentNode: this, parentKey: 'logics' };
+        let logic;
+        if (!options) {
+            logic = Logic__1.default.from({
+                ...logicOptions,
+                name: this.getLogicUniqueName(),
+            }, this, 'logics');
+        }
+        else if (typeof options === 'string') {
+            logic = Logic__1.default.from({
+                ...logicOptions,
+                name: options,
+            }, this, 'logics');
+        }
+        else if (options instanceof Logic__1.default) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            logic = options;
+            Object.assign(logic, relationOptions);
+        }
+        else {
+            logic = Logic__1.default.from({
+                ...logicOptions,
+                ...options,
+            }, this, 'logics');
+        }
+        this.logics.splice(index, 0, logic);
+        return logic;
+    }
+    insertLogicAt(options, index) {
+        const node = this._insertLogicAt(options, index);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'logics',
+        });
+        return node;
+    }
+    _addLogic(options) {
+        const index = 0;
+        return this._insertLogicAt(options, index);
+    }
+    addLogic(options) {
+        const node = this._addLogic(options);
+        const index = this.logics.indexOf(node);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'logics',
+        });
+        return node;
+    }
+    _insertArgumentAt(options, index) {
+        const argumentOptions = {};
+        const relationOptions = { parentNode: this, parentKey: 'arguments' };
+        let argument;
+        if (options instanceof Argument__1.default) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            argument = options;
+            Object.assign(argument, relationOptions);
+        }
+        else {
+            argument = Argument__1.default.from({
+                ...argumentOptions,
+                ...options,
+            }, this, 'arguments');
+        }
+        this.arguments.splice(index, 0, argument);
+        return argument;
+    }
+    insertArgumentAt(options, index) {
+        const node = this._insertArgumentAt(options, index);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'arguments',
+        });
+        return node;
+    }
+    _addArgument(options) {
+        const index = this.arguments.length;
+        return this._insertArgumentAt(options, index);
+    }
+    addArgument(options) {
+        const node = this._addArgument(options);
+        const index = this.arguments.indexOf(node);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'arguments',
+        });
+        return node;
+    }
+    removeLogic(options) {
+        let 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) {
+        const parentKey = logic.parentKey;
+        const params = {
+            parentNode: this,
+            parentKey,
+            index: -1,
+            object: null,
+            oldObject: logic,
+        };
+        if (parentKey) {
+            params.parentKey = parentKey;
+            if (Array.isArray(this[parentKey])) {
+                const index = this[parentKey].indexOf(logic);
+                ~index && this[parentKey].splice(index, 1);
+                params.index = index;
+            }
+            else if (this[parentKey] === logic) {
+                params.index = 0;
+                this[parentKey] = undefined;
+            }
+        }
+        return params;
+    }
+    removeArgument(options) {
+        let argument = options;
+        return argument.delete();
+    }
+    __removeLogicItem(logicItem) {
+        const parentKey = logicItem.parentKey;
+        const params = {
+            parentNode: this,
+            parentKey,
+            index: -1,
+            object: null,
+            oldObject: logicItem,
+        };
+        if (parentKey) {
+            params.parentKey = parentKey;
+            if (Array.isArray(this[parentKey])) {
+                const index = this[parentKey].indexOf(logicItem);
+                ~index && this[parentKey].splice(index, 1);
+                params.index = index;
+            }
+            else if (this[parentKey] === logicItem) {
+                params.index = 0;
+                this[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 '';
+    }
+    get calleeKey() {
+        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 `${tsCalleeNamespace}.${this.calleeName}`;
+    }
+    // 用于展示的value
+    get randerValue() {
+        const randerNameSpace = this.tsCalleeNamespace;
+        if (!randerNameSpace) {
+            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 `${randerNameSpace}.${this.calleeName}`;
+    }
+    // 绑定事件转驼峰
+    toHump = (name) => (name ? name.replace(/\-(\w)/g, (all, letter) => letter.toUpperCase()) : '');
+    toJS(state) {
+        // shiftState(state, code)
+        let code = `methods['${this.getViewEventName()}'] = async function (`;
+        const params = this.getContextLogicParams();
+        code += params.map((item) => item.name).toString();
+        code += ') { \n';
+        this.logics.forEach((logic) => {
+            code += logic.toJS((0, translator_1.shiftState)(state, code), 'IIFE');
+        });
+        code += '};\n';
+        return code;
+    }
+    toEmbeddedTS(state, isPageCycle) {
+        // 如果有绑定的事件名
+        let code = ``;
+        if (isPageCycle) {
+            this.logics.forEach((logic, index) => {
+                const logicName = logic.name;
+                logic.name = logic.view.name + logic.name + index;
+                code += logic.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
+                    tabSize: (state?.tabSize || 0) + 2,
+                }), 'noExport');
+                code += (0, translator_1.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.element.name + logic.name;
+                logic.name = logic.name.replace(/-/g, '');
+                code += logic.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
+                    tabSize: (state?.tabSize || 0) + 2,
+                }), 'noExport');
+                logic.name = logicName;
+            }
+            else {
+                code += logic.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
+                    tabSize: (state?.tabSize || 0) + 2,
+                }), 'noExport');
+            }
+            code += (0, translator_1.indent)((state?.tabSize || 0));
+            code += ',\n';
+        });
+        code += '],\n';
+        return code;
+    }
+    getEventTypeString() {
+        let code = '';
+        if (!Object.keys(createUiTs_1.elementsEventsMap).length)
+            return;
+        if (this.element && createUiTs_1.elementsEventsMap[`${this.element.tag}-${this.name}`]) {
+            const pageInfo = createUiTs_1.elementsEventsMap[`${this.element.tag}-${this.name}`];
+            const refParam = pageInfo.params && pageInfo.params.find((item) => 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 = createUiTs_1.elementsEventsMap[this.name];
+            const ref = eventInfo.params[0].schema.$ref;
+            const type = ref.replace('#/systemTypes/', 'nasl.ui.');
+            code = `${type}`;
+        }
+        else {
+            code = 'nasl.ui.BaseEvent';
+        }
+        return code;
+    }
+    // @withSourceMap()
+    // toObjectTS(state?: TranslatorState): string {
+    //     let code = '';
+    //     if (this.name) {
+    //         code = `function ${this.name || '__IDENTIFIER__'} () {\n`;
+    //         code += indent((state?.tabSize || 0) + 1);
+    //         code += `${this.calleeKey}()`;
+    //         code += '\n';
+    //         code += indent((state?.tabSize || 0));
+    //         code += '};\n';
+    //     }
+    //     return code;
+    // }
+    /**
+     * 设置callee
+     */
+    setCallee(logic) {
+        let calleeNamespace = logic.getNamespace();
+        if (logic.parentNode instanceof View__1.default) {
+            calleeNamespace = '';
+        }
+        const object = {
+            calleeNamespace,
+            calleeName: logic.name,
+        };
+        this.update({
+            ...object,
+        });
+    }
+    getNamespace(ns) {
+        if (this.view)
+            return `${this.view.getNamespace()}.${this.view.name}.bindEvents.${this.name}.logics`;
+        if (this.parentNode && this.parentNode.getNamespace) {
+            const parentNamespace = this.parentNode.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) {
+        let code = '';
+        if (this.logics?.length) {
+            code += `@${this.name}="`;
+            const argsList = [];
+            if (this.logics?.length) {
+                let parent = this.parentNode;
+                let index = 0;
+                while (parent && parent.concept !== 'View') {
+                    if (parent.slotScope) {
+                        argsList.unshift(index === 0 ? 'scope' : 'scope' + index);
+                        index++;
+                    }
+                    parent = parent.parentNode;
+                }
+                argsList.unshift('event');
+            }
+            code += this.getViewEventName();
+            code += '(';
+            argsList.forEach((arg, index) => {
+                code += arg;
+                if (index !== argsList.length - 1)
+                    code += ', ';
+            });
+            code += ')';
+            code += `"`;
+        }
+        return code;
+    }
+    // 获取bindEvent上的logic的参数从上文获取
+    getContextLogicParams() {
+        const argsList = [];
+        if (this.logics?.length) {
+            let parent = this.parentNode;
+            let index = 0;
+            while (parent && parent.concept !== 'View') {
+                if (parent.slotScope) {
+                    argsList.unshift(index === 0 ? 'scope' : 'scope' + index);
+                    index++;
+                }
+                parent = parent.parentNode;
+            }
+            argsList.unshift('event');
+        }
+        return argsList.map((name) => new Param__1.default({ name }));
+    }
+    // 获取bindEvent上的logic的参数从上文获取
+    getContextRenderLogicParams(logic) {
+        const argsList = [];
+        if (this.logics?.length) {
+            let parent = this.parentNode;
+            let index = 0;
+            const event = Param__1.default.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__1.default.createReference(typeString.substring(last + 1, typeString.length), {
+                    typeNamespace: 'nasl.ui',
+                });
+            }
+            else {
+                const last = typeString.lastIndexOf('.');
+                event.typeAnnotation = TypeAnnotation__1.default.createPrimitive(typeString.substring(last + 1, typeString.length), {
+                    typeNamespace: 'nasl.core',
+                });
+            }
+            argsList.push(event);
+            while (parent && parent.concept !== 'View') {
+                if (parent.slotScope) {
+                    const param = Param__1.default.from({ name: index === 0 ? 'scope' : 'scope' + index }, logic, 'virtualParams');
+                    param.typeAnnotation = TypeAnnotation__1.default.createGeneric('ScopeOf', {
+                        typeNamespace: 'nasl.ui',
+                        typeArguments: [],
+                    });
+                    argsList.push(param);
+                    index++;
+                }
+                parent = parent.parentNode;
+            }
+        }
+        return argsList;
+    }
+    getPageViewEventChineseName() {
+        const parent = this.parentNode;
+        if (parent instanceof View__1.default) {
+            const page = createUiTs_1.elementsEventsMap[this.name];
+            return `${parent.name}-${page.title}`;
+        }
+        else if (parent instanceof ViewElement__1.default) {
+            const eventName = `${parent.tag}-${this.name}`;
+            if (createUiTs_1.elementsEventsMap[eventName]) {
+                const page = createUiTs_1.elementsEventsMap[eventName];
+                return `${parent.name}-${page.title}`;
+            }
+            else if (['click', 'dblclick', 'contextmenu', 'mousedown', 'mouseup', 'mouseenter', 'mouseleave', 'focus', 'blur'].includes(this.name)) {
+                const page = createUiTs_1.elementsEventsMap[this.name];
+                return `${parent.name}-${page.title}`;
+            }
+            return `${parent.name}-${this.name}`;
+        }
+    }
+    getViewEventChineseName() {
+        const parent = this.parentNode;
+        if (parent instanceof View__1.default) {
+            const page = createUiTs_1.elementsEventsMap[this.name];
+            return `${page.title}`;
+        }
+        else if (parent instanceof ViewElement__1.default) {
+            const eventName = `${parent.tag}-${this.name}`;
+            if (createUiTs_1.elementsEventsMap[eventName]) {
+                const page = createUiTs_1.elementsEventsMap[eventName];
+                return `${page.title}`;
+            }
+            else if (['click', 'dblclick', 'contextmenu', 'mousedown', 'mouseup', 'mouseenter', 'mouseleave', 'focus', 'blur'].includes(this.name)) {
+                const page = createUiTs_1.elementsEventsMap[this.name];
+                return `${page.title}`;
+            }
+            return `${this.name}`;
+        }
+    }
+    getViewEventName() {
+        // 名称规则：组件的名称 + 组件的事件 + 逻辑本身的事件 用下划线链接
+        const parentNode = this.parentNode;
+        const newName = this.name.replace(/-/g, '');
+        if (parentNode instanceof ViewElement__1.default) {
+            return `${parentNode.name}_${newName}`;
+        }
+        else if (parentNode instanceof View__1.default) {
+            return `${this.view.name}_${newName}`;
+        }
+    }
+};
+__decorate([
+    (0, decorators_1.property)()
+], BindEvent.prototype, "concept", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], BindEvent.prototype, "name", void 0);
+__decorate([
+    (0, decorators_1.property)('Logic')
+], BindEvent.prototype, "logics", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], BindEvent.prototype, "calleeNamespace", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], BindEvent.prototype, "calleeName", void 0);
+__decorate([
+    (0, decorators_1.property)('Argument')
+], BindEvent.prototype, "arguments", void 0);
+__decorate([
+    (0, translator_1.withSourceMap)()
+], BindEvent.prototype, "toEmbeddedTS", null);
+BindEvent = BindEvent_1 = __decorate([
+    (0, decorators_1.concept)('元素绑定事件')
+], BindEvent);
+exports.BindEvent = BindEvent;
+classMap_1.default.BindEvent = BindEvent;
+exports.default = BindEvent;
+//================================================================================
+// ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+// 自动生成的代码已结束。下面可以手动编写。
+//================================================================================
+//# sourceMappingURL=BindEvent__.js.map