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

package/out/concepts/View__.js

@@ -1,1101 +1,1115 @@
-"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 View_1;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = exports.View = void 0;
-const translator_1 = require("../translator");
-const translator_2 = __importDefault(require("../bak/translator"));
-const Structure__1 = require("./Structure__");
-const Identifier__1 = __importDefault(require("./Identifier__"));
-const Assignment__1 = __importDefault(require("./Assignment__"));
-const BatchAssignment__1 = __importDefault(require("./BatchAssignment__"));
-const CallInterface__1 = __importDefault(require("./CallInterface__"));
-const CallLogic__1 = __importDefault(require("./CallLogic__"));
-const DefaultValue__1 = __importDefault(require("./DefaultValue__"));
-const decorators_1 = require("../decorators");
-const utils = __importStar(require("../utils"));
-const BaseNode_1 = __importDefault(require("../common/BaseNode"));
-const ViewElement__1 = __importDefault(require("./ViewElement__"));
-const Param__1 = __importDefault(require("./Param__"));
-const Variable__1 = __importDefault(require("./Variable__"));
-const Logic__1 = __importDefault(require("./Logic__"));
-const BindEvent__1 = __importDefault(require("./BindEvent__"));
-/**
- * 页面
- */
-let View = class View extends BaseNode_1.default {
-    static { View_1 = this; }
-    /** 类名 */
-    static ConceptName = 'View';
-    /**
-     * 产品概念
-     */
-    concept;
-    /**
-     * 页面模板 Id
-     */
-    // @ts-ignore
-    pageTemplateId;
-    /**
-     * 页面名称
-     */
-    // @ts-ignore
-    name;
-    /**
-     * 唯一标识
-     */
-    // @ts-ignore
-    uuid;
-    /**
-     * 页面标题
-     */
-    // @ts-ignore
-    title;
-    /**
-     * 面包屑
-     */
-    // @ts-ignore
-    crumb;
-    /**
-     * 权限控制
-     */
-    // @ts-ignore
-    auth;
-    /**
-     * 权限资源描述
-     */
-    // @ts-ignore
-    authDescription;
-    /**
-     * 是否是默认跳转的页面
-     */
-    // @ts-ignore
-    isIndex;
-    /**
-     * 未解析的模板代码
-     */
-    // @ts-ignore
-    template;
-    /**
-     * 未解析的逻辑代码
-     */
-    // @ts-ignore
-    script;
-    /**
-     * 未解析的样式代码
-     */
-    // @ts-ignore
-    style;
-    /**
-     * 页面元素列表
-     */
-    elements = [];
-    /**
-     * 输入参数列表
-     */
-    params = [];
-    /**
-     * 变量列表
-     */
-    variables = [];
-    /**
-     * 逻辑列表
-     */
-    logics = [];
-    /**
-     * 元素绑定事件列表
-     */
-    bindEvents = [];
-    /**
-     * 绑定的角色
-     */
-    bindRoles = [];
-    /**
-     * 页面列表
-     */
-    children = [];
-    /**
-     * 祖先 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({}, View_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?.__removeView?.(this);
-        }
-        return params;
-    }
-    /**
-     * 设置页面名称
-     */
-    setName(name) {
-        const object = {
-            name,
-        };
-        this.update({
-            ...object,
-            field: 'name',
-        });
-    }
-    /**
-     * 设置页面标题
-     */
-    setTitle(title) {
-        const object = {
-            title,
-        };
-        this.update({
-            ...object,
-        });
-    }
-    /**
-     * 设置面包屑
-     */
-    setCrumb(crumb) {
-        const object = {
-            crumb,
-        };
-        this.update({
-            ...object,
-        });
-    }
-    /**
-     * 设置权限控制
-     */
-    setAuth(auth) {
-        const object = {
-            auth,
-        };
-        this.update({
-            ...object,
-        });
-    }
-    /**
-     * 设置权限资源描述
-     */
-    setAuthDescription(authDescription) {
-        const object = {
-            authDescription,
-        };
-        this.update({
-            ...object,
-        });
-    }
-    /**
-     * 设置是否是默认跳转的页面
-     */
-    setIsIndex(isIndex) {
-        const object = {
-            isIndex,
-        };
-        this.update({
-            ...object,
-        });
-    }
-    _insertViewElementAt(options, index) {
-        const viewElementOptions = {};
-        const relationOptions = { parentNode: this, parentKey: 'elements' };
-        let viewElement;
-        if (!options) {
-            viewElement = ViewElement__1.default.from({
-                ...viewElementOptions,
-                name: this.getViewElementUniqueName(),
-            }, this, 'elements');
-        }
-        else if (typeof options === 'string') {
-            viewElement = ViewElement__1.default.from({
-                ...viewElementOptions,
-                name: options,
-            }, this, 'elements');
-        }
-        else if (options instanceof ViewElement__1.default) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            viewElement = options;
-            Object.assign(viewElement, relationOptions);
-        }
-        else {
-            viewElement = ViewElement__1.default.from({
-                ...viewElementOptions,
-                ...options,
-            }, this, 'elements');
-        }
-        this.elements.splice(index, 0, viewElement);
-        return viewElement;
-    }
-    insertViewElementAt(options, index) {
-        const node = this._insertViewElementAt(options, index);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'elements',
-        });
-        return node;
-    }
-    _addViewElement(options) {
-        const index = this.elements.length;
-        return this._insertViewElementAt(options, index);
-    }
-    addViewElement(options) {
-        const node = this._addViewElement(options);
-        const index = this.elements.indexOf(node);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'elements',
-        });
-        return node;
-    }
-    getParamUniqueName(name = 'param1') {
-        return utils.unique(name, this.getVarExistingNames(), undefined, false);
-    }
-    _insertParamAt(options, index) {
-        const paramOptions = {};
-        const relationOptions = { parentNode: this, parentKey: 'params' };
-        let param;
-        if (!options) {
-            param = Param__1.default.from({
-                ...paramOptions,
-                name: this.getParamUniqueName(),
-            }, this, 'params');
-        }
-        else if (typeof options === 'string') {
-            param = Param__1.default.from({
-                ...paramOptions,
-                name: options,
-            }, this, 'params');
-        }
-        else if (options instanceof Param__1.default) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            param = options;
-            Object.assign(param, relationOptions);
-        }
-        else {
-            param = Param__1.default.from({
-                ...paramOptions,
-                ...options,
-            }, this, 'params');
-        }
-        this.params.splice(index, 0, param);
-        return param;
-    }
-    insertParamAt(options, index) {
-        const node = this._insertParamAt(options, index);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'params',
-        });
-        return node;
-    }
-    _addParam(options) {
-        const index = this.params.length;
-        return this._insertParamAt(options, index);
-    }
-    addParam(options) {
-        const node = this._addParam(options);
-        const index = this.params.indexOf(node);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'params',
-        });
-        return node;
-    }
-    getVariableUniqueName(name = 'variable1') {
-        return utils.unique(name, this.getVarExistingNames(), undefined, false);
-    }
-    _insertVariableAt(options, index) {
-        const variableOptions = {};
-        const relationOptions = { parentNode: this, parentKey: 'variables' };
-        let variable;
-        if (!options) {
-            variable = Variable__1.default.from({
-                ...variableOptions,
-                name: this.getVariableUniqueName(),
-            }, this, 'variables');
-        }
-        else if (typeof options === 'string') {
-            variable = Variable__1.default.from({
-                ...variableOptions,
-                name: options,
-            }, this, 'variables');
-        }
-        else if (options instanceof Variable__1.default) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            variable = options;
-            Object.assign(variable, relationOptions);
-        }
-        else {
-            variable = Variable__1.default.from({
-                ...variableOptions,
-                ...options,
-            }, this, 'variables');
-        }
-        this.variables.splice(index, 0, variable);
-        return variable;
-    }
-    insertVariableAt(options, index) {
-        const node = this._insertVariableAt(options, index);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'variables',
-        });
-        return node;
-    }
-    _addVariable(options) {
-        const index = this.variables.length;
-        return this._insertVariableAt(options, index);
-    }
-    addVariable(options) {
-        const node = this._addVariable(options);
-        const index = this.variables.indexOf(node);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'variables',
-        });
-        return node;
-    }
-    getLogicUniqueName(name = 'logic1') {
-        return utils.unique(name, this.getLogicExistingNames(), undefined, false);
-    }
-    _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 = this.logics.length;
-        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;
-    }
-    getBindEventExistingNames(excludedList = []) {
-        const excludedSet = new Set(excludedList);
-        return (this.bindEvents || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
-    }
-    getBindEventUniqueName(name = 'bindEvent1') {
-        return utils.unique(name, this.getBindEventExistingNames(), undefined, false);
-    }
-    _insertBindEventAt(options, index) {
-        const bindEventOptions = {};
-        const relationOptions = { parentNode: this, parentKey: 'bindEvents' };
-        let bindEvent;
-        if (!options) {
-            bindEvent = BindEvent__1.default.from({
-                ...bindEventOptions,
-                name: this.getBindEventUniqueName(),
-            }, this, 'bindEvents');
-        }
-        else if (typeof options === 'string') {
-            bindEvent = BindEvent__1.default.from({
-                ...bindEventOptions,
-                name: options,
-            }, this, 'bindEvents');
-        }
-        else if (options instanceof BindEvent__1.default) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            bindEvent = options;
-            Object.assign(bindEvent, relationOptions);
-        }
-        else {
-            bindEvent = BindEvent__1.default.from({
-                ...bindEventOptions,
-                ...options,
-            }, this, 'bindEvents');
-        }
-        this.bindEvents.splice(index, 0, bindEvent);
-        return bindEvent;
-    }
-    insertBindEventAt(options, index) {
-        const node = this._insertBindEventAt(options, index);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'bindEvents',
-        });
-        return node;
-    }
-    _addBindEvent(options) {
-        const index = this.bindEvents.length;
-        return this._insertBindEventAt(options, index);
-    }
-    addBindEvent(options) {
-        const node = this._addBindEvent(options);
-        const index = this.bindEvents.indexOf(node);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'bindEvents',
-        });
-        return node;
-    }
-    getViewExistingNames(excludedList = []) {
-        const excludedSet = new Set(excludedList);
-        return (this.children || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
-    }
-    getViewUniqueName(name = 'view1') {
-        return utils.unique(name, this.getViewExistingNames(), undefined, false);
-    }
-    _insertViewAt(options, index) {
-        const viewOptions = {};
-        const relationOptions = { parentNode: this, parentKey: 'children' };
-        let view;
-        if (!options) {
-            view = View_1.from({
-                ...viewOptions,
-                name: this.getViewUniqueName(),
-            }, this, 'children');
-        }
-        else if (typeof options === 'string') {
-            view = View_1.from({
-                ...viewOptions,
-                name: options,
-            }, this, 'children');
-        }
-        else if (options instanceof View_1) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            view = options;
-            Object.assign(view, relationOptions);
-        }
-        else {
-            view = View_1.from({
-                ...viewOptions,
-                ...options,
-            }, this, 'children');
-        }
-        this.children.splice(index, 0, view);
-        return view;
-    }
-    insertViewAt(options, index) {
-        const node = this._insertViewAt(options, index);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'children',
-        });
-        return node;
-    }
-    _addView(options) {
-        const index = this.children.length;
-        return this._insertViewAt(options, index);
-    }
-    addView(options) {
-        const node = this._addView(options);
-        const index = this.children.indexOf(node);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'children',
-        });
-        return node;
-    }
-    removeViewElement(options) {
-        let viewElement;
-        if (typeof options === 'string') {
-            viewElement = this.elements.find((item) => item.name === options);
-            if (!viewElement) {
-                throw new Error('找不到页面元素 ' + options);
-            }
-        }
-        else {
-            viewElement = options;
-        }
-        return viewElement.delete();
-    }
-    __removeViewElement(viewElement) {
-        const parentKey = viewElement.parentKey;
-        const params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: viewElement,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = viewElement.__v_raw || viewElement;
-            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;
-    }
-    removeParam(options) {
-        let param;
-        if (typeof options === 'string') {
-            param = this.params.find((item) => item.name === options);
-            if (!param) {
-                throw new Error('找不到输入参数 ' + options);
-            }
-        }
-        else {
-            param = options;
-        }
-        return param.delete();
-    }
-    __removeParam(param) {
-        const parentKey = param.parentKey;
-        const params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: param,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = param.__v_raw || param;
-            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;
-    }
-    removeVariable(options) {
-        let variable;
-        if (typeof options === 'string') {
-            variable = this.variables.find((item) => item.name === options);
-            if (!variable) {
-                throw new Error('找不到变量 ' + options);
-            }
-        }
-        else {
-            variable = options;
-        }
-        return variable.delete();
-    }
-    __removeVariable(variable) {
-        const parentKey = variable.parentKey;
-        const params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: variable,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = variable.__v_raw || variable;
-            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;
-    }
-    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;
-    }
-    removeBindEvent(options) {
-        let bindEvent;
-        if (typeof options === 'string') {
-            bindEvent = this.bindEvents.find((item) => item.name === options);
-            if (!bindEvent) {
-                throw new Error('找不到元素绑定事件 ' + options);
-            }
-        }
-        else {
-            bindEvent = options;
-        }
-        return bindEvent.delete();
-    }
-    __removeBindEvent(bindEvent) {
-        const parentKey = bindEvent.parentKey;
-        const params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: bindEvent,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = bindEvent.__v_raw || bindEvent;
-            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;
-    }
-    removeView(options) {
-        let view;
-        if (typeof options === 'string') {
-            view = this.children.find((item) => item.name === options);
-            if (!view) {
-                throw new Error('找不到页面 ' + options);
-            }
-        }
-        else {
-            view = options;
-        }
-        return view.delete();
-    }
-    __removeView(view) {
-        const parentKey = view.parentKey;
-        const params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: view,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = view.__v_raw || view;
-            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 parentAuth() {
-        const _nameSpace = this.getTsNamespace();
-        const _nameSpaceArr = _nameSpace.split('.');
-        const viewsIndex = _nameSpaceArr.findIndex((item) => item === 'views');
-        const mainViewName = _nameSpaceArr[viewsIndex + 1];
-        return mainViewName ? this.frontend.views.find((item) => item.name === mainViewName)?.auth : this.auth;
-    }
-    /**
-     * 设置页面权限
-     */
-    setBindRoles(bindRoles) {
-        const object = {
-            bindRoles,
-        };
-        this.update({
-            ...object,
-        });
-    }
-    findLogicByName(name) {
-        return this.logics.find((logic) => logic.name === name);
-    }
-    existingViewElement = new Set();
-    // 收集已经存在的ViewElement
-    collectExistingViewElementName(excludedList = []) {
-        const excludedSet = new Set(excludedList);
-        this.elements.forEach((element) => {
-            utils.traverse(({ node }) => {
-                if (!excludedSet.has(node)) {
-                    this.existingViewElement.add(node.name);
-                }
-            }, {
-                node: element,
-            });
-        });
-    }
-    // 获取当前页面的所有组件的名字
-    getViewElementExistingNames(excludedList = []) {
-        if (!this.existingViewElement.size) {
-            this.collectExistingViewElementName();
-        }
-        return Array.from(this.existingViewElement);
-    }
-    getViewElementUniqueName(name = 'viewElement1') {
-        this.collectExistingViewElementName();
-        const viewElementUniqueName = utils.unique(name, this.existingViewElement);
-        this.existingViewElement.add(viewElementUniqueName);
-        return viewElementUniqueName;
-    }
-    getAllViewElementNames(excludeName) {
-        const res = [];
-        this.elements.forEach((element) => {
-            utils.traverse(({ node }) => {
-                if (node.name !== excludeName)
-                    res.push(node.name);
-            }, {
-                node: element,
-            });
-        });
-        return Array.from(res);
-    }
-    // 组件名是否有效
-    isValidElementName(name) {
-        if (name) {
-            return !this.getViewElementExistingNames().find((existingName) => existingName === name);
-        }
-        return false;
-    }
-    static TAG_NAME_PREFIX_REG = /^([lieu]|van)[-_]/;
-    mergeBlock({ code, nodePath, position, cb }) {
-        const template = utils.sliceTagContent(code, 'template');
-        let targetNode = this.app.findNodeByPath(nodePath);
-        let parentNode = position === 'append' ? targetNode : targetNode.parentNode;
-        if (parentNode.concept === 'View') {
-            parentNode = targetNode;
-            if (position === 'insertBefore') {
-                targetNode = parentNode.children[0];
-            }
-            else if (position === 'insertAfter') {
-                const len = parentNode.children.length;
-                targetNode = parentNode.children[len - 1];
-            }
-        }
-        const definitionStr = utils.sliceTagContent(code, 'definition') || '{}';
-        const definition = JSON.parse(definitionStr);
-        let node = null;
-        if (template) {
-            node = ViewElement__1.default.fromHTML(template, {
-                view: this,
-                definition,
-            });
-            if (!parentNode) {
-                return;
-            }
-            if (position === 'append') {
-                parentNode.addViewElement(node);
-                cb && cb(parentNode, node);
-            }
-            else {
-                const index = targetNode.getIndexOfParent();
-                if (position === 'insertBefore') {
-                    parentNode.insertViewElementAt(node, index);
-                }
-                else if (position === 'insertAfter') {
-                    parentNode.insertViewElementAt(node, index + 1);
-                }
-            }
-        }
-        // 服务端逻辑
-        if (Array.isArray(definition.logics)) {
-            definition.logics.forEach((logicOption) => {
-                const logic = Logic__1.default.from({
-                    ...logicOption,
-                }, this.rootNode, 'logics');
-                this.rootNode.addLogic(logic);
-            });
-        }
-        // 全局结构体
-        if (Array.isArray(definition.structures)) {
-            definition.structures.forEach((structureOption) => {
-                const structure = Structure__1.Structure.from({
-                    ...structureOption,
-                }, this.rootNode, 'structures');
-                this.rootNode.addStructure(structure);
-            });
-        }
-        // 页面入参
-        if (Array.isArray(definition.viewParams)) {
-            definition.viewParams.forEach((paramsOption) => {
-                const param = Param__1.default.from({
-                    ...paramsOption,
-                }, this, 'params');
-                this._addParam(param);
-                param.addParamsPrepare();
-            });
-        }
-        // 页面变量
-        if (Array.isArray(definition.viewVariables)) {
-            definition.viewVariables.forEach((variableOption) => {
-                const variable = Variable__1.default.from({
-                    ...variableOption,
-                }, this, 'variables');
-                this.addVariable(variable);
-            });
-        }
-        // 页面逻辑
-        if (Array.isArray(definition.viewLogics)) {
-            definition.viewLogics.forEach((logicOption) => {
-                // 页面逻辑只有load函数的走之前的逻辑其余不用创建
-                if (logicOption.name.startsWith('load')) {
-                    // const logic = Logic.from(
-                    //   {
-                    //     ...logicOption,
-                    //   },
-                    //   this,
-                    //   'logics'
-                    // );
-                    // this.addLogic(logic);
-                }
-            });
-        }
-        // 页面事件
-        if (Array.isArray(definition.viewBindEvents)) {
-            definition.viewBindEvents.forEach((eventOption) => {
-                const newLogic = definition.viewLogics.find((logic) => eventOption.calleeName === logic.name);
-                const bindEvent = this.bindEvents.find((currentEventItem) => currentEventItem.name === eventOption.name);
-                // 如果没有event对象就先新增一个，如果已经有了就在内部添加logic
-                if (!bindEvent) {
-                    const event = BindEvent__1.default.from({
-                        ...eventOption,
-                        calleeName: '',
-                        logics: [newLogic],
-                    }, this, 'events');
-                    this.addBindEvent(event);
-                }
-                else {
-                    const index = bindEvent.logics.length;
-                    newLogic.name += index;
-                    bindEvent.addLogic(newLogic);
-                }
-            });
-        }
-        return node;
-    }
-    onChange($event) {
-        this.emit('change', $event);
-    }
-    getLogicExistingNames(excludedList = []) {
-        const excludedSet = new Set(excludedList);
-        const varList = [];
-        if (Array.isArray(this.params)) {
-            varList.push(...this.params);
-        }
-        if (Array.isArray(this.variables)) {
-            varList.push(...this.variables);
-        }
-        if (Array.isArray(this.logics)) {
-            varList.push(...this.logics);
-        }
-        return varList.filter((item) => !excludedSet.has(item)).map((item) => item.name);
-    }
-    getVarExistingNames(excludedList = []) {
-        const excludedSet = new Set(excludedList);
-        const varList = [];
-        if (Array.isArray(this.params)) {
-            varList.push(...this.params);
-        }
-        if (Array.isArray(this.variables)) {
-            varList.push(...this.variables);
-        }
-        if (Array.isArray(this.logics)) {
-            this.logics.forEach((logic) => {
-                varList.push(logic);
-                if (Array.isArray(logic.params)) {
-                    varList.push(...logic.params);
-                }
-                if (Array.isArray(logic.returns)) {
-                    varList.push(...logic.returns);
-                }
-                if (Array.isArray(logic.variables)) {
-                    varList.push(...logic.variables);
-                }
-            });
-        }
-        // 事件逻辑的变量不允许和页面逻辑下的重复
-        if (Array.isArray(this.elementLogicRoot) && this.elementLogicRoot.length) {
-            this.elementLogicRoot[0]?.children.forEach((logic) => {
-                if (Array.isArray(logic.variables)) {
-                    varList.push(...logic.variables);
-                }
-            });
-        }
-        return varList.filter((item) => !excludedSet.has(item)).map((item) => item.name);
-    }
-    /**
-     * 生成 Vue 中需要的 JS 代码
-     * @TODO 这一版先做成 componentOptions 式的，后面再美化
-     */
-    genScript() {
-        const componentList = [];
-        const componentListExtra = [];
-        this.elementsAttrs(this.elements, componentList);
-        this.elementsAttrsAll(this.elements, componentListExtra);
-        const definition = {
-            params: this.params,
-            variables: this.variables,
-            logics: this.logics,
-            events: this.bindEvents,
-            title: this.title,
-            crumb: this.crumb,
-            first: this.children.find((child) => child.isIndex)?.name,
-            auth: this.auth ? 'loginAuth' : undefined,
-            viewBindEvents: this.getViewBindEvents(),
-            viewExpressions: this.getViewExpressions(),
-            elements: componentList,
-            elementsAll: componentListExtra,
-        };
-        let code = '';
-        let mixin = '';
+"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 View_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = exports.View = void 0;
+const translator_1 = require("../translator");
+const translator_2 = __importDefault(require("../bak/translator"));
+const Structure__1 = require("./Structure__");
+const Identifier__1 = __importDefault(require("./Identifier__"));
+const Assignment__1 = __importDefault(require("./Assignment__"));
+const BatchAssignment__1 = __importDefault(require("./BatchAssignment__"));
+const CallInterface__1 = __importDefault(require("./CallInterface__"));
+const CallLogic__1 = __importDefault(require("./CallLogic__"));
+const DefaultValue__1 = __importDefault(require("./DefaultValue__"));
+const decorators_1 = require("../decorators");
+const utils = __importStar(require("../utils"));
+const BaseNode_1 = __importDefault(require("../common/BaseNode"));
+const ViewElement__1 = __importDefault(require("./ViewElement__"));
+const Param__1 = __importDefault(require("./Param__"));
+const Variable__1 = __importDefault(require("./Variable__"));
+const Logic__1 = __importDefault(require("./Logic__"));
+const BindEvent__1 = __importDefault(require("./BindEvent__"));
+/**
+ * 页面
+ */
+let View = View_1 = 
+// @ts-ignore
+class View extends BaseNode_1.default {
+    /** 类名 */
+    static ConceptName = 'View';
+    /** 继承链 */
+    static inheritanceChain = ['BaseNode'];
+    /**
+     * 产品概念
+     */
+    concept;
+    /**
+     * 页面模板 Id
+     */
+    // @ts-ignore
+    pageTemplateId;
+    /**
+     * 页面名称
+     */
+    // @ts-ignore
+    name;
+    /**
+     * 唯一标识
+     */
+    // @ts-ignore
+    uuid;
+    /**
+     * 页面标题
+     */
+    // @ts-ignore
+    title;
+    /**
+     * 面包屑
+     */
+    // @ts-ignore
+    crumb;
+    /**
+     * 权限控制
+     */
+    // @ts-ignore
+    auth;
+    /**
+     * 权限资源描述
+     */
+    // @ts-ignore
+    authDescription;
+    /**
+     * 是否是默认跳转的页面
+     */
+    // @ts-ignore
+    isIndex;
+    /**
+     * 未解析的模板代码
+     */
+    // @ts-ignore
+    template;
+    /**
+     * 未解析的逻辑代码
+     */
+    // @ts-ignore
+    script;
+    /**
+     * 未解析的样式代码
+     */
+    // @ts-ignore
+    style;
+    /**
+     * 页面元素列表
+     */
+    elements = [];
+    /**
+     * 输入参数列表
+     */
+    params = [];
+    /**
+     * 变量列表
+     */
+    variables = [];
+    /**
+     * 逻辑列表
+     */
+    logics = [];
+    /**
+     * 元素绑定事件列表
+     */
+    bindEvents = [];
+    /**
+     * 绑定的角色
+     */
+    bindRoles = [];
+    /**
+     * 页面列表
+     */
+    children = [];
+    /**
+     * 祖先 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({}, View_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?.__removeView?.(this);
+        }
+        return params;
+    }
+    /**
+     * 设置页面名称
+     */
+    setName(name) {
+        const object = {
+            name,
+        };
+        this.update({
+            ...object,
+            field: 'name',
+        });
+    }
+    /**
+     * 设置页面标题
+     */
+    setTitle(title) {
+        const object = {
+            title,
+        };
+        this.update({
+            ...object,
+        });
+    }
+    /**
+     * 设置面包屑
+     */
+    setCrumb(crumb) {
+        const object = {
+            crumb,
+        };
+        this.update({
+            ...object,
+        });
+    }
+    /**
+     * 设置权限控制
+     */
+    setAuth(auth) {
+        const object = {
+            auth,
+        };
+        this.update({
+            ...object,
+        });
+    }
+    /**
+     * 设置权限资源描述
+     */
+    setAuthDescription(authDescription) {
+        const object = {
+            authDescription,
+        };
+        this.update({
+            ...object,
+        });
+    }
+    /**
+     * 设置是否是默认跳转的页面
+     */
+    setIsIndex(isIndex) {
+        const object = {
+            isIndex,
+        };
+        this.update({
+            ...object,
+        });
+    }
+    _insertViewElementAt(options, index) {
+        const viewElementOptions = {};
+        const relationOptions = { parentNode: this, parentKey: 'elements' };
+        let viewElement;
+        if (!options) {
+            viewElement = ViewElement__1.default.from({
+                ...viewElementOptions,
+                name: this.getViewElementUniqueName(),
+            }, this, 'elements');
+        }
+        else if (typeof options === 'string') {
+            viewElement = ViewElement__1.default.from({
+                ...viewElementOptions,
+                name: options,
+            }, this, 'elements');
+        }
+        else if (options instanceof ViewElement__1.default) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            viewElement = options;
+            Object.assign(viewElement, relationOptions);
+        }
+        else {
+            viewElement = ViewElement__1.default.from({
+                ...viewElementOptions,
+                ...options,
+            }, this, 'elements');
+        }
+        this.elements.splice(index, 0, viewElement);
+        return viewElement;
+    }
+    insertViewElementAt(options, index) {
+        const node = this._insertViewElementAt(options, index);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'elements',
+        });
+        return node;
+    }
+    _addViewElement(options) {
+        const index = this.elements.length;
+        return this._insertViewElementAt(options, index);
+    }
+    addViewElement(options) {
+        const node = this._addViewElement(options);
+        const index = this.elements.indexOf(node);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'elements',
+        });
+        return node;
+    }
+    getParamUniqueName(name = 'param1') {
+        return utils.unique(name, this.getVarExistingNames(), undefined, false);
+    }
+    _insertParamAt(options, index) {
+        const paramOptions = {};
+        const relationOptions = { parentNode: this, parentKey: 'params' };
+        let param;
+        if (!options) {
+            param = Param__1.default.from({
+                ...paramOptions,
+                name: this.getParamUniqueName(),
+            }, this, 'params');
+        }
+        else if (typeof options === 'string') {
+            param = Param__1.default.from({
+                ...paramOptions,
+                name: options,
+            }, this, 'params');
+        }
+        else if (options instanceof Param__1.default) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            param = options;
+            Object.assign(param, relationOptions);
+        }
+        else {
+            param = Param__1.default.from({
+                ...paramOptions,
+                ...options,
+            }, this, 'params');
+        }
+        this.params.splice(index, 0, param);
+        return param;
+    }
+    insertParamAt(options, index) {
+        const node = this._insertParamAt(options, index);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'params',
+        });
+        return node;
+    }
+    _addParam(options) {
+        const index = this.params.length;
+        return this._insertParamAt(options, index);
+    }
+    addParam(options) {
+        const node = this._addParam(options);
+        const index = this.params.indexOf(node);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'params',
+        });
+        return node;
+    }
+    getVariableUniqueName(name = 'variable1') {
+        return utils.unique(name, this.getVarExistingNames(), undefined, false);
+    }
+    _insertVariableAt(options, index) {
+        const variableOptions = {};
+        const relationOptions = { parentNode: this, parentKey: 'variables' };
+        let variable;
+        if (!options) {
+            variable = Variable__1.default.from({
+                ...variableOptions,
+                name: this.getVariableUniqueName(),
+            }, this, 'variables');
+        }
+        else if (typeof options === 'string') {
+            variable = Variable__1.default.from({
+                ...variableOptions,
+                name: options,
+            }, this, 'variables');
+        }
+        else if (options instanceof Variable__1.default) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            variable = options;
+            Object.assign(variable, relationOptions);
+        }
+        else {
+            variable = Variable__1.default.from({
+                ...variableOptions,
+                ...options,
+            }, this, 'variables');
+        }
+        this.variables.splice(index, 0, variable);
+        return variable;
+    }
+    insertVariableAt(options, index) {
+        const node = this._insertVariableAt(options, index);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'variables',
+        });
+        return node;
+    }
+    _addVariable(options) {
+        const index = this.variables.length;
+        return this._insertVariableAt(options, index);
+    }
+    addVariable(options) {
+        const node = this._addVariable(options);
+        const index = this.variables.indexOf(node);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'variables',
+        });
+        return node;
+    }
+    getLogicUniqueName(name = 'logic1') {
+        return utils.unique(name, this.getLogicExistingNames(), undefined, false);
+    }
+    _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 = this.logics.length;
+        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;
+    }
+    getBindEventExistingNames(excludedList = []) {
+        const excludedSet = new Set(excludedList);
+        return (this.bindEvents || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
+    }
+    getBindEventUniqueName(name = 'bindEvent1') {
+        return utils.unique(name, this.getBindEventExistingNames(), undefined, false);
+    }
+    _insertBindEventAt(options, index) {
+        const bindEventOptions = {};
+        const relationOptions = { parentNode: this, parentKey: 'bindEvents' };
+        let bindEvent;
+        if (!options) {
+            bindEvent = BindEvent__1.default.from({
+                ...bindEventOptions,
+                name: this.getBindEventUniqueName(),
+            }, this, 'bindEvents');
+        }
+        else if (typeof options === 'string') {
+            bindEvent = BindEvent__1.default.from({
+                ...bindEventOptions,
+                name: options,
+            }, this, 'bindEvents');
+        }
+        else if (options instanceof BindEvent__1.default) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            bindEvent = options;
+            Object.assign(bindEvent, relationOptions);
+        }
+        else {
+            bindEvent = BindEvent__1.default.from({
+                ...bindEventOptions,
+                ...options,
+            }, this, 'bindEvents');
+        }
+        this.bindEvents.splice(index, 0, bindEvent);
+        return bindEvent;
+    }
+    insertBindEventAt(options, index) {
+        const node = this._insertBindEventAt(options, index);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'bindEvents',
+        });
+        return node;
+    }
+    _addBindEvent(options) {
+        const index = this.bindEvents.length;
+        return this._insertBindEventAt(options, index);
+    }
+    addBindEvent(options) {
+        const node = this._addBindEvent(options);
+        const index = this.bindEvents.indexOf(node);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'bindEvents',
+        });
+        return node;
+    }
+    getViewExistingNames(excludedList = []) {
+        const excludedSet = new Set(excludedList);
+        return (this.children || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
+    }
+    getViewUniqueName(name = 'view1') {
+        return utils.unique(name, this.getViewExistingNames(), undefined, false);
+    }
+    _insertViewAt(options, index) {
+        const viewOptions = {};
+        const relationOptions = { parentNode: this, parentKey: 'children' };
+        let view;
+        if (!options) {
+            view = View_1.from({
+                ...viewOptions,
+                name: this.getViewUniqueName(),
+            }, this, 'children');
+        }
+        else if (typeof options === 'string') {
+            view = View_1.from({
+                ...viewOptions,
+                name: options,
+            }, this, 'children');
+        }
+        else if (options instanceof View_1) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            view = options;
+            Object.assign(view, relationOptions);
+        }
+        else {
+            view = View_1.from({
+                ...viewOptions,
+                ...options,
+            }, this, 'children');
+        }
+        this.children.splice(index, 0, view);
+        return view;
+    }
+    insertViewAt(options, index) {
+        const node = this._insertViewAt(options, index);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'children',
+        });
+        return node;
+    }
+    _addView(options) {
+        const index = this.children.length;
+        return this._insertViewAt(options, index);
+    }
+    addView(options) {
+        const node = this._addView(options);
+        const index = this.children.indexOf(node);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'children',
+        });
+        return node;
+    }
+    removeViewElement(options) {
+        let viewElement;
+        if (typeof options === 'string') {
+            viewElement = this.elements.find((item) => item.name === options);
+            if (!viewElement) {
+                throw new Error('找不到页面元素 ' + options);
+            }
+        }
+        else {
+            viewElement = options;
+        }
+        return viewElement.delete();
+    }
+    __removeViewElement(viewElement) {
+        const parentKey = viewElement.parentKey;
+        const params = {
+            parentNode: this,
+            parentKey,
+            index: -1,
+            object: null,
+            oldObject: viewElement,
+        };
+        if (parentKey) {
+            params.parentKey = parentKey;
+            // @ts-ignore
+            const t = this.__v_raw || this;
+            // @ts-ignore
+            const n = viewElement.__v_raw || viewElement;
+            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;
+    }
+    removeParam(options) {
+        let param;
+        if (typeof options === 'string') {
+            param = this.params.find((item) => item.name === options);
+            if (!param) {
+                throw new Error('找不到输入参数 ' + options);
+            }
+        }
+        else {
+            param = options;
+        }
+        return param.delete();
+    }
+    __removeParam(param) {
+        const parentKey = param.parentKey;
+        const params = {
+            parentNode: this,
+            parentKey,
+            index: -1,
+            object: null,
+            oldObject: param,
+        };
+        if (parentKey) {
+            params.parentKey = parentKey;
+            // @ts-ignore
+            const t = this.__v_raw || this;
+            // @ts-ignore
+            const n = param.__v_raw || param;
+            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;
+    }
+    removeVariable(options) {
+        let variable;
+        if (typeof options === 'string') {
+            variable = this.variables.find((item) => item.name === options);
+            if (!variable) {
+                throw new Error('找不到变量 ' + options);
+            }
+        }
+        else {
+            variable = options;
+        }
+        return variable.delete();
+    }
+    __removeVariable(variable) {
+        const parentKey = variable.parentKey;
+        const params = {
+            parentNode: this,
+            parentKey,
+            index: -1,
+            object: null,
+            oldObject: variable,
+        };
+        if (parentKey) {
+            params.parentKey = parentKey;
+            // @ts-ignore
+            const t = this.__v_raw || this;
+            // @ts-ignore
+            const n = variable.__v_raw || variable;
+            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;
+    }
+    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;
+    }
+    removeBindEvent(options) {
+        let bindEvent;
+        if (typeof options === 'string') {
+            bindEvent = this.bindEvents.find((item) => item.name === options);
+            if (!bindEvent) {
+                throw new Error('找不到元素绑定事件 ' + options);
+            }
+        }
+        else {
+            bindEvent = options;
+        }
+        return bindEvent.delete();
+    }
+    __removeBindEvent(bindEvent) {
+        const parentKey = bindEvent.parentKey;
+        const params = {
+            parentNode: this,
+            parentKey,
+            index: -1,
+            object: null,
+            oldObject: bindEvent,
+        };
+        if (parentKey) {
+            params.parentKey = parentKey;
+            // @ts-ignore
+            const t = this.__v_raw || this;
+            // @ts-ignore
+            const n = bindEvent.__v_raw || bindEvent;
+            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;
+    }
+    removeView(options) {
+        let view;
+        if (typeof options === 'string') {
+            view = this.children.find((item) => item.name === options);
+            if (!view) {
+                throw new Error('找不到页面 ' + options);
+            }
+        }
+        else {
+            view = options;
+        }
+        return view.delete();
+    }
+    __removeView(view) {
+        const parentKey = view.parentKey;
+        const params = {
+            parentNode: this,
+            parentKey,
+            index: -1,
+            object: null,
+            oldObject: view,
+        };
+        if (parentKey) {
+            params.parentKey = parentKey;
+            // @ts-ignore
+            const t = this.__v_raw || this;
+            // @ts-ignore
+            const n = view.__v_raw || view;
+            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 parentAuth() {
+        const _nameSpace = this.getTsNamespace();
+        const _nameSpaceArr = _nameSpace.split('.');
+        const viewsIndex = _nameSpaceArr.findIndex((item) => item === 'views');
+        const mainViewName = _nameSpaceArr[viewsIndex + 1];
+        return mainViewName ? this.frontend.views.find((item) => item.name === mainViewName)?.auth : this.auth;
+    }
+    /**
+     * 设置页面权限
+     */
+    setBindRoles(bindRoles) {
+        const object = {
+            bindRoles,
+        };
+        this.update({
+            ...object,
+        });
+    }
+    findLogicByName(name) {
+        return this.logics.find((logic) => logic.name === name);
+    }
+    existingViewElement = new Set();
+    // 收集已经存在的ViewElement
+    collectExistingViewElementName(excludedList = []) {
+        const excludedSet = new Set(excludedList);
+        this.elements.forEach((element) => {
+            utils.traverse(({ node }) => {
+                if (!excludedSet.has(node)) {
+                    this.existingViewElement.add(node.name);
+                }
+            }, {
+                node: element,
+            });
+        });
+    }
+    // 获取当前页面的所有组件的名字
+    getViewElementExistingNames(excludedList = []) {
+        if (!this.existingViewElement.size) {
+            this.collectExistingViewElementName();
+        }
+        return Array.from(this.existingViewElement);
+    }
+    getViewElementUniqueName(name = 'viewElement1') {
+        this.collectExistingViewElementName();
+        const viewElementUniqueName = utils.unique(name, this.existingViewElement);
+        this.existingViewElement.add(viewElementUniqueName);
+        return viewElementUniqueName;
+    }
+    getAllViewElementNames(excludeName) {
+        const res = [];
+        this.elements.forEach((element) => {
+            utils.traverse(({ node }) => {
+                if (node.name !== excludeName)
+                    res.push(node.name);
+            }, {
+                node: element,
+            });
+        });
+        return Array.from(res);
+    }
+    // 组件名是否有效
+    isValidElementName(name) {
+        if (name) {
+            return !this.getViewElementExistingNames().find((existingName) => existingName === name);
+        }
+        return false;
+    }
+    static TAG_NAME_PREFIX_REG = /^([lieu]|van)[-_]/;
+    mergeBlock({ code, nodePath, position, cb }) {
+        const template = utils.sliceTagContent(code, 'template');
+        let targetNode = this.app.findNodeByPath(nodePath);
+        let parentNode = position === 'append' ? targetNode : targetNode.parentNode;
+        if (parentNode.concept === 'View') {
+            parentNode = targetNode;
+            if (position === 'insertBefore') {
+                targetNode = parentNode.children[0];
+            }
+            else if (position === 'insertAfter') {
+                const len = parentNode.children.length;
+                targetNode = parentNode.children[len - 1];
+            }
+        }
+        const definitionStr = utils.sliceTagContent(code, 'definition') || '{}';
+        const definition = JSON.parse(definitionStr);
+        let node = null;
+        if (template) {
+            node = ViewElement__1.default.fromHTML(template, {
+                view: this,
+                definition,
+            });
+            if (!parentNode) {
+                return;
+            }
+            if (position === 'append') {
+                parentNode.addViewElement(node);
+                cb && cb(parentNode, node);
+            }
+            else {
+                const index = targetNode.getIndexOfParent();
+                if (position === 'insertBefore') {
+                    parentNode.insertViewElementAt(node, index);
+                }
+                else if (position === 'insertAfter') {
+                    parentNode.insertViewElementAt(node, index + 1);
+                }
+            }
+        }
+        // 服务端逻辑
+        if (Array.isArray(definition.logics)) {
+            definition.logics.forEach((logicOption) => {
+                const logic = Logic__1.default.from({
+                    ...logicOption,
+                }, this.rootNode, 'logics');
+                this.rootNode.addLogic(logic);
+            });
+        }
+        // 全局结构体
+        if (Array.isArray(definition.structures)) {
+            definition.structures.forEach((structureOption) => {
+                const structure = Structure__1.Structure.from({
+                    ...structureOption,
+                }, this.rootNode, 'structures');
+                this.rootNode.addStructure(structure);
+            });
+        }
+        // 页面入参
+        if (Array.isArray(definition.viewParams)) {
+            definition.viewParams.forEach((paramsOption) => {
+                const param = Param__1.default.from({
+                    ...paramsOption,
+                }, this, 'params');
+                this._addParam(param);
+                param.addParamsPrepare();
+            });
+        }
+        // 页面变量
+        if (Array.isArray(definition.viewVariables)) {
+            definition.viewVariables.forEach((variableOption) => {
+                const variable = Variable__1.default.from({
+                    ...variableOption,
+                }, this, 'variables');
+                this.addVariable(variable);
+            });
+        }
+        // 页面逻辑
+        if (Array.isArray(definition.viewLogics)) {
+            definition.viewLogics.forEach((logicOption) => {
+                // 页面逻辑只有load函数的走之前的逻辑其余不用创建
+                if (logicOption.name.startsWith('load')) {
+                    // const logic = Logic.from(
+                    //   {
+                    //     ...logicOption,
+                    //   },
+                    //   this,
+                    //   'logics'
+                    // );
+                    // this.addLogic(logic);
+                }
+            });
+        }
+        // 页面事件
+        if (Array.isArray(definition.viewBindEvents)) {
+            definition.viewBindEvents.forEach((eventOption) => {
+                const newLogic = definition.viewLogics.find((logic) => eventOption.calleeName === logic.name);
+                const bindEvent = this.bindEvents.find((currentEventItem) => currentEventItem.name === eventOption.name);
+                // 如果没有event对象就先新增一个，如果已经有了就在内部添加logic
+                if (!bindEvent) {
+                    const event = BindEvent__1.default.from({
+                        ...eventOption,
+                        calleeName: '',
+                        logics: [newLogic],
+                    }, this, 'events');
+                    this.addBindEvent(event);
+                }
+                else {
+                    bindEvent.addLogic(newLogic);
+                }
+            });
+        }
+        return node;
+    }
+    onChange($event) {
+        this.emit('change', $event);
+    }
+    getLogicExistingNames(excludedList = []) {
+        const excludedSet = new Set(excludedList);
+        const varList = [];
+        if (Array.isArray(this.params)) {
+            varList.push(...this.params);
+        }
+        if (Array.isArray(this.variables)) {
+            varList.push(...this.variables);
+        }
+        if (Array.isArray(this.logics)) {
+            varList.push(...this.logics);
+        }
+        if (Array.isArray(this.bindEvents)) {
+            this.bindEvents.forEach((bindEvent) => {
+                if (Array.isArray(bindEvent.logics)) {
+                    varList.push(...bindEvent.logics);
+                }
+            });
+        }
+        return varList.filter((item) => !excludedSet.has(item)).map((item) => item.name);
+    }
+    getVarExistingNames(excludedList = []) {
+        const excludedSet = new Set(excludedList);
+        const varList = [];
+        if (Array.isArray(this.params)) {
+            varList.push(...this.params);
+        }
+        if (Array.isArray(this.variables)) {
+            varList.push(...this.variables);
+        }
+        if (Array.isArray(this.logics)) {
+            this.logics.forEach((logic) => {
+                varList.push(logic);
+                if (Array.isArray(logic.params)) {
+                    varList.push(...logic.params);
+                }
+                if (Array.isArray(logic.returns)) {
+                    varList.push(...logic.returns);
+                }
+                if (Array.isArray(logic.variables)) {
+                    varList.push(...logic.variables);
+                }
+            });
+        }
+        // 事件逻辑的变量不允许和页面逻辑下的重复
+        if (Array.isArray(this.elementLogicRoot) && this.elementLogicRoot.length) {
+            this.elementLogicRoot[0]?.children.forEach((logic) => {
+                if (Array.isArray(logic.variables)) {
+                    varList.push(...logic.variables);
+                }
+            });
+        }
+        return varList.filter((item) => !excludedSet.has(item)).map((item) => item.name);
+    }
+    /**
+     * 生成 Vue 中需要的 JS 代码
+     * @TODO 这一版先做成 componentOptions 式的，后面再美化
+     */
+    genScript() {
+        const componentList = [];
+        const componentListExtra = [];
+        this.elementsAttrs(this.elements, componentList);
+        this.elementsAttrsAll(this.elements, componentListExtra);
+        const definition = {
+            params: this.params,
+            variables: this.variables,
+            logics: this.logics,
+            events: this.bindEvents,
+            title: this.title,
+            crumb: this.crumb,
+            first: this.children.find((child) => child.isIndex)?.name,
+            auth: this.auth ? 'loginAuth' : undefined,
+            viewBindEvents: this.getViewBindEvents(),
+            viewExpressions: this.getViewExpressions(),
+            elements: componentList,
+            elementsAll: componentListExtra,
+        };
+        let code = '';
+        let mixin = '';
         const keyboardEventMixinCode = `const keyboardEventMixin = {
             mounted() {
                 document.addEventListener('keydown', this.onKeyDown);
@@ -1107,1133 +1121,1121 @@ let View = class View extends BaseNode_1.default {
             },
             methods: {
                 async onKeyDown(e) {
-                    ${this.bindEvents
-            .filter((event) => ['keydown'].includes(event.name))
-            .map((event) => `await this.${event.view.name}_${event.name}(e);`)
+                    ${this.bindEvents
+            .filter((event) => ['keydown'].includes(event.name))
+            .map((event) => `await this.${event.view.name}_${event.name}(e);`)
             .join('\n')}
                 },
                 async onKeyUp(e) {
-                    ${this.bindEvents
-            .filter((event) => ['keyup'].includes(event.name))
-            .map((event) => `await this.${event.view.name}_${event.name}(e);`)
+                    ${this.bindEvents
+            .filter((event) => ['keyup'].includes(event.name))
+            .map((event) => `await this.${event.view.name}_${event.name}(e);`)
             .join('\n')}
                 }
             }
-        };`;
-        code += keyboardEventMixinCode;
-        if (this.script) {
-            mixin = this.script.trim().replace(/export default |module\.exports +=/, 'const mixin = ');
-        }
-        if (mixin) {
-            code += mixin;
-        }
-        code += 'export default {\n';
-        code += 'mixins: [';
-        const mixins = [];
-        // mixin
-        if (mixin) {
-            mixins.push('mixin');
-        }
-        // 键盘事件mixin
-        mixins.push('keyboardEventMixin');
-        code += mixins.join(',');
-        code += '],';
-        code += (0, translator_2.default)(definition);
-        code += '};\n';
-        return code;
-    }
-    genVueTemplate(options) {
-        return this.elements?.map((element) => `${element?.toVue(options)}\n`).join('');
-    }
-    /**
-     * 转换成 Vue 文件
-     */
-    toVue(options) {
-        let result = '';
-        result += `<template>\n${this.genVueTemplate(options)}\n</template>\n`;
-        result += `<script>\n${this.genScript()}\n</script>\n`;
-        return result;
-    }
-    /**
-     * 转换成设计器中使用的 Vue template 内容
-     * @param options
-     */
-    genDesignerVueTemplate() {
-        return this.elements.map((element) => `${element.toDesignerVue()}\n`).join('');
-    }
-    /**
-     * 转换成设计器中使用的 Vue 文件
-     * 目前不需要 script 和 style
-     * @param options
-     */
-    toDesignerVue() {
-        return `<template>\n${this.genDesignerVueTemplate()}</template>`;
-    }
-    /**
-     * 转换成 VueOptions
-     * @TODO 后面 template 可以优化成 render 函数
-     */
-    toVueOptions(options) {
-        return {
-            template: this.genVueTemplate(options),
-            script: this.genScript(),
-        };
-    }
-    /**
-     * 生成宿主语言的文件路径
-     * @param name 一般不用传，用于 rename
-     */
-    getEmbeddedFilePath(name = this.name) {
-        let pathName = name;
-        let parent = this.parentNode;
-        if (parent) {
-            while (parent && parent instanceof View_1) {
-                pathName = `${parent.name}/${pathName}`;
-                parent = parent.parentNode;
-            }
-        }
-        return `/embedded/${this.app.name}/frontends/${this.frontend.name}/views/${pathName}.ts`;
-    }
-    getNamespace() {
-        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('.')}.views`;
-        }
-        throw new Error('无法获取命名空间，请设置 parentNode！');
-    }
-    getTsNamespace() {
-        const parentNodeNamespace = this.getNamespace();
-        let tsCalleeNamespace = parentNodeNamespace.replace(/\.[0-9]/g, (m) => m.replace('.', '.$'));
-        tsCalleeNamespace = tsCalleeNamespace.replace(/-/g, '_');
-        return tsCalleeNamespace;
-    }
-    // 获取当前element，铺平
-    elementsMethods(elements, allMethods, parentNodeNames) {
-        if (elements) {
-            elements.forEach((item) => {
-                const { bindAttrs = [], name } = item;
-                const isDataSource = bindAttrs.some((attr) => attr.name === 'data-source');
-                const isInclude = parentNodeNames.includes(name);
-                allMethods.push(item);
-                if (item.children) {
-                    if (isDataSource) {
-                        if (isInclude) {
-                            this.elementsMethods(item.children, allMethods, parentNodeNames);
-                        }
-                    }
-                    else {
-                        this.elementsMethods(item.children, allMethods, parentNodeNames);
-                    }
-                }
-            });
-        }
-    }
-    // 获取当前element，铺平
-    elementsAttrs(elements, componentList) {
-        if (elements) {
-            elements.forEach((item) => {
-                if (exports.PAGE_COMPONENT_INCLUDE_TAG_MAP?.[item.tag]) {
-                    componentList.push(item);
-                }
-                if (item.children.length > 0) {
-                    this.elementsAttrs(item.children, componentList);
-                }
-            });
-        }
-    }
-    elementsAttrsAll(elements, componentListExtra) {
-        if (elements) {
-            elements.forEach((item) => {
-                if (!exports.PAGE_COMPONENT_INCLUDE_TAG_MAP?.[item.tag]) {
-                    componentListExtra.push(item);
-                }
-                if (item.children.length > 0) {
-                    this.elementsAttrsAll(item.children, componentListExtra);
-                }
-            });
-        }
-    }
-    toEmbeddedTS(state = (0, translator_1.createCompilerState)()) {
-        function chineseTsName(name) {
-            let tsName = name;
-            // 匹配所有特殊字符都转为_
-            tsName = tsName.replace(/[^\u4e00-\u9fa5a-zA-Z0-9]/g, '_');
-            return tsName;
-        }
-        // 获取虚拟logic的参数和内容
-        // 用作展示和tots查找引用
-        this.getElementLogicRoot();
-        let code = `export namespace ${this.tsName} {\n`;
-        // 角色
-        if (Array.isArray(this.bindRoles) && this.bindRoles.length) {
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
-            code += 'export let __bindRoles = [\n';
-            this.bindRoles.forEach((role) => {
-                code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
-                code += `${this.app.getNamespace()}.roles.${chineseTsName(role)}.${chineseTsName(role)},`;
-                code += '\n';
-            });
-            code += '\n';
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
-            code += '];\n';
-        }
-        // 需要类型推导的局部变量/返回值需要调整申明顺序
-        const advanceMap = new Map();
-        this.traverseChildren((el) => {
-            if (el && (el instanceof BatchAssignment__1.default || (el instanceof Assignment__1.default && el.left?.name))) {
-                // 子页面内部逻辑过滤
-                if (el.view !== this)
-                    return;
-                if (el instanceof Assignment__1.default) {
-                    const advanceVar = this.variables?.find((variable) => !variable.typeAnnotation && el.left?.name === variable.name);
-                    if (advanceVar && !advanceMap.get(advanceVar)) {
-                        advanceMap.set(advanceVar, el);
-                    }
-                }
-                else if (el instanceof BatchAssignment__1.default) {
-                    el.assignmentLines.forEach(({ leftIndex }) => {
-                        const leftCode = leftIndex.length === 1
-                            ? el.left?.expression?.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }))
-                            : el.left?.members[leftIndex[1]]?.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
-                        const advanceVar = this.variables?.find((variable) => !variable.typeAnnotation && leftCode === variable.name);
-                        if (advanceVar && !advanceMap.get(advanceVar)) {
-                            advanceMap.set(advanceVar, el);
-                        }
-                    });
-                }
-            }
-        });
-        // 用来储存默认值翻译结构是__IDENTIFIER__或者__IDENTIFIER__()的节点
-        const IDENTIFIERMAP = new Set();
-        if (Array.isArray(this.params)) {
-            this.params.forEach((param) => {
-                code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}let `;
-                code += param.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
-                code += ';\n';
-            });
-        }
-        if (Array.isArray(this.variables)) {
-            this.variables.forEach((variable) => {
-                const ts = variable.defaultValue?.expression?.toEmbeddedTS();
-                if (['__IDENTIFIER__', '__IDENTIFIER__()'].includes(ts)) {
-                    IDENTIFIERMAP.add(variable);
-                }
-                if (!advanceMap.get(variable)) {
-                    code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}let `;
-                    code += variable.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
-                    code += ';\n';
-                }
-            });
-        }
-        advanceMap.forEach((assignment, variable) => {
-            // 有默认值的用默认值来推导类型, 但是如果是__IDENTIFIER__或者__IDENTIFIER__()，就不需要默认值来推导了
-            if (variable.defaultValue?.expression && !IDENTIFIERMAP.has(variable)) {
-                code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}let `;
-                code += variable.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
-                return;
-            }
-            code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}// @ts-ignore\n`;
-            code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}let `;
-            code += variable.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
-            code += ' = ';
-            if (assignment instanceof BatchAssignment__1.default) {
-                assignment.assignmentLines.forEach(({ leftIndex, rightIndex }) => {
-                    const leftCode = leftIndex.length === 1
-                        ? assignment.left.expression.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }))
-                        : assignment.left.members[leftIndex[1]]?.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
-                    if (leftCode === variable.name) {
-                        const rightNode = rightIndex.length === 1
-                            ? assignment.rights[rightIndex[0]]?.expression
-                            : assignment.rights[rightIndex[0]]?.members[rightIndex[1]];
-                        const rightCode = rightNode?.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
-                        code += this.getRightCode(rightCode, assignment, rightNode);
-                    }
-                });
-            }
-            else {
-                let rightCode = '';
-                // 因为右侧枚举要赋值就得new 一下；
-                if (assignment.right &&
-                    assignment.right instanceof Identifier__1.default &&
-                    assignment.right.namespace &&
-                    assignment.right.namespace.endsWith('enums')) {
-                    rightCode += 'new ';
-                }
-                rightCode +=
-                    assignment.right && assignment.right.toEmbeddedTS
-                        ? assignment.right.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }))
-                        : '__RIGHT__';
-                code += this.getRightCode(rightCode, assignment, assignment.right);
-            }
-            code += ';\n';
-        });
-        // elements类型声明定义
-        code += `interface __elements {\n`;
-        // 生成所有的name和类型定义
-        this.elements.forEach((element) => {
-            code += element.toEmbeddedTSDefinition((0, translator_1.shiftState)(state, code, {
-                tabSize: (state?.tabSize || 0) + 1,
-            }));
-        });
-        code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}}\n`;
-        code += `let __elements: __elements;\n`;
-        if (Array.isArray(this.elements)) {
-            code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}interface `;
-            code += `__elements_completionProperty {\n`;
-            const componentList = [];
-            this.elementsAttrs(this.elements, componentList);
-            const variableList = [];
-            this.elements.forEach((item) => {
-                code += item.toEmbeddedTSVariableDefinition((0, translator_1.shiftState)(state, code, { inline: true }), variableList);
-            });
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1) + `}\n`;
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
-            code += `let __elements_completionProperty: __elements_completionProperty;\n`;
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
-            code += `let __elements_variable_function = {\n`;
-            this.elements.forEach((item) => {
-                code += item.toEmbeddedTSVariableFunctionDefinition((0, translator_1.shiftState)(state, code, { inline: true }));
-            });
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1) + `}\n`;
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
-            code += `let __elements_stashFunctionVariable = {\n`;
-            variableList.forEach((item) => {
-                code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
-                code += `${item}`;
-            });
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1) + `}\n`;
-        }
-        // 逻辑
-        if (Array.isArray(this.logics) && this.logics.length) {
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
-            this.logics.forEach((logic) => {
-                code += logic.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
-                    tabSize: (state?.tabSize || 0) + 2,
-                }), 'noExport');
-                code += '\n';
-            });
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
-        }
-        // 事件
-        if (Array.isArray(this.bindEvents)) {
-            this.bindEvents.forEach((event) => {
-                code += event.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
-                    tabSize: state?.tabSize || 0,
-                }), true);
-                code += '\n';
-            });
-        }
-        // render函数
-        code += `\n${(0, translator_1.indent)((state?.tabSize || 0) + 1)}`;
-        code += `export function __render(`;
-        code += `){\n`;
-        code += (0, translator_1.indent)(state?.tabSize || 0);
-        // elements 元素
-        if (Array.isArray(this.elements)) {
-            // 生成嵌套式的内容
-            this.elements.forEach((element) => {
-                code += element.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
-                    tabSize: (state?.tabSize || 0) + 3,
-                }));
-                code += '\n';
-            });
-        }
-        code += `\n${(0, translator_1.indent)((state?.tabSize || 0) + 1)}}\n`;
-        if (Array.isArray(this.params)) {
-            code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}export function $destination(options: {`;
-            this.params.forEach((param, index) => {
-                code += `${param.name}?: `;
-                code += param.typeAnnotation.toEmbeddedTS((0, translator_1.shiftState)(state, code));
-                code += ', ';
-            });
-            // 锚点
-            code += `_anchor?: nasl.core.String`;
-            code += '}){}\n';
-        }
-        /* 默认值草稿区 ---------------------------*/
-        code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}export function __playground(){\n`;
-        /* 参数的默认值是__IDENTIFIER__或者__IDENTIFIER__()时不赋默认值，但是需要ts翻译出来进行报错校验 */
-        IDENTIFIERMAP.forEach((node) => {
-            code += `${(0, translator_1.indent)((state?.tabSize || 0) + 2)}`;
-            code += node.defaultValue.expression.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
-            code += '; ';
-        });
-        code += '\n';
-        code += `${(0, translator_1.indent)((state?.tabSize || 0) + 2)}return\n`;
-        if (this.variables.length) {
-            code += `${(0, translator_1.indent)((state?.tabSize || 0) + 2)}/* -----以下是variables的默认值草稿------ */\n`;
-        }
-        this.variables.forEach((variable) => {
-            if (variable.defaultValue) {
-                variable.defaultValue.playground?.forEach((item) => {
-                    code += item.toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: (state?.tabSize || 0) + 2 }));
-                    code += ';\n';
-                });
-            }
-        });
-        if (this.params.length) {
-            code += `${(0, translator_1.indent)((state?.tabSize || 0) + 2)}/* -----以下是params的默认值草稿------ */\n`;
-        }
-        this.params.forEach((param) => {
-            if (param.defaultValue && param.defaultValue instanceof DefaultValue__1.default) {
-                param.defaultValue.playground?.forEach((item) => {
-                    code += item.toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: (state?.tabSize || 0) + 2 }));
-                    code += ';\n';
-                });
-            }
-        });
-        code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}}\n`;
-        code += `${(0, translator_1.indent)(state?.tabSize || 0)}}\n`;
-        return code;
-    }
-    toNaturalTS(state = (0, translator_1.createCompilerState)(), currentNode, declaration) {
-        // const isCurrentInThisView = currentNode?.getAncestor('View') === this;
-        if (declaration) {
+        };`;
+        code += keyboardEventMixinCode;
+        if (this.script) {
+            mixin = this.script.trim().replace(/export default |module\.exports +=/, 'const mixin = ');
+        }
+        if (mixin) {
+            code += mixin;
+        }
+        code += 'export default {\n';
+        code += 'mixins: [';
+        const mixins = [];
+        // mixin
+        if (mixin) {
+            mixins.push('mixin');
+        }
+        // 键盘事件mixin
+        mixins.push('keyboardEventMixin');
+        code += mixins.join(',');
+        code += '],';
+        code += (0, translator_2.default)(definition);
+        code += '};\n';
+        return code;
+    }
+    genVueTemplate(options) {
+        return this.elements?.map((element) => `${element?.toVue(options)}\n`).join('');
+    }
+    /**
+     * 转换成 Vue 文件
+     */
+    toVue(options) {
+        let result = '';
+        result += `<template>\n${this.genVueTemplate(options)}\n</template>\n`;
+        result += `<script>\n${this.genScript()}\n</script>\n`;
+        return result;
+    }
+    /**
+     * 转换成设计器中使用的 Vue template 内容
+     * @param options
+     */
+    genDesignerVueTemplate() {
+        return this.elements.map((element) => `${element.toDesignerVue()}\n`).join('');
+    }
+    /**
+     * 转换成设计器中使用的 Vue 文件
+     * 目前不需要 script 和 style
+     * @param options
+     */
+    toDesignerVue() {
+        return `<template>\n${this.genDesignerVueTemplate()}</template>`;
+    }
+    /**
+     * 转换成 VueOptions
+     * @TODO 后面 template 可以优化成 render 函数
+     */
+    toVueOptions(options) {
+        return {
+            template: this.genVueTemplate(options),
+            script: this.genScript(),
+        };
+    }
+    /**
+     * 生成宿主语言的文件路径
+     * @param name 一般不用传，用于 rename
+     */
+    getEmbeddedFilePath(name = this.name) {
+        let pathName = name;
+        let parent = this.parentNode;
+        if (parent) {
+            while (parent && parent instanceof View_1) {
+                pathName = `${parent.name}/${pathName}`;
+                parent = parent.parentNode;
+            }
+        }
+        return `/embedded/${this.app.name}/frontends/${this.frontend.name}/views/${pathName}.ts`;
+    }
+    getNamespace() {
+        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('.')}.views`;
+        }
+        throw new Error('无法获取命名空间，请设置 parentNode！');
+    }
+    getTsNamespace() {
+        const parentNodeNamespace = this.getNamespace();
+        let tsCalleeNamespace = parentNodeNamespace.replace(/\.[0-9]/g, (m) => m.replace('.', '.$'));
+        tsCalleeNamespace = tsCalleeNamespace.replace(/-/g, '_');
+        return tsCalleeNamespace;
+    }
+    // 获取当前element，铺平
+    elementsMethods(elements, allMethods, parentNodeNames) {
+        if (elements) {
+            elements.forEach((item) => {
+                const { bindAttrs = [], name } = item;
+                const isDataSource = bindAttrs.some((attr) => attr.name === 'data-source');
+                const isInclude = parentNodeNames.includes(name);
+                allMethods.push(item);
+                if (item.children) {
+                    if (isDataSource) {
+                        if (isInclude) {
+                            this.elementsMethods(item.children, allMethods, parentNodeNames);
+                        }
+                    }
+                    else {
+                        this.elementsMethods(item.children, allMethods, parentNodeNames);
+                    }
+                }
+            });
+        }
+    }
+    // 获取当前element，铺平
+    elementsAttrs(elements, componentList) {
+        if (elements) {
+            elements.forEach((item) => {
+                if (exports.PAGE_COMPONENT_INCLUDE_TAG_MAP?.[item.tag]) {
+                    componentList.push(item);
+                }
+                if (item.children.length > 0) {
+                    this.elementsAttrs(item.children, componentList);
+                }
+            });
+        }
+    }
+    elementsAttrsAll(elements, componentListExtra) {
+        if (elements) {
+            elements.forEach((item) => {
+                if (!exports.PAGE_COMPONENT_INCLUDE_TAG_MAP?.[item.tag]) {
+                    componentListExtra.push(item);
+                }
+                if (item.children.length > 0) {
+                    this.elementsAttrsAll(item.children, componentListExtra);
+                }
+            });
+        }
+    }
+    toEmbeddedTS(state = (0, translator_1.createCompilerState)()) {
+        function chineseTsName(name) {
+            let tsName = name;
+            // 匹配所有特殊字符都转为_
+            tsName = tsName.replace(/[^\u4e00-\u9fa5a-zA-Z0-9]/g, '_');
+            return tsName;
+        }
+        // 获取虚拟logic的参数和内容
+        // 用作展示和tots查找引用
+        this.getElementLogicRoot();
+        let code = `export namespace ${this.tsName} {\n`;
+        // 角色
+        if (Array.isArray(this.bindRoles) && this.bindRoles.length) {
+            code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
+            code += 'export let __bindRoles = [\n';
+            this.bindRoles.forEach((role) => {
+                code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
+                code += `${this.app.getNamespace()}.roles.${chineseTsName(role)}.${chineseTsName(role)},`;
+                code += '\n';
+            });
+            code += '\n';
+            code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
+            code += '];\n';
+        }
+        // 需要类型推导的局部变量/返回值需要调整申明顺序
+        const advanceMap = new Map();
+        this.traverseChildren((el) => {
+            if (el && (el instanceof BatchAssignment__1.default || (el instanceof Assignment__1.default && el.left?.name))) {
+                // 子页面内部逻辑过滤
+                if (el.view !== this)
+                    return;
+                if (el instanceof Assignment__1.default) {
+                    const advanceVar = this.variables?.find((variable) => !variable.typeAnnotation && el.left?.name === variable.name);
+                    if (advanceVar && !advanceMap.get(advanceVar)) {
+                        advanceMap.set(advanceVar, el);
+                    }
+                }
+                else if (el instanceof BatchAssignment__1.default) {
+                    el.assignmentLines.forEach(({ leftIndex }) => {
+                        const leftCode = leftIndex.length === 1
+                            ? el.left?.expression?.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }))
+                            : el.left?.members[leftIndex[1]]?.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
+                        const advanceVar = this.variables?.find((variable) => !variable.typeAnnotation && leftCode === variable.name);
+                        if (advanceVar && !advanceMap.get(advanceVar)) {
+                            advanceMap.set(advanceVar, el);
+                        }
+                    });
+                }
+            }
+        });
+        // 用来储存默认值翻译结构是__IDENTIFIER__或者__IDENTIFIER__()的节点
+        const IDENTIFIERMAP = new Set();
+        if (Array.isArray(this.params)) {
+            this.params.forEach((param) => {
+                code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}let `;
+                code += param.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
+                code += ';\n';
+            });
+        }
+        if (Array.isArray(this.variables)) {
+            this.variables.forEach((variable) => {
+                const ts = variable.defaultValue?.toEmbeddedTS();
+                if (['__IDENTIFIER__', '__IDENTIFIER__()'].includes(ts)) {
+                    IDENTIFIERMAP.add(variable);
+                }
+                if (!advanceMap.get(variable)) {
+                    code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}let `;
+                    code += variable.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
+                    code += ';\n';
+                }
+            });
+        }
+        advanceMap.forEach((assignment, variable) => {
+            // 有默认值的用默认值来推导类型, 但是如果是__IDENTIFIER__或者__IDENTIFIER__()，就不需要默认值来推导了
+            if (variable.defaultValue?.expression && !IDENTIFIERMAP.has(variable)) {
+                code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}let `;
+                code += variable.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
+                return;
+            }
+            code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}// @ts-ignore\n`;
+            code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}let `;
+            code += variable.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
+            code += ' = ';
+            if (assignment instanceof BatchAssignment__1.default) {
+                assignment.assignmentLines.forEach(({ leftIndex, rightIndex }) => {
+                    const leftCode = leftIndex.length === 1
+                        ? assignment.left.expression.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }))
+                        : assignment.left.members[leftIndex[1]]?.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
+                    if (leftCode === variable.name) {
+                        const rightNode = rightIndex.length === 1
+                            ? assignment.rights[rightIndex[0]]?.expression
+                            : assignment.rights[rightIndex[0]]?.members[rightIndex[1]];
+                        const rightCode = rightNode?.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
+                        code += this.getRightCode(rightCode, assignment, rightNode);
+                    }
+                });
+            }
+            else {
+                let rightCode = '';
+                // 因为右侧枚举要赋值就得new 一下；
+                if (assignment.right &&
+                    assignment.right instanceof Identifier__1.default &&
+                    assignment.right.namespace &&
+                    assignment.right.namespace.endsWith('enums')) {
+                    rightCode += 'new ';
+                }
+                rightCode +=
+                    assignment.right && assignment.right.toEmbeddedTS
+                        ? assignment.right.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }))
+                        : '__RIGHT__';
+                code += this.getRightCode(rightCode, assignment, assignment.right);
+            }
+            code += ';\n';
+        });
+        // elements类型声明定义
+        code += `interface __elements {\n`;
+        // 生成所有的name和类型定义
+        this.elements.forEach((element) => {
+            code += element.toEmbeddedTSDefinition((0, translator_1.shiftState)(state, code, {
+                tabSize: (state?.tabSize || 0) + 1,
+            }));
+        });
+        code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}}\n`;
+        code += `let __elements: __elements;\n`;
+        if (Array.isArray(this.elements)) {
+            code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}interface `;
+            code += `__elements_completionProperty {\n`;
+            const componentList = [];
+            this.elementsAttrs(this.elements, componentList);
+            const variableList = [];
+            this.elements.forEach((item) => {
+                code += item.toEmbeddedTSVariableDefinition((0, translator_1.shiftState)(state, code, { inline: true }), variableList);
+            });
+            code += (0, translator_1.indent)((state?.tabSize || 0) + 1) + `}\n`;
+            code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
+            code += `let __elements_completionProperty: __elements_completionProperty;\n`;
+            code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
+            code += `let __elements_variable_function = {\n`;
+            this.elements.forEach((item) => {
+                code += item.toEmbeddedTSVariableFunctionDefinition((0, translator_1.shiftState)(state, code, { inline: true }));
+            });
+            code += (0, translator_1.indent)((state?.tabSize || 0) + 1) + `}\n`;
+            code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
+            code += `let __elements_stashFunctionVariable = {\n`;
+            variableList.forEach((item) => {
+                code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
+                code += `${item}`;
+            });
+            code += (0, translator_1.indent)((state?.tabSize || 0) + 1) + `}\n`;
+        }
+        // 逻辑
+        if (Array.isArray(this.logics) && this.logics.length) {
+            code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
+            this.logics.forEach((logic) => {
+                code += logic.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
+                    tabSize: (state?.tabSize || 0) + 2,
+                }), 'noExport');
+                code += '\n';
+            });
+            code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
+        }
+        // 事件
+        if (Array.isArray(this.bindEvents)) {
+            this.bindEvents.forEach((event) => {
+                code += event.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
+                    tabSize: state?.tabSize || 0,
+                }), true);
+                code += '\n';
+            });
+        }
+        // render函数
+        code += `\n${(0, translator_1.indent)((state?.tabSize || 0) + 1)}`;
+        code += `export function __render(`;
+        code += `){\n`;
+        code += (0, translator_1.indent)(state?.tabSize || 0);
+        // elements 元素
+        if (Array.isArray(this.elements)) {
+            // 生成嵌套式的内容
+            this.elements.forEach((element) => {
+                code += element.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
+                    tabSize: (state?.tabSize || 0) + 3,
+                }));
+                code += '\n';
+            });
+        }
+        code += `\n${(0, translator_1.indent)((state?.tabSize || 0) + 1)}}\n`;
+        if (Array.isArray(this.params)) {
+            code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}export function $destination(options: {`;
+            this.params.forEach((param, index) => {
+                code += `${param.name}?: `;
+                code += param.typeAnnotation.toEmbeddedTS((0, translator_1.shiftState)(state, code));
+                code += ', ';
+            });
+            // 锚点
+            code += `_anchor?: nasl.core.String`;
+            code += '}){}\n';
+        }
+        /* 默认值草稿区 ---------------------------*/
+        code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}export function __playground(){\n`;
+        /* 参数的默认值是__IDENTIFIER__或者__IDENTIFIER__()时不赋默认值，但是需要ts翻译出来进行报错校验 */
+        IDENTIFIERMAP.forEach((node) => {
+            code += `${(0, translator_1.indent)((state?.tabSize || 0) + 2)}`;
+            code += node.defaultValue.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
+            code += '; ';
+        });
+        code += '\n';
+        code += `${(0, translator_1.indent)((state?.tabSize || 0) + 2)}return\n`;
+        if (this.variables.length) {
+            code += `${(0, translator_1.indent)((state?.tabSize || 0) + 2)}/* -----以下是variables的默认值草稿------ */\n`;
+        }
+        this.variables.forEach((variable) => {
+            if (variable.defaultValue) {
+                variable.defaultValue.playground?.forEach((item) => {
+                    code += item.toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: (state?.tabSize || 0) + 2 }));
+                    code += ';\n';
+                });
+            }
+        });
+        if (this.params.length) {
+            code += `${(0, translator_1.indent)((state?.tabSize || 0) + 2)}/* -----以下是params的默认值草稿------ */\n`;
+        }
+        this.params.forEach((param) => {
+            if (param.defaultValue && param.defaultValue instanceof DefaultValue__1.default) {
+                param.defaultValue.playground?.forEach((item) => {
+                    code += item.toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: (state?.tabSize || 0) + 2 }));
+                    code += ';\n';
+                });
+            }
+        });
+        code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}}\n`;
+        code += `${(0, translator_1.indent)(state?.tabSize || 0)}}\n`;
+        return code;
+    }
+    toNaturalTS(state = (0, translator_1.createCompilerState)(), currentNode, declaration) {
+        // const isCurrentInThisView = currentNode?.getAncestor('View') === this;
+        if (declaration) {
             let code = `
-${(0, translator_1.indent)(state.tabSize)}export function ${this.tsName}_view`;
-            // 有参数长度
-            code += '(';
-            this.params.forEach((param, index) => {
-                code += param.toNaturalTS((0, translator_1.shiftState)(state, code, { inline: true }));
-                if (index !== this.params.length - 1)
-                    code += ', ';
-            });
-            code += ') {';
-            this.children.forEach((child, index) => {
-                code += child.toNaturalTS((0, translator_1.shiftState)(state, code, { tabSize: state.tabSize + 1 }), currentNode, declaration);
-            });
-            code += `${(0, translator_1.indent)(state.tabSize)}}`;
-            return code;
-        }
+${(0, translator_1.indent)(state.tabSize)}export function ${this.tsName}_view`;
+            // 有参数长度
+            code += '(';
+            this.params.forEach((param, index) => {
+                code += param.toNaturalTS((0, translator_1.shiftState)(state, code, { inline: true }));
+                if (index !== this.params.length - 1)
+                    code += ', ';
+            });
+            code += ') {';
+            this.children.forEach((child, index) => {
+                code += child.toNaturalTS((0, translator_1.shiftState)(state, code, { tabSize: state.tabSize + 1 }), currentNode, declaration);
+            });
+            code += `${(0, translator_1.indent)(state.tabSize)}}`;
+            return code;
+        }
         let code = `${(0, translator_1.indent)(state.tabSize)}/**
 ${(0, translator_1.indent)(state.tabSize)} * 当前页面
 ${(0, translator_1.indent)(state.tabSize)} */
