@lcap/nasl 3.4.0-beta.3 → 3.4.0-beta.4

package/out/concepts/BindEvent__.js

@@ -1,943 +1,944 @@
-"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 decorators_1 = require("../decorators");
-const utils = __importStar(require("../utils"));
-const BaseNode_1 = __importDefault(require("../common/BaseNode"));
-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 = class BindEvent extends BaseNode_1.default {
-    static { BindEvent_1 = this; }
-    /** 类名 */
-    static ConceptName = 'BindEvent';
-    /**
-     * 产品概念
-     */
-    concept;
-    /**
-     * 元素绑定事件名称
-     */
-    // @ts-ignore
-    name;
-    /**
-     * 逻辑列表
-     */
-    logics = [];
-    /**
-     * calleeNamespace
-     */
-    // @ts-ignore
-    calleeNamespace;
-    /**
-     * calleeName
-     */
-    // @ts-ignore
-    calleeName;
-    /**
-     * 实际参数
-     */
-    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');
-    }
-    /**
-     * 祖先 Frontend
-     */
-    get frontend() {
-        return this.getAncestor('Frontend');
-    }
-    /**
-     * @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;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = logic.__v_raw || logic;
-            if (Array.isArray(t[parentKey])) {
-                const index = t[parentKey].indexOf(n);
-                ~index && this[parentKey].splice(index, 1);
-                params.index = index;
-            }
-            else if (t[parentKey] === n) {
-                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;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = logicItem.__v_raw || logicItem;
-            if (Array.isArray(t[parentKey])) {
-                const index = t[parentKey].indexOf(n);
-                ~index && this[parentKey].splice(index, 1);
-                params.index = index;
-            }
-            else if (t[parentKey] === n) {
-                params.index = 0;
-                this[parentKey] = undefined;
-            }
-        }
-        return params;
-    }
-    //================================================================================
-    // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
-    // 自动生成的代码已结束。下面可以手动编写。
-    //================================================================================
-    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}`;
-    }
-    // 绑定事件转驼峰
-    toHump = (name) => (name ? name.replace(/\-(\w)/g, (all, letter) => letter.toUpperCase()) : '');
-    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, translator_1.shiftState)(state, code), 'IIFE');
-        });
-        code += '}\n';
-        return code;
-    }
-    toEmbeddedTS(state, isPageCycle) {
-        // 如果有绑定的事件名
-        let code = ``;
-        if (isPageCycle) {
-            if (['keydown', 'keyup'].includes(this.name)) {
-                code = `const ${this.toHump(this.name) || '__IDENTIFIER__'} = (event: `;
-                code += this.getEventTypeString();
-                code += ') => [\n';
-                this.logics.forEach((logic) => {
-                    // 一些默认的逻辑不翻译 排除掉
-                    if (logic.name.startsWith('__')) {
-                        return;
-                    }
-                    if (logic.view) {
-                        const logicName = logic.name;
-                        if (logic.parentNode?.element) {
-                            logic.name = '__' + logic.view.name + logic.parentNode.element.name + logic.name;
-                        }
-                        logic.name = logic.name.replace(/-/g, '');
-                        try {
-                            code += logic.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
-                                tabSize: (state?.tabSize || 0) + 2,
-                            }), 'noExport');
-                        }
-                        finally {
-                            // 翻译logic可能出错
-                            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';
-            }
-            else {
-                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}();\n`;
-                    logic.name = logicName;
-                });
-            }
-            return code;
-        }
-        code = `${this.toHump(this.name) || '__IDENTIFIER__'}: (event: `;
-        // event的类型
-        code += this.getEventTypeString();
-        code += ') => [\n';
-        this.logics.forEach((logic) => {
-            // 一些默认的逻辑不翻译 排除掉
-            if (logic.name.startsWith('__')) {
-                return;
-            }
-            if (logic.view) {
-                const logicName = logic.name;
-                if (logic.parentNode?.element) {
-                    logic.name = '__' + logic.view.name + logic.parentNode.element.name + logic.name;
-                }
-                logic.name = logic.name.replace(/-/g, '');
-                try {
-                    code += logic.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
-                        tabSize: (state?.tabSize || 0) + 2,
-                    }), 'noExport');
-                }
-                finally {
-                    // 翻译logic可能出错
-                    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';
-        });
-        if (this.view)
-            code += '],\n';
-        else
-            code += ']\n';
-        return code;
-    }
-    toNaturalTS(state = (0, translator_1.createCompilerState)(), isPageCycle) {
-        // 如果有绑定的事件名
-        let code = ``;
-        if (isPageCycle) {
-            this.logics.forEach((logic, index) => {
-                const logicName = `viewLogic_${logic.name}${index}`;
-                // logic.name = logic.view.name + logic.name + index;
-                code += logic.toNaturalTS((0, translator_1.shiftState)(state, code, {
-                    tabSize: state.tabSize,
-                }), 'noExport', logicName);
-                // logic.name = logicName;
-                // code += indent(state.tabSize);
-                // code += `${logicName}();\n`;
-            });
-            return code;
-        }
-        // code = `${this.toHump(this.name) || '__IDENTIFIER__'}: (event: `;
-        // event的类型
-        // code += this.getEventTypeString();
-        // code += ') => [\n';
-        this.logics.forEach((logic) => {
-            // 一些默认的逻辑不翻译 排除掉
-            if (logic.name.startsWith('__')) {
-                return;
-            }
-            if (logic.view) {
-                const logicName = logic.name;
-                logic.name = `on_${logic.parentNode.element.name}_${logic.name}`;
-                // logic.name = '__' + logic.view.name + (logic.parentNode as BindEvent).element.name + logic.name;
-                logic.name = logic.name.replace(/-/g, '');
-                try {
-                    code += logic.toNaturalTS((0, translator_1.shiftState)(state, code, {
-                        tabSize: state.tabSize,
-                    }), 'noExport');
-                }
-                finally {
-                    // 翻译logic可能出错
-                    logic.name = logicName;
-                }
-            }
-            else {
-                code += logic.toNaturalTS((0, translator_1.shiftState)(state, code, {
-                    tabSize: state.tabSize,
-                }), 'noExport');
-            }
-            code += (0, translator_1.indent)(state.tabSize);
-            // code += ',\n';
-        });
-        // if (this.view)
-        //     code += '],\n';
-        // else
-        //     code += ']\n';
-        return code;
-    }
-    getEventTypeString() {
-        let code = '';
-        if (!Object.keys(createUiTs_1.elementsEventsMap).length)
-            return;
-        // 已有的点击事件，已知类型的，就直接取值
-        if ([
-            'click',
-            'dblclick',
-            'contextmenu',
-            'mousedown',
-            'mouseup',
-            'mouseenter',
-            'mouseleave',
-            'focus',
-            'blur',
-            'keydown',
-            'keyup',
-        ].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';
-        }
-        // 组件上自己有类型的就覆盖掉，没有就用上面的类型
-        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.');
-                    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 (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 ? '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 = [];
-        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__1.default({ name }));
-    }
-    // 获取bindEvent上的logic的参数从上文获取
-    getContextRenderLogicParams(logic) {
-        const argsList = [];
-        const virtualParams = logic.virtualParams;
-        if (this.logics?.length) {
-            let parent = this.parentNode;
-            let index = 0;
-            const event = Param__1.default.from({ name: 'event', typeAnnotation: null }, logic, 'virtualParams');
-            argsList.push(event);
-            while (parent && parent.concept !== 'View') {
-                if (parent.slotScope) {
-                    const param = Param__1.default.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 = /时|前|后$/;
-        if (parent instanceof View__1.default) {
-            const event = createUiTs_1.elementsEventsMap[this.name];
-            if (['keydown', 'keyup'].includes(event.name)) {
-                return `“${parent.title || parent.name}”页面${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}”页面`;
-        }
-        else if (parent instanceof ViewElement__1.default) {
-            const eventName = `${parent.tag}-${this.name}`;
-            if (createUiTs_1.elementsEventsMap[eventName]) {
-                const event = createUiTs_1.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 = bindAttr.value;
-                }
-                else {
-                    const bindAttr = parent.bindAttrs.find((bindAttr) => bindAttr.name === 'text' || bindAttr.name === 'title' || bindAttr.name === 'label');
-                    if (bindAttr && bindAttr.type === 'string')
-                        title = 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 = createUiTs_1.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 = bindAttr.value;
-                }
-                else {
-                    const bindAttr = parent.bindAttrs.find((bindAttr) => bindAttr.name === 'text' || bindAttr.name === 'title' || bindAttr.name === 'label');
-                    if (bindAttr && bindAttr.type === 'string')
-                        title = 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;
-        if (parent instanceof View__1.default) {
-            const event = createUiTs_1.elementsEventsMap[this.name];
-            return `${event.title}`;
-        }
-        else if (parent instanceof ViewElement__1.default) {
-            const eventName = `${parent.tag}-${this.name}`;
-            if (createUiTs_1.elementsEventsMap[eventName]) {
-                const event = createUiTs_1.elementsEventsMap[eventName];
-                return `${event.title}`;
-            }
-            else if ([
-                'click',
-                'dblclick',
-                'contextmenu',
-                'mousedown',
-                'mouseup',
-                'mouseenter',
-                'mouseleave',
-                'focus',
-                'blur',
-            ].includes(this.name)) {
-                const event = createUiTs_1.elementsEventsMap[this.name];
-                return `${event.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}`;
-        }
-        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, 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, translator_1.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__1.default) {
-                pathName = parent.name + '/' + pathName;
-                parent = parent.parentNode;
-            }
-        }
-        return `/embedded/${this.app.name}/frontends/${this.frontend.name}/bindEvents/${pathName}.ts`;
-    }
-};
-exports.BindEvent = BindEvent;
-__decorate([
-    (0, decorators_1.property)('concept')
-    // @ts-ignore
-], BindEvent.prototype, "concept", void 0);
-__decorate([
-    (0, decorators_1.property)()
-    // @ts-ignore
-], 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)()
-    // @ts-ignore
-], BindEvent.prototype, "calleeNamespace", void 0);
-__decorate([
-    (0, decorators_1.property)()
-    // @ts-ignore
-], BindEvent.prototype, "calleeName", void 0);
-__decorate([
-    (0, decorators_1.property)({
-        objectRef: 'Argument',
-        isArray: true,
-        defaultValue: [],
-    })
-], BindEvent.prototype, "arguments", void 0);
-__decorate([
-    (0, translator_1.withSourceMap)()
-], BindEvent.prototype, "toEmbeddedTS", null);
-__decorate([
-    (0, translator_1.withSourceMap)()
-], BindEvent.prototype, "toNaturalTS", null);
-exports.BindEvent = BindEvent = BindEvent_1 = __decorate([
-    decorators_1.className,
-    (0, decorators_1.concept)('元素绑定事件')
-    // @ts-ignore
-], BindEvent);
-exports.default = BindEvent;
-//================================================================================
-// ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
-// 自动生成的代码已结束。下面可以手动编写。
-//================================================================================
+"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 decorators_1 = require("../decorators");
+const utils = __importStar(require("../utils"));
+const BaseNode_1 = __importDefault(require("../common/BaseNode"));
+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 = 
+// @ts-ignore
+class BindEvent extends BaseNode_1.default {
+    /** 类名 */
+    static ConceptName = 'BindEvent';
+    /** 继承链 */
+    static inheritanceChain = ['BaseNode'];
+    /**
+     * 产品概念
+     */
+    concept;
+    /**
+     * 元素绑定事件名称
+     */
+    // @ts-ignore
+    name;
+    /**
+     * 逻辑列表
+     */
+    logics = [];
+    /**
+     * calleeNamespace
+     */
+    // @ts-ignore
+    calleeNamespace;
+    /**
+     * calleeName
+     */
+    // @ts-ignore
+    calleeName;
+    /**
+     * 实际参数
+     */
+    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');
+    }
+    /**
+     * 祖先 Frontend
+     */
+    get frontend() {
+        return this.getAncestor('Frontend');
+    }
+    /**
+     * @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;
+            // @ts-ignore
+            const t = this.__v_raw || this;
+            // @ts-ignore
+            const n = logic.__v_raw || logic;
+            if (Array.isArray(t[parentKey])) {
+                // @ts-ignore
+                const index = t[parentKey].findIndex((el) => (el.__v_raw || el) === n);
+                ~index && this[parentKey].splice(index, 1);
+                params.index = index;
+            }
+            else if (t[parentKey] === n) {
+                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;
+            // @ts-ignore
+            const t = this.__v_raw || this;
+            // @ts-ignore
+            const n = logicItem.__v_raw || logicItem;
+            if (Array.isArray(t[parentKey])) {
+                // @ts-ignore
+                const index = t[parentKey].findIndex((el) => (el.__v_raw || el) === n);
+                ~index && this[parentKey].splice(index, 1);
+                params.index = index;
+            }
+            else if (t[parentKey] === n) {
+                params.index = 0;
+                this[parentKey] = undefined;
+            }
+        }
+        return params;
+    }
+    //================================================================================
+    // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+    // 自动生成的代码已结束。下面可以手动编写。
+    //================================================================================
+    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}`;
+    }
+    // 绑定事件转驼峰
+    toHump = (name) => (name ? name.replace(/\-(\w)/g, (all, letter) => letter.toUpperCase()) : '');
+    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, translator_1.shiftState)(state, code), 'IIFE');
+        });
+        code += '}\n';
+        return code;
+    }
+    toEmbeddedTS(state, isPageCycle) {
+        // 如果有绑定的事件名
+        let code = ``;
+        if (isPageCycle) {
+            if (['keydown', 'keyup'].includes(this.name)) {
+                code = `const ${this.toHump(this.name) || '__IDENTIFIER__'} = (event: `;
+                code += this.getEventTypeString();
+                code += ') => [\n';
+                this.logics.forEach((logic) => {
+                    // 一些默认的逻辑不翻译 排除掉
+                    if (logic.name.startsWith('__')) {
+                        return;
+                    }
+                    if (logic.view) {
+                        const logicName = logic.name;
+                        if (logic.parentNode?.element) {
+                            logic.name = '__' + logic.view.name + logic.parentNode.element.name + logic.name;
+                        }
+                        logic.name = logic.name.replace(/-/g, '');
+                        try {
+                            code += logic.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
+                                tabSize: (state?.tabSize || 0) + 2,
+                            }), 'noExport');
+                        }
+                        finally {
+                            // 翻译logic可能出错
+                            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';
+            }
+            else {
+                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}();\n`;
+                    logic.name = logicName;
+                });
+            }
+            return code;
+        }
+        code = `${this.toHump(this.name) || '__IDENTIFIER__'}: (event: `;
+        // event的类型
+        code += this.getEventTypeString();
+        code += ') => [\n';
+        this.logics.forEach((logic) => {
+            // 一些默认的逻辑不翻译 排除掉
+            if (logic.name.startsWith('__')) {
+                return;
+            }
+            if (logic.view) {
+                const logicName = logic.name;
+                if (logic.parentNode?.element) {
+                    logic.name = '__' + logic.view.name + logic.parentNode.element.name + logic.name;
+                }
+                logic.name = logic.name.replace(/-/g, '');
+                try {
+                    code += logic.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
+                        tabSize: (state?.tabSize || 0) + 2,
+                    }), 'noExport');
+                }
+                finally {
+                    // 翻译logic可能出错
+                    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';
+        });
+        if (this.view)
+            code += '],\n';
+        else
+            code += ']\n';
+        return code;
+    }
+    toNaturalTS(state = (0, translator_1.createCompilerState)(), isPageCycle) {
+        // 如果有绑定的事件名
+        let code = ``;
+        if (isPageCycle) {
+            this.logics.forEach((logic, index) => {
+                const logicName = `viewLogic_${logic.name}${index}`;
+                // logic.name = logic.view.name + logic.name + index;
+                code += logic.toNaturalTS((0, translator_1.shiftState)(state, code, {
+                    tabSize: state.tabSize,
+                }), 'noExport', logicName);
+                // logic.name = logicName;
+                // code += indent(state.tabSize);
+                // code += `${logicName}();\n`;
+            });
+            return code;
+        }
+        // code = `${this.toHump(this.name) || '__IDENTIFIER__'}: (event: `;
+        // event的类型
+        // code += this.getEventTypeString();
+        // code += ') => [\n';
+        this.logics.forEach((logic) => {
+            // 一些默认的逻辑不翻译 排除掉
+            if (logic.name.startsWith('__')) {
+                return;
+            }
+            if (logic.view) {
+                const logicName = logic.name;
+                logic.name = `on_${logic.parentNode.element.name}_${logic.name}`;
+                // logic.name = '__' + logic.view.name + (logic.parentNode as BindEvent).element.name + logic.name;
+                logic.name = logic.name.replace(/-/g, '');
+                try {
+                    code += logic.toNaturalTS((0, translator_1.shiftState)(state, code, {
+                        tabSize: state.tabSize,
+                    }), 'noExport');
+                }
+                finally {
+                    // 翻译logic可能出错
+                    logic.name = logicName;
+                }
+            }
+            else {
+                code += logic.toNaturalTS((0, translator_1.shiftState)(state, code, {
+                    tabSize: state.tabSize,
+                }), 'noExport');
+            }
+            code += (0, translator_1.indent)(state.tabSize);
+            // code += ',\n';
+        });
+        // if (this.view)
+        //     code += '],\n';
+        // else
+        //     code += ']\n';
+        return code;
+    }
+    getEventTypeString() {
+        let code = '';
+        if (!Object.keys(createUiTs_1.elementsEventsMap).length)
+            return;
+        // 已有的点击事件，已知类型的，就直接取值
+        if ([
+            'click',
+            'dblclick',
+            'contextmenu',
+            'mousedown',
+            'mouseup',
+            'mouseenter',
+            'mouseleave',
+            'focus',
+            'blur',
+            'keydown',
+            'keyup',
+        ].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';
+        }
+        // 组件上自己有类型的就覆盖掉，没有就用上面的类型
+        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.');
+                    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 (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 ? '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 = [];
+        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__1.default({ name }));
+    }
+    // 获取bindEvent上的logic的参数从上文获取
+    getContextRenderLogicParams(logic) {
+        const argsList = [];
+        const virtualParams = logic.virtualParams;
+        if (this.logics?.length) {
+            let parent = this.parentNode;
+            let index = 0;
+            const event = Param__1.default.from({ name: 'event', typeAnnotation: null }, logic, 'virtualParams');
+            argsList.push(event);
+            while (parent && parent.concept !== 'View') {
+                if (parent.slotScope) {
+                    const param = Param__1.default.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 = /时|前|后$/;
+        if (parent instanceof View__1.default) {
+            const event = createUiTs_1.elementsEventsMap[this.name];
+            if (['keydown', 'keyup'].includes(event.name)) {
+                return `“${parent.title || parent.name}”页面${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}”页面`;
+        }
+        else if (parent instanceof ViewElement__1.default) {
+            const eventName = `${parent.tag}-${this.name}`;
+            if (createUiTs_1.elementsEventsMap[eventName]) {
+                const event = createUiTs_1.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 = bindAttr.value;
+                }
+                else {
+                    const bindAttr = parent.bindAttrs.find((bindAttr) => bindAttr.name === 'text' || bindAttr.name === 'title' || bindAttr.name === 'label');
+                    if (bindAttr && bindAttr.type === 'string')
+                        title = 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 = createUiTs_1.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 = bindAttr.value;
+                }
+                else {
+                    const bindAttr = parent.bindAttrs.find((bindAttr) => bindAttr.name === 'text' || bindAttr.name === 'title' || bindAttr.name === 'label');
+                    if (bindAttr && bindAttr.type === 'string')
+                        title = 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;
+        if (parent instanceof View__1.default) {
+            const event = createUiTs_1.elementsEventsMap[this.name];
+            return `${event.title}`;
+        }
+        else if (parent instanceof ViewElement__1.default) {
+            const eventName = `${parent.tag}-${this.name}`;
+            if (createUiTs_1.elementsEventsMap[eventName]) {
+                const event = createUiTs_1.elementsEventsMap[eventName];
+                return `${event.title}`;
+            }
+            else if ([
+                'click',
+                'dblclick',
+                'contextmenu',
+                'mousedown',
+                'mouseup',
+                'mouseenter',
+                'mouseleave',
+                'focus',
+                'blur',
+            ].includes(this.name)) {
+                const event = createUiTs_1.elementsEventsMap[this.name];
+                return `${event.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}`;
+        }
+        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, 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, translator_1.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__1.default) {
+                pathName = parent.name + '/' + pathName;
+                parent = parent.parentNode;
+            }
+        }
+        return `/embedded/${this.app.name}/frontends/${this.frontend.name}/bindEvents/${pathName}.ts`;
+    }
+};
+__decorate([
+    (0, decorators_1.property)('concept')
+], 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: [],
+    })
+], BindEvent.prototype, "arguments", void 0);
+__decorate([
+    (0, translator_1.withSourceMap)()
+], BindEvent.prototype, "toEmbeddedTS", null);
+__decorate([
+    (0, translator_1.withSourceMap)()
+], BindEvent.prototype, "toNaturalTS", null);
+BindEvent = BindEvent_1 = __decorate([
+    decorators_1.className,
+    (0, decorators_1.concept)('元素绑定事件')
+    // @ts-ignore
+], BindEvent);
+exports.BindEvent = BindEvent;
+exports.default = BindEvent;
+//================================================================================
+// ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+// 自动生成的代码已结束。下面可以手动编写。
+//================================================================================
 //# sourceMappingURL=BindEvent__.js.map