@lcap/nasl-concepts 3.9.0-beta.1

package/out/concepts/BindEvent__.js

@@ -0,0 +1,833 @@
+"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 utils_1 = require("../utils");
+const nasl_translator_1 = require("@lcap/nasl-translator");
+const store_1 = require("../store");
+const decorators_1 = require("../decorators");
+const utils = __importStar(require("../utils"));
+const asserts = __importStar(require("./utils/asserts"));
+const BaseNode_1 = __importDefault(require("../common/BaseNode"));
+/**
+ * 元素绑定事件
+ */
+let BindEvent = class BindEvent extends BaseNode_1.default {
+    static { BindEvent_1 = this; }
+    /** 类名 */
+    static { this.ConceptName = 'BindEvent'; }
+    /**
+     * 是否为抽象类
+     * 抽象类不能产生 concept: string
+     */
+    static { this.isAbstract = false; }
+    /** 继承链 */
+    static { this.inheritanceChain = ['BaseNode']; }
+    /**
+     * @param source 需要合并的部分参数
+     */
+    constructor(source) {
+        source = Object.assign({}, BindEvent_1.getDefaultOptions(), source);
+        super(source);
+        /**
+         * 元素绑定事件名称
+         */
+        this.name = '';
+        /**
+         * 逻辑列表
+         */
+        this.logics = [];
+        // 绑定事件转驼峰
+        this.toHump = (name) => (name ? name.replace(/\-(\w)/g, (all, letter) => letter.toUpperCase()) : '');
+        super.subConstructor(source);
+    }
+    static from(source, parentNode, parentKey) {
+        return super.from(source, parentNode, parentKey);
+    }
+    /**
+     * 设置元素绑定事件名称
+     */
+    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' };
+        const Logic = (0, decorators_1.getConceptConstructor)('Logic');
+        let 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 (asserts.isLogic(options)) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            logic = options;
+            Object.assign(logic, relationOptions);
+        }
+        else {
+            logic = Logic.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' };
+        const Argument = (0, decorators_1.getConceptConstructor)('Argument');
+        let argument;
+        if (asserts.isArgument(options)) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            argument = options;
+            Object.assign(argument, relationOptions);
+        }
+        else {
+            argument = Argument.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();
+    }
+    removeArgument(options) {
+        let argument = options;
+        return argument.delete();
+    }
+    //================================================================================
+    // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+    // 自动生成的代码已结束。下面可以手动编写。
+    //================================================================================
+    /**
+     * 祖先 ViewElement
+     */
+    get element() {
+        return this.getAncestor('ViewElement');
+    }
+    /**
+     * 祖先 View
+     */
+    get view() {
+        return this.getAncestor('View');
+    }
+    /**
+     * 祖先 Module
+     */
+    get module() {
+        return this.getAncestor('Module');
+    }
+    /**
+     * 祖先 Frontend
+     */
+    get frontend() {
+        return this.getAncestor('Frontend');
+    }
+    get process() {
+        return this.getAncestor('Process');
+    }
+    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}`;
+    }
+    toJS(state) {
+        // shiftState(state, code)
+        let code = `async ${this.getViewEventName()} (`;
+        const params = this.getContextLogicParams();
+        code += params.map((item) => item.name).toString();
+        code += ') { \n';
+        this.logics.forEach((logic) => {
+            code += logic.toJS((0, nasl_translator_1.shiftState)(state, code), 'IIFE');
+        });
+        code += '}\n';
+        return code;
+    }
+    *toEmbeddedTS(state = (0, nasl_translator_1.createCompilerState)(), isPageCycle, prependCode) {
+        const self = this;
+        // 如果有绑定的事件名
+        let code = ``;
+        if (isPageCycle) {
+            if (['keydown', 'keyup'].includes(self.name)) {
+                code = `const ${self.toHump(self.name) || '__IDENTIFIER__'} = (event: `;
+                code += yield* self.getEventTypeString(state);
+                code += ') => [\n';
+                yield* (0, utils_1.wrapForEachToGenerator)(self.logics, function* warpForEachGenerator(logic) {
+                    // 一些默认的逻辑不翻译 排除掉
+                    if (logic.name.startsWith('__')) {
+                        return;
+                    }
+                    code += yield* logic.toEmbeddedTS((0, nasl_translator_1.shiftState)(state, code, {
+                        tabSize: (state?.tabSize || 0) + 2,
+                    }), 'noExport');
+                    code += (0, nasl_translator_1.indent)(state?.tabSize || 0);
+                    code += ',\n';
+                });
+                code += '];\n';
+            }
+            else {
+                yield* (0, utils_1.wrapForEachToGenerator)(self.logics, function* warpForEachGenerator(logic, index) {
+                    code += yield* logic.toEmbeddedTS((0, nasl_translator_1.shiftState)(state, code, {
+                        tabSize: (state?.tabSize || 0) + 2,
+                    }), 'noExport');
+                    code += (0, nasl_translator_1.indent)(state?.tabSize || 0);
+                    code += `${logic.tsName}();\n`;
+                });
+            }
+            return code;
+        }
+        code = `on${utils.kebab2Pascal(self.name) || '__IDENTIFIER__'}: (event`;
+        // event的类型
+        // 业务组件
+        const businessComponent = this.element?.correspondingBusinessComponent;
+        if (businessComponent) {
+            code += `: `;
+            code += yield* self.getEventTypeString(state);
+        }
+        code += ') => [\n';
+        yield* (0, utils_1.wrapForEachToGenerator)(self.logics, function* warpForEachGenerator(logic) {
+            // 一些默认的逻辑不翻译 排除掉
+            if (logic.name.startsWith('__')) {
+                return;
+            }
+            if (logic.processV2) {
+                code += yield* logic.toEmbeddedTSInProcess((0, nasl_translator_1.shiftState)(state, code, {
+                    tabSize: (state?.tabSize || 0) + 2,
+                }), prependCode, true, true);
+            }
+            else {
+                code += yield* logic.toEmbeddedTS((0, nasl_translator_1.shiftState)(state, code, {
+                    tabSize: (state?.tabSize || 0) + 2,
+                }), 'noExport');
+            }
+            code += (0, nasl_translator_1.indent)(state?.tabSize || 0);
+            code += ',\n';
+        });
+        if (self.view || self.getAncestor('BusinessComponent'))
+            code += '],\n';
+        else
+            code += ']\n';
+        return code;
+    }
+    toNaturalTS(state = (0, nasl_translator_1.createCompilerState)(), isPageCycle) {
+        // 如果有绑定的事件名
+        let code = ``;
+        code += `on${utils.firstUpperCase(this.name)}: [\n`;
+        this.logics.forEach((logic) => {
+            code += logic.toNaturalTS((0, nasl_translator_1.shiftState)(state, code, {
+                tabSize: state.tabSize + 1,
+            }));
+            code += ',\n';
+        });
+        code += `${(0, nasl_translator_1.indent)(state.tabSize)}]`;
+        return code;
+    }
+    toTextualNASL(state = (0, nasl_translator_1.createCompilerState)(), isPageCycle) {
+        // 如果有绑定的事件名
+        let code = ``;
+        code += `on${utils.firstUpperCase(this.name)}: [\n`;
+        this.logics.forEach((logic) => {
+            code += logic.toTextualNASL((0, nasl_translator_1.shiftState)(state, code, {
+                tabSize: state.tabSize + 1,
+            }), 'noExport');
+            code += ',\n';
+        });
+        code += `${(0, nasl_translator_1.indent)(state.tabSize)}]`;
+        return code;
+    }
+    *getEventTypeString(state = (0, nasl_translator_1.createCompilerState)()) {
+        let code = '';
+        const elementsEventsMap = (0, store_1.getElementsEventsMap)();
+        if (!Object.keys(elementsEventsMap).length)
+            return;
+        // 业务组件
+        const businessComponent = this.element?.correspondingBusinessComponent;
+        // 已有的点击事件，已知类型的，就直接取值
+        if ([
+            '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;
+            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* (0, utils_1.wrapForEachToGenerator)(targetEvent.params, function* warpForEachGenerator(param, index) {
+                    code += `${param.name}?: `;
+                    code += yield* param.typeAnnotation.toEmbeddedTS((0, nasl_translator_1.shiftState)(state, code));
+                    code += ',\n';
+                });
+            }
+            code += '\n}';
+        }
+        else {
+            code = 'nasl.ui.BaseEvent';
+        }
+        // 组件上自己有类型的就覆盖掉，没有就用上面的类型
+        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) => 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.');
+                    type = type.replace('Integer', 'Long');
+                }
+                code = `${type}`;
+            }
+        }
+        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 (asserts.isView(logic.parentNode)) {
+            calleeNamespace = '';
+        }
+        const object = {
+            calleeNamespace,
+            calleeName: logic.name,
+        };
+        this.update({
+            ...object,
+        });
+    }
+    get likeComponent() {
+        return this.view || this?.getAncestor('BusinessComponent');
+    }
+    getNamespace(ns) {
+        if (this.likeComponent)
+            return `${this.likeComponent.getNamespace()}.${this.likeComponent.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 ? 'current' : 'current' + 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 = [];
+        const Param = (0, decorators_1.getConceptConstructor)('Param');
+        if (this.logics?.length) {
+            let parent = this.parentNode;
+            let index = 0;
+            while (parent && parent.concept !== 'View') {
+                if (parent.slotScope) {
+                    argsList.unshift(index === 0 ? 'current' : 'current' + index);
+                    index++;
+                }
+                parent = parent.parentNode;
+            }
+            argsList.unshift('event');
+        }
+        return argsList.map((name) => new Param({ name }));
+    }
+    // 获取bindEvent上的logic的参数从上文获取
+    getContextRenderLogicParams(logic) {
+        const argsList = [];
+        const virtualParams = logic.virtualParams;
+        const Param = (0, decorators_1.getConceptConstructor)('Param');
+        if (this.logics?.length) {
+            let parent = this.parentNode;
+            let index = 0;
+            const event = Param.from({ name: 'event', typeAnnotation: null }, logic, 'virtualParams');
+            argsList.push(event);
+            while (parent && parent.concept !== 'View') {
+                if (parent.slotScope) {
+                    const param = Param.from({ name: index === 0 ? 'current' : 'current' + index, typeAnnotation: null }, logic, 'virtualParams');
+                    argsList.push(param);
+                    index++;
+                }
+                parent = parent.parentNode;
+            }
+        }
+        let haveDifference = false;
+        // 如果长度一样
+        if (virtualParams.length === argsList.length) {
+            // 那就看一下每一项的名字是不是变了
+            for (let i = 0; i < virtualParams.length; i++) {
+                if (virtualParams[i].name !== argsList[i].name) {
+                    haveDifference = true;
+                    break;
+                }
+            }
+            // 如果变了， 输出新的
+            if (haveDifference) {
+                return argsList;
+            }
+            // 如果没变,输出旧的不让树组件刷新
+            return virtualParams;
+        }
+        // 长度啥的都不一样，就输出新的
+        return argsList;
+    }
+    getPageViewEventChineseName() {
+        const parent = this.parentNode;
+        const suffixRE = /时|前|后$/;
+        const elementsEventsMap = (0, store_1.getElementsEventsMap)();
+        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}”${conceptTitle}${event.title}`;
+            }
+            const cap = suffixRE.exec(event?.title);
+            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]) {
+                const event = elementsEventsMap[eventName];
+                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');
+                    if (bindAttr && bindAttr.type === 'string')
+                        title = String(bindAttr.value);
+                }
+                else {
+                    const bindAttr = parent.bindAttrs.find((bindAttr) => bindAttr.name === 'text' || bindAttr.name === 'title' || bindAttr.name === 'label');
+                    if (bindAttr && bindAttr.type === 'string')
+                        title = String(bindAttr.value);
+                }
+                const cap = suffixRE.exec(event?.title);
+                if (cap)
+                    return `${event.title.replace(suffixRE, '')}${title ? `“${title}”` : ''}${parent.name}${cap[0]}`;
+                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');
+                    if (bindAttr && bindAttr.type === 'string')
+                        title = String(bindAttr.value);
+                }
+                else {
+                    const bindAttr = parent.bindAttrs.find((bindAttr) => bindAttr.name === 'text' || bindAttr.name === 'title' || bindAttr.name === 'label');
+                    if (bindAttr && bindAttr.type === 'string')
+                        title = String(bindAttr.value);
+                }
+                const cap = suffixRE.exec(event?.title);
+                if (cap)
+                    return `${event?.title?.replace(suffixRE, '')}${title ? `“${title}”` : ''}${parent.name}${cap[0]}`;
+                else
+                    return `${event?.title || ''}${title ? `“${title}”` : ''}${parent.name}`;
+            }
+            return `${parent.name}-${this.name}`;
+        }
+    }
+    getViewEventChineseName() {
+        const parent = this.parentNode;
+        const elementsEventsMap = (0, store_1.getElementsEventsMap)();
+        if (asserts.isView(parent)) {
+            const event = elementsEventsMap[this.name];
+            return `${event.title}`;
+        }
+        else if (asserts.isViewElement(parent)) {
+            const eventName = `${parent.tag}-${this.name}`;
+            if (elementsEventsMap[eventName]) {
+                const event = elementsEventsMap[eventName];
+                return `${event.title}`;
+            }
+            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.parentNode;
+        const newName = this.name.replace(/-/g, '');
+        if (asserts.isViewElement(parentNode)) {
+            return `${parentNode.name}_${newName}`;
+        }
+        else if (asserts.isView(parentNode) || asserts.isBusinessComponent(parentNode)) {
+            return `${this.likeComponent.name}_${newName}`;
+        }
+        else {
+            // 这里编译成这个名字了 后续pctemplate 里也得按这个调用？
+            // 或者说因为会编译在不同的端里  直接 name好了
+            // return `${this.parentNode.name}_${newName}`;
+            return newName;
+        }
+    }
+    toFunction(state) {
+        // 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) => item.name).toString();
+        // code += ')  { \n';
+        code += ') => { \n';
+        this.logics.forEach((logic) => {
+            code += logic.toJS((0, nasl_translator_1.shiftState)(state, code), 'IIFE');
+        });
+        code += '}\n';
+        return code;
+    }
+    getTsNamespace() {
+        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('.')}.bindEvents`;
+        }
+        else
+            throw new Error('无法获取命名空间，请设置 parentNode！');
+    }
+    *toEmbeddedTSFile() {
+        let code = `namespace ${this.getTsNamespace()} {\n`;
+        const state = (0, nasl_translator_1.createCompilerState)(code, {
+            tabSize: 1,
+        });
+        try {
+            code += yield* 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 && asserts.isView(parent)) {
+                pathName = parent.name + '/' + pathName;
+                parent = parent.parentNode;
+            }
+        }
+        return `/embedded/${this.getAncestor('App')?.name}/frontends/${this.getAncestor('FrontendType')?.name}/bindEvents/${pathName}.ts`;
+    }
+};
+exports.BindEvent = BindEvent;
+__decorate([
+    (0, decorators_1.property)()
+    // @ts-ignore
+], BindEvent.prototype, "concept", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], BindEvent.prototype, "name", void 0);
+__decorate([
+    (0, decorators_1.property)({
+        objectRef: 'Logic',
+        isArray: true,
+        defaultValue: [],
+    })
+], 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)({
+        objectRef: 'Argument',
+        isArray: true,
+        defaultValue: null,
+    })
+], BindEvent.prototype, "arguments", void 0);
+__decorate([
+    nasl_translator_1.withSourceMapGenerator
+], BindEvent.prototype, "toEmbeddedTS", null);
+__decorate([
+    (0, nasl_translator_1.withSourceMap)()
+], BindEvent.prototype, "toNaturalTS", null);
+__decorate([
+    (0, nasl_translator_1.withSourceMap)()
+], BindEvent.prototype, "toTextualNASL", null);
+exports.BindEvent = BindEvent = BindEvent_1 = __decorate([
+    (0, decorators_1.concept)('元素绑定事件')
+], BindEvent);
+exports.default = BindEvent;
+//================================================================================
+// ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+// 自动生成的代码已结束。下面可以手动编写。
+//================================================================================
+//# sourceMappingURL=BindEvent__.js.map