-${(0, translator_1.indent)(state.tabSize)}export function ${this.tsName}_view`;
-        const advanceMap = new Map();
-        this.traverseChildren((el) => {
-            if (el && (el instanceof BatchAssignment__1.default || (el instanceof Assignment__1.default && el.left?.name))) {
-                // 子页面内部逻辑过滤
-                if (el.view !== this)
-                    return;
-                const jsCode = el.toJS();
-                const advanceVar = this.variables?.find((variable) => !variable.typeAnnotation && jsCode.includes(`this.${variable.name} = `));
-                if (advanceVar && !advanceMap.get(advanceVar)) {
-                    advanceMap.set(advanceVar, el);
-                }
-            }
-        });
-        // 有参数长度
-        code += '(';
-        this.params.forEach((param, index) => {
-            code += param.toNaturalTS((0, translator_1.shiftState)(state, code, { inline: true }));
-            if (index !== this.params.length - 1)
-                code += ', ';
-        });
-        code += ')';
-        code += ' {\n';
-        this.variables.forEach((variable) => {
-            if (!advanceMap.get(variable)) {
-                code += `${(0, translator_1.indent)(state.tabSize + 1)}let `;
-                code += variable.toNaturalTS((0, translator_1.shiftState)(state, code, { inline: true }));
-                code += ';\n';
-            }
-        });
-        code += `\n${(0, translator_1.indent)(state.tabSize + 1)}const $refs = {\n`;
-        // 生成所有的name和类型定义
-        this.elements.forEach((element) => {
-            code += element.toNaturalTSDefinition((0, translator_1.shiftState)(state, code, {
-                tabSize: state.tabSize + 1,
-            }));
-        });
-        code += `${(0, translator_1.indent)(state.tabSize + 1)}}\n`;
-        // 逻辑
-        if (currentNode?.concept === 'Logic') {
-            code += '\n';
-            this.logics.forEach((logic) => {
-                if (logic === currentNode)
-                    return;
-                code += logic.toNaturalTS((0, translator_1.shiftState)(state, code, {
-                    tabSize: state.tabSize + 1,
-                }), 'noExport', undefined, currentNode);
-                code += '\n';
-            });
-            // 包含了事件逻辑的处理
-            code += currentNode.toNaturalTS((0, translator_1.shiftState)(state, code, {
-                tabSize: state.tabSize + 1,
-            }), 'noExport', undefined, currentNode);
-            code += '\n';
-        }
-        else if (this.logics.length) {
-            code += '\n';
-            this.logics.forEach((logic) => {
-                code += logic.toNaturalTS((0, translator_1.shiftState)(state, code, {
-                    tabSize: state.tabSize + 1,
-                }), 'noExport', undefined, currentNode);
-                code += '\n';
-            });
-        }
-        code += `${(0, translator_1.indent)(state.tabSize)}}\n`;
-        return code;
-    }
-    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,
-        };
-    }
-    // IDE内展示需要屏蔽掉“系统统一路径前缀”
-    get uiPath() {
-        const { basePath } = this.frontend;
-        const _path = [];
-        let view = this;
-        while (view.concept === 'View') {
-            _path.push(view.name);
-            view = view.parentNode;
-        }
-        let path = '/';
-        if (_path.length) {
-            path += `${_path.reverse().join('/')}`;
-        }
-        return `${basePath}${path}`;
-    }
-    get path() {
-        const { prefixPath } = this.frontend;
-        const _path = [];
-        let view = this;
-        while (view.concept === 'View') {
-            _path.push(view.name);
-            view = view.parentNode;
-        }
-        let path = '/';
-        if (_path.length) {
-            path += `${_path.reverse().join('/')}`;
-        }
-        return `${prefixPath}${path}`;
-    }
-    /**
-     * 权限领域的资源路径
-     */
-    get authPath() {
-        return this.path;
-    }
-    /**
-     * 获取当前页面下所有elements上bindEvents下的logic
-     */
-    elementLogicRoot = [];
-    getElementLogicRoot() {
-        const logics = [];
-        // 页面上的绑定的事件
-        this.bindEvents.forEach((bindEvent) => {
-            bindEvent.logics.forEach((logic) => {
-                // 键盘事件
-                if (['keydown', 'keyup'].includes(bindEvent.name)) {
-                    logic.virtualParams = [
-                        Param__1.default.from({
-                            name: 'event',
-                            typeAnnotation: null,
-                        }, logic, 'virtualParams'),
-                    ];
-                }
-                // 生命周期没有event
-                logics.push(logic);
-            });
-        });
-        this.elements.forEach((item) => {
-            utils.traverse((current) => {
-                current.node.bindEvents.forEach((bindEvent) => {
-                    bindEvent.logics.forEach((logic) => {
-                        if (logic.name.startsWith('__')) {
-                            return;
-                        }
-                        // 绑定参数才有 event 的 current
-                        logic.virtualParams = bindEvent.getContextRenderLogicParams(logic);
-                        logics.push(logic);
-                    });
-                });
-            }, { node: item });
-        });
-        if (logics.length) {
-            const expanded = (this.elementLogicRoot.length && this.elementLogicRoot[0].expanded) || false;
-            this.elementLogicRoot = [
-                {
-                    concept: 'elementLogicRoot',
-                    expanded,
-                    children: logics,
-                },
-            ];
-        }
-        else {
-            this.elementLogicRoot = [];
-        }
-    }
-    getViewBindEvents() {
-        const bindEvents = [];
-        // 页面上的绑定的事件
-        this.bindEvents.forEach((bindEvent) => {
-            bindEvents.push(bindEvent);
-        });
-        this.elements.forEach((item) => {
-            utils.traverse((current) => {
-                current.node.bindEvents.forEach((bindEvent) => {
-                    bindEvents.push(bindEvent);
-                });
-            }, { node: item });
-        });
-        return bindEvents;
-    }
-    // 获取页面上需要替换的表达式
-    getViewExpressions() {
-        const bindExpressions = [];
-        this.elements.forEach((item) => {
-            utils.traverse((current) => {
-                const { node } = current;
-                const playgroundNodePath = (node?.nodePath || '').split('.').find((nodePathNode) => {
-                    return nodePathNode.match(/(.+)\[.+\]/)?.[1] === 'playground';
-                });
-                if (!playgroundNodePath) {
-                    //// 处理三种情况
-                    //if (
-                    //    ['BindAttribute', 'BindDirective', 'BindStyle'].includes(node.concept)
-                    //    && node.needReplaceWithIdentifier
-                    //) {
-                    //    bindExpressions.push(node);
-                    //}
-                    if (node?.concept === 'Match') {
-                        bindExpressions.push(node);
-                    }
-                }
-            }, {
-                node: item,
-            }, {
-                mode: 'anyObject',
-                depthFirst: true,
-                excludedKeySet: new Set([
-                    'bindEvents',
-                    'parentNode',
-                    'sourceMap',
-                    'storageJSON',
-                    'tsErrorDetail',
-                    'NaslAnnotatedJSON',
-                    'calledFrom',
-                    '_events',
-                    '_collectingList',
-                    '_historyList',
-                ]),
-            });
-        });
-        return bindExpressions;
-    }
-    /**
-     * @param path 子路径
-     * 比如当前页面路径为：/dashboard
-     * path 为要查找子路径：如 /student/list、student/list
-     */
-    findViewByPath(path) {
-        const arr = path.split('/');
-        if (arr[0] === '')
-            arr.shift();
-        if (!arr.length)
-            return this;
-        const childName = arr.shift();
-        const subView = this.children.find((child) => child.name === childName);
-        return arr.length ? subView.findViewByPath(arr.join('/')) : subView;
-    }
-    findViewByName(name) {
-        return utils.traverse((current) => {
-            if (current.node.name === name)
-                return current.node;
-        }, { node: this });
-    }
-    findElementByName(name) {
-        return this.elements[0]?.findElementByName(name);
-    }
-    findElementByTag(tag) {
-        return this.elements[0]?.findElementByName(tag);
-    }
-    findElementByAttr(name, value) {
-        return this.elements[0]?.findElementByAttr(name, value);
-    }
-    _setAsIndexView(isIndex) {
-        let views = [];
-        if (this.parentNode.concept !== 'View') {
-            views = this.parentNode.views;
-        }
-        else if (this.parentNode.concept === 'View') {
-            views = this.parentNode.children;
-        }
-        if (views.length) {
-            if (this.isIndex !== isIndex) {
-                this.setIsIndex(isIndex);
-            }
-            // 设为默认跳转页时，将之前的默认跳转页取消设置
-            if (isIndex) {
-                views.forEach((view) => {
-                    if (view !== this && view.id !== this.id && view.isIndex) {
-                        view.setIsIndex(false);
-                    }
-                });
-            }
-        }
-    }
-    setAsIndexView(isIndex) {
-        let actionMsg = `设置页面“${this.name}”为默认跳转页`;
-        if (this.parentNode.concept !== 'View') {
-            actionMsg = `设置页面“${this.name}”为首页`;
-        }
-        this.rootNode.emit('collect:start', {
-            actionMsg,
-        });
-        this._setAsIndexView(isIndex);
-        this.rootNode.emit('collect:end');
-    }
-    removeExistingViewElement(viewElement) {
-        if (this.existingViewElement.has(viewElement.name)) {
-            this.existingViewElement.delete(viewElement.name);
-        }
-    }
-    getRightCode(code, assignment, rightNode) {
-        code = code.replaceAll('\n', ' ');
-        const logic = assignment.logic;
-        const logicRtn = logic?.returns[0];
-        // 调用接口，参数替换成 null
-        if (rightNode instanceof CallInterface__1.default) {
-            const { _interface } = rightNode.getModuleInterface();
-            return _interface ? `${rightNode.tsCalleeKey}(${_interface.params.map(() => 'null').join(',')})` : null;
-        }
-        // 调用服务端逻辑，参数替换成 null
-        if (rightNode instanceof CallLogic__1.default && rightNode.calleeNamespace === 'app.logics') {
-            const calleeName = rightNode?.calleeName;
-            const calleeLogic = this.app.logics.find((l) => l.name === calleeName);
-            return calleeLogic ? `app.logics.${calleeName}(${calleeLogic.params.map(() => 'null').join(',')})` : null;
-        }
-        // view 局部变量，申明提升前增加判断，使用 logic 内的 result 直接替换成对应 logic，logic 内部变量替换成 null
-        if (logicRtn && code.includes(logicRtn.name)) {
-            if (code === logicRtn.name)
-                return `${logic.name}(${logic.params.map(() => 'null').join(',')})`;
-            code = this.handleReplaceCode(code, logicRtn.name, `${logic.name}(${logic.params.map(() => 'null').join(',')})`);
-            logic.params.forEach((param) => {
-                if (code.includes(param.name))
-                    code = this.handleReplaceCode(code, param.name, 'null');
-            });
-            logic.variables.forEach((variable) => {
-                if (code.includes(variable.name))
-                    code = this.handleReplaceCode(code, variable.name, 'null');
-            });
-            return code;
-        }
-        // 处理 current.item、current1.item 等数据
-        if (/current(\d)*\.item/.test(code)) {
-            code = this.handleCurrentItemCode(code, logic);
-            return code;
-        }
-        // 直接赋值 logic 内局部变量、输入参数直接提示系统无法推断类型
-        const useLogicVar = logic.params.find((param) => code.includes(param.name)) ||
-            logic.variables.find((variable) => code.includes(variable.name));
-        return useLogicVar ? 'null' : code;
-    }
-    handleReplaceCode(code, variable, replaceCode) {
-        return code.replace(/\S+/g, ($1) => {
-            if ($1 === `${variable},`)
-                return `${replaceCode},`;
-            if ($1 === variable)
-                return replaceCode;
-            let fnCode = $1;
-            if ($1.startsWith(`${variable}.`))
-                fnCode = $1.replaceAll(`${variable}.`, `${replaceCode}.`);
-            if ($1.startsWith(`${variable},`))
-                fnCode = $1.replaceAll(`${variable},`, `${replaceCode},`);
-            if ($1.includes(`(${variable},`))
-                fnCode = $1.replaceAll(`(${variable},`, `(${replaceCode},`);
-            if ($1.includes(`(${variable}.`))
-                fnCode = $1.replaceAll(`(${variable}.`, `(${replaceCode}.`);
-            if ($1.includes(`(${variable})`))
-                fnCode = $1.replaceAll(`(${variable})`, `(${replaceCode})`);
-            if ($1.includes(`,${variable},`))
-                fnCode = $1.replaceAll(`,${variable},`, `,${replaceCode},`);
-            if ($1.includes(`,${variable}.`))
-                fnCode = $1.replaceAll(`,${variable}.`, `,${replaceCode}.`);
-            if ($1.includes(`,${variable})`))
-                fnCode = $1.replaceAll(`,${variable})`, `,${replaceCode})`);
-            return fnCode;
-        });
-    }
-    getAncestorViewElementsWithDataSource(logic) {
-        let element = logic;
-        const viewElements = [];
-        while (element) {
-            if (element.concept &&
-                element.concept === 'ViewElement' &&
-                element.bindAttrs.find((bAttr) => bAttr.name === 'data-source')) {
-                viewElements.push(element);
-            }
-            element = element.parentNode;
-        }
-        return viewElements;
-    }
-    handleCurrentItemCode(code, logic) {
-        const viewElementsWithDataSource = this.getAncestorViewElementsWithDataSource(logic);
-        viewElementsWithDataSource.forEach((viewElement, index) => {
-            const currentIndex = viewElementsWithDataSource.length - 1 - index;
-            const currentItemCode = `current${currentIndex === 0 ? '' : currentIndex}.item`;
-            if (code.includes(currentItemCode)) {
-                const dataSource = viewElement.bindAttrs.find((bAttr) => bAttr.name === 'data-source');
-                if (dataSource) {
-                    const view = viewElement.getAncestor('View');
-                    const dataSourceTS = dataSource.expression.toEmbeddedTS();
-                    const logic = view.logics.find((logic) => logic.name === dataSourceTS);
-                    if (logic) {
-                        code = code.replaceAll(currentItemCode, `nasl.ui.getCurrentItemType(${dataSourceTS}(${logic.params.map(() => 'null').join(',')}))`);
-                    }
-                    else {
-                        const variable = view.variables.find((variable) => variable.name === dataSourceTS);
-                        code = code.replaceAll(currentItemCode, `nasl.ui.getCurrentItemType(${variable ? variable.name : dataSourceTS})`);
-                    }
-                }
-            }
-        });
-        return code;
-    }
-    getViewCallLogics() {
-        const callbackLogics = [];
-        this.traverseChildren((el) => {
-            if (el instanceof Identifier__1.default && el.namespace?.endsWith('logics')) {
-                callbackLogics.push(el.namespace + '.' + el.name);
-            }
-        });
-        return callbackLogics;
-    }
-};
-exports.View = View;
-__decorate([
-    (0, decorators_1.property)('concept')
-    // @ts-ignore
-], View.prototype, "concept", void 0);
-__decorate([
-    (0, decorators_1.property)()
-    // @ts-ignore
-], View.prototype, "pageTemplateId", void 0);
-__decorate([
-    (0, decorators_1.property)()
-    // @ts-ignore
-], View.prototype, "name", void 0);
-__decorate([
-    (0, decorators_1.property)()
-    // @ts-ignore
-], View.prototype, "uuid", void 0);
-__decorate([
-    (0, decorators_1.property)()
-    // @ts-ignore
-], View.prototype, "title", void 0);
-__decorate([
-    (0, decorators_1.property)()
-    // @ts-ignore
-], View.prototype, "crumb", void 0);
-__decorate([
-    (0, decorators_1.property)()
-    // @ts-ignore
-], View.prototype, "auth", void 0);
-__decorate([
-    (0, decorators_1.property)()
-    // @ts-ignore
-], View.prototype, "authDescription", void 0);
-__decorate([
-    (0, decorators_1.property)()
-    // @ts-ignore
-], View.prototype, "isIndex", void 0);
-__decorate([
-    (0, decorators_1.property)()
-    // @ts-ignore
-], View.prototype, "template", void 0);
-__decorate([
-    (0, decorators_1.property)()
-    // @ts-ignore
-], View.prototype, "script", void 0);
-__decorate([
-    (0, decorators_1.property)()
-    // @ts-ignore
-], View.prototype, "style", void 0);
-__decorate([
-    (0, decorators_1.property)({
-        objectRef: 'ViewElement',
-        isArray: true,
-        defaultValue: [],
-    })
-], View.prototype, "elements", void 0);
-__decorate([
-    (0, decorators_1.property)({
-        objectRef: 'Param',
-        isArray: true,
-        defaultValue: [],
-    })
-], View.prototype, "params", void 0);
-__decorate([
-    (0, decorators_1.property)({
-        objectRef: 'Variable',
-        isArray: true,
-        defaultValue: [],
-    })
-], View.prototype, "variables", void 0);
-__decorate([
-    (0, decorators_1.property)({
-        objectRef: 'Logic',
-        isArray: true,
-        defaultValue: [],
-    })
-], View.prototype, "logics", void 0);
-__decorate([
-    (0, decorators_1.property)({
-        objectRef: 'BindEvent',
-        isArray: true,
-        defaultValue: [],
-    })
-], View.prototype, "bindEvents", void 0);
-__decorate([
-    (0, decorators_1.property)({
-        isArray: true,
-        defaultValue: [],
-    })
-], View.prototype, "bindRoles", void 0);
-__decorate([
-    (0, decorators_1.property)({
-        objectRef: 'View',
-        isArray: true,
-        defaultValue: [],
-    })
-], View.prototype, "children", void 0);
-__decorate([
-    (0, translator_1.withSourceMap)()
-], View.prototype, "toEmbeddedTS", null);
-__decorate([
-    (0, translator_1.withSourceMap)()
-], View.prototype, "toNaturalTS", null);
-exports.View = View = View_1 = __decorate([
-    decorators_1.className,
-    (0, decorators_1.concept)('页面')
-    // @ts-ignore
-], View);
-exports.default = View;
-exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = {
-    'u-list-view': {
-        'page-size': {
-            value: 'size',
-            label: '分页大小',
-        },
-        'page-number': {
-            value: 'page',
-            label: '当前页数',
-        },
-        'data-source': {
-            value: 'data',
-            label: '数据',
-        },
-    },
-    'u-grid-view': {
-        'page-size': {
-            value: 'size',
-            label: '分页大小',
-        },
-        'page-number': {
-            value: 'page',
-            label: '当前页数',
-        },
-        'data-source': {
-            value: 'data',
-            label: '数据',
-        },
-    },
-    'u-list-components': {
-        'data-source': {
-            value: 'data',
-            label: '数据',
-        },
-    },
-    'u-table-view': {
-        'page-size': {
-            value: 'size',
-            label: '分页大小',
-        },
-        'page-number': {
-            value: 'page',
-            label: '当前页数',
-        },
-        sorting: {
-            value: 'sort',
-            label: '排序属性',
-        },
-        value: {
-            value: 'value',
-            label: '单选选中值',
-        },
-        values: {
-            value: 'values',
-            label: '多选选中值',
-        },
-        'data-source': {
-            value: 'data',
-            label: '数据',
-        },
-    },
-    'u-radios': {
-        value: {
-            value: 'value',
-            label: '选中值',
-        },
-        'data-source': {
-            value: 'data',
-            label: '数据',
-        },
-    },
-    'u-checkboxes': {
-        value: {
-            value: 'value',
-            label: '选中值',
-        },
-        'data-source': {
-            value: 'data',
-            label: '数据',
-        },
-    },
-    'u-select': {
-        value: {
-            value: 'value',
-            label: '选中值',
-        },
-        'data-source': {
-            value: 'data',
-            label: '数据',
-        },
-        opened: {
-            value: 'opened',
-            label: '弹出状态',
-        },
-        'page-size': {
-            value: 'size',
-            label: '分页大小',
-        },
-        'page-number': {
-            value: 'page',
-            label: '当前页数',
-        },
-    },
-    'u-cascader': {
-        value: {
-            value: 'value',
-            label: '选中值',
-        },
-        'data-source': {
-            value: 'data',
-            label: '数据',
-        },
-    },
-    'u-tree-select-new': {
-        value: {
-            value: 'value',
-            label: '选中值',
-        },
-        'data-source': {
-            value: 'data',
-            label: '数据',
-        },
-    },
-    'van-radio-group': {
-        value: {
-            value: 'value',
-            label: '选中值',
-        },
-        'data-source': {
-            value: 'data',
-            label: '数据',
-        },
-    },
-    'van-checkbox-group': {
-        value: {
-            value: 'value',
-            label: '选中值',
-        },
-        'data-source': {
-            value: 'data',
-            label: '数据',
-        },
-    },
-    'van-pickerson': {
-        pvalue: {
-            value: 'value',
-            label: '选中值',
-        },
-        'data-source': {
-            value: 'data',
-            label: '数据',
-        },
-        'page-size': {
-            value: 'size',
-            label: '分页大小',
-        },
-        'page-number': {
-            value: 'page',
-            label: '当前页数',
-        },
-    },
-    'van-cascader': {
-        value: {
-            value: 'value',
-            label: '选中值',
-        },
-        'data-source': {
-            value: 'data',
-            label: '数据',
-        },
-    },
-    'van-list-view': {
-        'page-size': {
-            value: 'size',
-            label: '分页大小',
-        },
-        'page-number': {
-            value: 'page',
-            label: '当前页数',
-        },
-        'data-source': {
-            value: 'data',
-            label: '数据',
-        },
-    },
-    'van-grid-view': {
-        'page-size': {
-            value: 'size',
-            label: '分页大小',
-        },
-        'page-number': {
-            value: 'page',
-            label: '当前页数',
-        },
-        'data-source': {
-            value: 'data',
-            label: '数据',
-        },
-    },
-    'van-for-components': {
-        'data-source': {
-            value: 'data',
-            label: '数据',
-        },
-    },
-};
+${(0, translator_1.indent)(state.tabSize)}export function ${this.tsName}_view`;
+        const advanceMap = new Map();
+        this.traverseChildren((el) => {
+            if (el && (el instanceof BatchAssignment__1.default || (el instanceof Assignment__1.default && el.left?.name))) {
+                // 子页面内部逻辑过滤
+                if (el.view !== this)
+                    return;
+                const jsCode = el.toJS();
+                const advanceVar = this.variables?.find((variable) => !variable.typeAnnotation && jsCode.includes(`this.${variable.name} = `));
+                if (advanceVar && !advanceMap.get(advanceVar)) {
+                    advanceMap.set(advanceVar, el);
+                }
+            }
+        });
+        // 有参数长度
+        code += '(';
+        this.params.forEach((param, index) => {
+            code += param.toNaturalTS((0, translator_1.shiftState)(state, code, { inline: true }));
+            if (index !== this.params.length - 1)
+                code += ', ';
+        });
+        code += ')';
+        code += ' {\n';
+        this.variables.forEach((variable) => {
+            if (!advanceMap.get(variable)) {
+                code += `${(0, translator_1.indent)(state.tabSize + 1)}let `;
+                code += variable.toNaturalTS((0, translator_1.shiftState)(state, code, { inline: true }));
+                code += ';\n';
+            }
+        });
+        code += `\n${(0, translator_1.indent)(state.tabSize + 1)}const $refs = {\n`;
+        // 生成所有的name和类型定义
+        this.elements.forEach((element) => {
+            code += element.toNaturalTSDefinition((0, translator_1.shiftState)(state, code, {
+                tabSize: state.tabSize + 1,
+            }));
+        });
+        code += `${(0, translator_1.indent)(state.tabSize + 1)}}\n`;
+        // 逻辑
+        if (currentNode?.concept === 'Logic') {
+            code += '\n';
+            this.logics.forEach((logic) => {
+                if (logic === currentNode)
+                    return;
+                code += logic.toNaturalTS((0, translator_1.shiftState)(state, code, {
+                    tabSize: state.tabSize + 1,
+                }), 'noExport', undefined, currentNode);
+                code += '\n';
+            });
+            // 包含了事件逻辑的处理
+            code += currentNode.toNaturalTS((0, translator_1.shiftState)(state, code, {
+                tabSize: state.tabSize + 1,
+            }), 'noExport', undefined, currentNode);
+            code += '\n';
+        }
+        else if (this.logics.length) {
+            code += '\n';
+            this.logics.forEach((logic) => {
+                code += logic.toNaturalTS((0, translator_1.shiftState)(state, code, {
+                    tabSize: state.tabSize + 1,
+                }), 'noExport', undefined, currentNode);
+                code += '\n';
+            });
+        }
+        code += `${(0, translator_1.indent)(state.tabSize)}}\n`;
+        return code;
+    }
+    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,
+        };
+    }
+    // IDE内展示需要屏蔽掉“系统统一路径前缀”
+    get uiPath() {
+        const { basePath } = this.frontend;
+        const _path = [];
+        let view = this;
+        while (view.concept === 'View') {
+            _path.push(view.name);
+            view = view.parentNode;
+        }
+        let path = '/';
+        if (_path.length) {
+            path += `${_path.reverse().join('/')}`;
+        }
+        return `${basePath}${path}`;
+    }
+    get path() {
+        const { prefixPath } = this.frontend;
+        const _path = [];
+        let view = this;
+        while (view.concept === 'View') {
+            _path.push(view.name);
+            view = view.parentNode;
+        }
+        let path = '/';
+        if (_path.length) {
+            path += `${_path.reverse().join('/')}`;
+        }
+        return `${prefixPath}${path}`;
+    }
+    /**
+     * 权限领域的资源路径
+     */
+    get authPath() {
+        return this.path;
+    }
+    /**
+     * 获取当前页面下所有elements上bindEvents下的logic
+     */
+    elementLogicRoot = [];
+    getElementLogicRoot() {
+        const logics = [];
+        // 页面上的绑定的事件
+        this.bindEvents.forEach((bindEvent) => {
+            bindEvent.logics.forEach((logic) => {
+                // 键盘事件
+                if (['keydown', 'keyup'].includes(bindEvent.name)) {
+                    logic.virtualParams = [
+                        Param__1.default.from({
+                            name: 'event',
+                            typeAnnotation: null,
+                        }, logic, 'virtualParams'),
+                    ];
+                }
+                // 生命周期没有event
+                logics.push(logic);
+            });
+        });
+        this.elements.forEach((item) => {
+            utils.traverse((current) => {
+                current.node.bindEvents.forEach((bindEvent) => {
+                    bindEvent.logics.forEach((logic) => {
+                        if (logic.name.startsWith('__')) {
+                            return;
+                        }
+                        // 绑定参数才有 event 的 current
+                        logic.virtualParams = bindEvent.getContextRenderLogicParams(logic);
+                        logics.push(logic);
+                    });
+                });
+            }, { node: item });
+        });
+        if (logics.length) {
+            const expanded = (this.elementLogicRoot.length && this.elementLogicRoot[0].expanded) || false;
+            this.elementLogicRoot = [
+                {
+                    concept: 'elementLogicRoot',
+                    expanded,
+                    children: logics,
+                },
+            ];
+        }
+        else {
+            this.elementLogicRoot = [];
+        }
+    }
+    getViewBindEvents() {
+        const bindEvents = [];
+        // 页面上的绑定的事件
+        this.bindEvents.forEach((bindEvent) => {
+            bindEvents.push(bindEvent);
+        });
+        this.elements.forEach((item) => {
+            utils.traverse((current) => {
+                current.node.bindEvents.forEach((bindEvent) => {
+                    bindEvents.push(bindEvent);
+                });
+            }, { node: item });
+        });
+        return bindEvents;
+    }
+    // 获取页面上需要替换的表达式
+    getViewExpressions() {
+        const bindExpressions = [];
+        this.elements.forEach((item) => {
+            utils.traverse((current) => {
+                const { node } = current;
+                const playgroundNodePath = (node?.nodePath || '').split('.').find((nodePathNode) => {
+                    return nodePathNode.match(/(.+)\[.+\]/)?.[1] === 'playground';
+                });
+                if (!playgroundNodePath) {
+                    //// 处理三种情况
+                    //if (
+                    //    ['BindAttribute', 'BindDirective', 'BindStyle'].includes(node.concept)
+                    //    && node.needReplaceWithIdentifier
+                    //) {
+                    //    bindExpressions.push(node);
+                    //}
+                    if (node?.concept === 'Match') {
+                        bindExpressions.push(node);
+                    }
+                }
+            }, {
+                node: item,
+            }, {
+                mode: 'anyObject',
+                depthFirst: true,
+                excludedKeySet: new Set([
+                    'bindEvents',
+                    'parentNode',
+                    'sourceMap',
+                    'storageJSON',
+                    'tsErrorDetail',
+                    'NaslAnnotatedJSON',
+                    'calledFrom',
+                    '_events',
+                    '_collectingList',
+                    '_historyList',
+                ]),
+            });
+        });
+        return bindExpressions;
+    }
+    /**
+     * @param path 子路径
+     * 比如当前页面路径为：/dashboard
+     * path 为要查找子路径：如 /student/list、student/list
+     */
+    findViewByPath(path) {
+        const arr = path.split('/');
+        if (arr[0] === '')
+            arr.shift();
+        if (!arr.length)
+            return this;
+        const childName = arr.shift();
+        const subView = this.children.find((child) => child.name === childName);
+        return arr.length ? subView.findViewByPath(arr.join('/')) : subView;
+    }
+    findViewByName(name) {
+        return utils.traverse((current) => {
+            if (current.node.name === name)
+                return current.node;
+        }, { node: this });
+    }
+    findElementByName(name) {
+        return this.elements[0]?.findElementByName(name);
+    }
+    findElementByTag(tag) {
+        return this.elements[0]?.findElementByName(tag);
+    }
+    findElementByAttr(name, value) {
+        return this.elements[0]?.findElementByAttr(name, value);
+    }
+    _setAsIndexView(isIndex) {
+        let views = [];
+        if (this.parentNode.concept !== 'View') {
+            views = this.parentNode.views;
+        }
+        else if (this.parentNode.concept === 'View') {
+            views = this.parentNode.children;
+        }
+        if (views.length) {
+            if (this.isIndex !== isIndex) {
+                this.setIsIndex(isIndex);
+            }
+            // 设为默认跳转页时，将之前的默认跳转页取消设置
+            if (isIndex) {
+                views.forEach((view) => {
+                    if (view !== this && view.id !== this.id && view.isIndex) {
+                        view.setIsIndex(false);
+                    }
+                });
+            }
+        }
+    }
+    setAsIndexView(isIndex) {
+        let actionMsg = `设置页面“${this.name}”为默认跳转页`;
+        if (this.parentNode.concept !== 'View') {
+            actionMsg = `设置页面“${this.name}”为首页`;
+        }
+        this.rootNode.emit('collect:start', {
+            actionMsg,
+        });
+        this._setAsIndexView(isIndex);
+        this.rootNode.emit('collect:end');
+    }
+    removeExistingViewElement(viewElement) {
+        if (this.existingViewElement.has(viewElement.name)) {
+            this.existingViewElement.delete(viewElement.name);
+        }
+    }
+    getRightCode(code, assignment, rightNode) {
+        code = code.replaceAll('\n', ' ');
+        const logic = assignment.logic;
+        const logicRtn = logic?.returns[0];
+        // 调用接口，参数替换成 null
+        if (rightNode instanceof CallInterface__1.default) {
+            const { _interface } = rightNode.getModuleInterface();
+            return _interface ? `${rightNode.tsCalleeKey}(${_interface.params.map(() => 'null').join(',')})` : null;
+        }
+        // 调用服务端逻辑，参数替换成 null
+        if (rightNode instanceof CallLogic__1.default && rightNode.calleeNamespace === 'app.logics') {
+            const calleeName = rightNode?.calleeName;
+            const calleeLogic = this.app.logics.find((l) => l.name === calleeName);
+            return calleeLogic ? `app.logics.${calleeName}(${calleeLogic.params.map(() => 'null').join(',')})` : null;
+        }
+        // view 局部变量，申明提升前增加判断，使用 logic 内的 result 直接替换成对应 logic，logic 内部变量替换成 null
+        if (logicRtn && code.includes(logicRtn.name)) {
+            if (code === logicRtn.name)
+                return `${logic.name}(${logic.params.map(() => 'null').join(',')})`;
+            code = this.handleReplaceCode(code, logicRtn.name, `${logic.name}(${logic.params.map(() => 'null').join(',')})`);
+            logic.params.forEach((param) => {
+                if (code.includes(param.name))
+                    code = this.handleReplaceCode(code, param.name, 'null');
+            });
+            logic.variables.forEach((variable) => {
+                if (code.includes(variable.name))
+                    code = this.handleReplaceCode(code, variable.name, 'null');
+            });
+            return code;
+        }
+        // 处理 current.item、current1.item 等数据
+        if (/current(\d)*\.item/.test(code)) {
+            code = this.handleCurrentItemCode(code, logic);
+            return code;
+        }
+        // 直接赋值 logic 内局部变量、输入参数直接提示系统无法推断类型
+        const useLogicVar = logic.params.find((param) => code.includes(param.name)) ||
+            logic.variables.find((variable) => code.includes(variable.name));
+        return useLogicVar ? 'null' : code;
+    }
+    handleReplaceCode(code, variable, replaceCode) {
+        return code.replace(/\S+/g, ($1) => {
+            if ($1 === `${variable},`)
+                return `${replaceCode},`;
+            if ($1 === variable)
+                return replaceCode;
+            let fnCode = $1;
+            if ($1.startsWith(`${variable}.`))
+                fnCode = $1.replaceAll(`${variable}.`, `${replaceCode}.`);
+            if ($1.startsWith(`${variable},`))
+                fnCode = $1.replaceAll(`${variable},`, `${replaceCode},`);
+            if ($1.includes(`(${variable},`))
+                fnCode = $1.replaceAll(`(${variable},`, `(${replaceCode},`);
+            if ($1.includes(`(${variable}.`))
+                fnCode = $1.replaceAll(`(${variable}.`, `(${replaceCode}.`);
+            if ($1.includes(`(${variable})`))
+                fnCode = $1.replaceAll(`(${variable})`, `(${replaceCode})`);
+            if ($1.includes(`,${variable},`))
+                fnCode = $1.replaceAll(`,${variable},`, `,${replaceCode},`);
+            if ($1.includes(`,${variable}.`))
+                fnCode = $1.replaceAll(`,${variable}.`, `,${replaceCode}.`);
+            if ($1.includes(`,${variable})`))
+                fnCode = $1.replaceAll(`,${variable})`, `,${replaceCode})`);
+            return fnCode;
+        });
+    }
+    getAncestorViewElementsWithDataSource(logic) {
+        let element = logic;
+        const viewElements = [];
+        while (element) {
+            if (element.concept &&
+                element.concept === 'ViewElement' &&
+                element.bindAttrs.find((bAttr) => bAttr.name === 'data-source')) {
+                viewElements.push(element);
+            }
+            element = element.parentNode;
+        }
+        return viewElements;
+    }
+    handleCurrentItemCode(code, logic) {
+        const viewElementsWithDataSource = this.getAncestorViewElementsWithDataSource(logic);
+        viewElementsWithDataSource.forEach((viewElement, index) => {
+            const currentIndex = viewElementsWithDataSource.length - 1 - index;
+            const currentItemCode = `current${currentIndex === 0 ? '' : currentIndex}.item`;
+            if (code.includes(currentItemCode)) {
+                const dataSource = viewElement.bindAttrs.find((bAttr) => bAttr.name === 'data-source');
+                if (dataSource) {
+                    const view = viewElement.getAncestor('View');
+                    const dataSourceTS = dataSource.expression.toEmbeddedTS();
+                    const logic = view.logics.find((logic) => logic.name === dataSourceTS);
+                    if (logic) {
+                        code = code.replaceAll(currentItemCode, `nasl.ui.getCurrentItemType(${dataSourceTS}(${logic.params.map(() => 'null').join(',')}))`);
+                    }
+                    else {
+                        const variable = view.variables.find((variable) => variable.name === dataSourceTS);
+                        code = code.replaceAll(currentItemCode, `nasl.ui.getCurrentItemType(${variable ? variable.name : dataSourceTS})`);
+                    }
+                }
+            }
+        });
+        return code;
+    }
+    getViewCallLogics() {
+        const callbackLogics = [];
+        this.traverseChildren((el) => {
+            if (el instanceof Identifier__1.default && el.namespace?.endsWith('logics')) {
+                callbackLogics.push(el.namespace + '.' + el.name);
+            }
+        });
+        return callbackLogics;
+    }
+};
+__decorate([
+    (0, decorators_1.property)('concept')
+], View.prototype, "concept", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], View.prototype, "pageTemplateId", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], View.prototype, "name", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], View.prototype, "uuid", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], View.prototype, "title", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], View.prototype, "crumb", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], View.prototype, "auth", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], View.prototype, "authDescription", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], View.prototype, "isIndex", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], View.prototype, "template", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], View.prototype, "script", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], View.prototype, "style", void 0);
+__decorate([
+    (0, decorators_1.property)({
+        objectRef: 'ViewElement',
+        isArray: true,
+        defaultValue: [],
+    })
+], View.prototype, "elements", void 0);
+__decorate([
+    (0, decorators_1.property)({
+        objectRef: 'Param',
+        isArray: true,
+        defaultValue: [],
+    })
+], View.prototype, "params", void 0);
+__decorate([
+    (0, decorators_1.property)({
+        objectRef: 'Variable',
+        isArray: true,
+        defaultValue: [],
+    })
+], View.prototype, "variables", void 0);
+__decorate([
+    (0, decorators_1.property)({
+        objectRef: 'Logic',
+        isArray: true,
+        defaultValue: [],
+    })
+], View.prototype, "logics", void 0);
+__decorate([
+    (0, decorators_1.property)({
+        objectRef: 'BindEvent',
+        isArray: true,
+        defaultValue: [],
+    })
+], View.prototype, "bindEvents", void 0);
+__decorate([
+    (0, decorators_1.property)({
+        isArray: true,
+        defaultValue: [],
+    })
+], View.prototype, "bindRoles", void 0);
+__decorate([
+    (0, decorators_1.property)({
+        objectRef: 'View',
+        isArray: true,
+        defaultValue: [],
+    })
+], View.prototype, "children", void 0);
+__decorate([
+    (0, translator_1.withSourceMap)()
+], View.prototype, "toEmbeddedTS", null);
+__decorate([
+    (0, translator_1.withSourceMap)()
+], View.prototype, "toNaturalTS", null);
+View = View_1 = __decorate([
+    decorators_1.className,
+    (0, decorators_1.concept)('页面')
+    // @ts-ignore
+], View);
+exports.View = View;
+exports.default = View;
+exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = {
+    'u-list-view': {
+        'page-size': {
+            value: 'size',
+            label: '分页大小',
+        },
+        'page-number': {
+            value: 'page',
+            label: '当前页数',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'u-grid-view': {
+        'page-size': {
+            value: 'size',
+            label: '分页大小',
+        },
+        'page-number': {
+            value: 'page',
+            label: '当前页数',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'u-list-components': {
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'u-table-view': {
+        'page-size': {
+            value: 'size',
+            label: '分页大小',
+        },
+        'page-number': {
+            value: 'page',
+            label: '当前页数',
+        },
+        sorting: {
+            value: 'sort',
+            label: '排序属性',
+        },
+        value: {
+            value: 'value',
+            label: '单选选中值',
+        },
+        values: {
+            value: 'values',
+            label: '多选选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'u-radios': {
+        value: {
+            value: 'value',
+            label: '选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'u-checkboxes': {
+        value: {
+            value: 'value',
+            label: '选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'u-select': {
+        value: {
+            value: 'value',
+            label: '选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+        opened: {
+            value: 'opened',
+            label: '弹出状态',
+        },
+        'page-size': {
+            value: 'size',
+            label: '分页大小',
+        },
+        'page-number': {
+            value: 'page',
+            label: '当前页数',
+        },
+    },
+    'u-cascader': {
+        value: {
+            value: 'value',
+            label: '选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'u-tree-select-new': {
+        value: {
+            value: 'value',
+            label: '选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'van-radio-group': {
+        value: {
+            value: 'value',
+            label: '选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'van-checkbox-group': {
+        value: {
+            value: 'value',
+            label: '选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'van-pickerson': {
+        pvalue: {
+            value: 'value',
+            label: '选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+        'page-size': {
+            value: 'size',
+            label: '分页大小',
+        },
+        'page-number': {
+            value: 'page',
+            label: '当前页数',
+        },
+    },
+    'van-cascader': {
+        value: {
+            value: 'value',
+            label: '选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'van-list-view': {
+        'page-size': {
+            value: 'size',
+            label: '分页大小',
+        },
+        'page-number': {
+            value: 'page',
+            label: '当前页数',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'van-grid-view': {
+        'page-size': {
+            value: 'size',
+            label: '分页大小',
+        },
+        'page-number': {
+            value: 'page',
+            label: '当前页数',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'van-for-components': {
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+};
 //# sourceMappingURL=View__.js.map