@lcap/nasl 1.0.0-alpha → 1.0.0-alpha.1

package/out/concepts/View__.js

@@ -0,0 +1,1268 @@
+"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.View = void 0;
+const translator_1 = require("../translator");
+const translator_2 = __importDefault(require("../bak/translator"));
+const Structure__1 = require("./Structure__");
+const decorators_1 = require("../decorators");
+const utils = __importStar(require("../utils"));
+const BaseNode_1 = __importDefault(require("../common/BaseNode"));
+const classMap_1 = __importDefault(require("../common/classMap"));
+const ViewElement__1 = __importDefault(require("./ViewElement__"));
+const Param__1 = __importDefault(require("./Param__"));
+const Variable__1 = __importDefault(require("./Variable__"));
+const BindEvent__1 = __importDefault(require("./BindEvent__"));
+const Logic__1 = __importDefault(require("./Logic__"));
+/**
+ * 页面
+ */
+let View = View_1 = class View extends BaseNode_1.default {
+    /**
+     * 产品概念
+     */
+    concept = 'View';
+    /**
+     * 页面模板 Id
+     */
+    pageTemplateId = undefined;
+    /**
+     * 页面名称
+     */
+    name = undefined;
+    /**
+     * 前后端路径
+     */
+    tempPath = undefined;
+    /**
+     * 页面标题
+     */
+    title = undefined;
+    /**
+     * 面包屑
+     */
+    crumb = undefined;
+    /**
+     * 权限控制
+     */
+    auth = undefined;
+    /**
+     * 是否是默认跳转的页面
+     */
+    isIndex = undefined;
+    /**
+     * 未解析的模板代码
+     */
+    template = undefined;
+    /**
+     * 未解析的逻辑代码
+     */
+    script = undefined;
+    /**
+     * 未解析的样式代码
+     */
+    style = undefined;
+    /**
+     * 页面元素列表
+     */
+    elements = [];
+    /**
+     * 输入参数列表
+     */
+    params = [];
+    /**
+     * 局部变量列表
+     */
+    variables = [];
+    /**
+     * 元素绑定事件列表
+     */
+    events = [];
+    /**
+     * 逻辑列表
+     */
+    logics = [];
+    /**
+     * 绑定的角色
+     */
+    bindRoles = [];
+    /**
+     * 页面列表
+     */
+    children = [];
+    /**
+     * 祖先 Module
+     */
+    get module() {
+        return this.getAncestor('Module');
+    }
+    /**
+     * 祖先 App
+     */
+    get app() {
+        return this.getAncestor('App');
+    }
+    /**
+     * @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,
+        });
+    }
+    /**
+     * 设置是否是默认跳转的页面
+     */
+    setIsIndex(isIndex) {
+        const object = {
+            isIndex,
+        };
+        this.update({
+            ...object,
+        });
+    }
+    getViewElementUniqueName(name = 'viewElement1') {
+        return utils.unique(name, this.getViewElementExistingNames());
+    }
+    _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);
+        }
+        else if (typeof options === 'string') {
+            viewElement = ViewElement__1.default.from({
+                ...viewElementOptions,
+                name: options,
+            }, this);
+        }
+        else if (options instanceof ViewElement__1.default) {
+            options.delete(); // 同一实例不支持多处存在
+            viewElement = options;
+        }
+        else {
+            viewElement = ViewElement__1.default.from({
+                ...viewElementOptions,
+                ...options,
+            }, this);
+        }
+        Object.assign(viewElement, relationOptions);
+        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.length;
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'elements',
+        });
+        return node;
+    }
+    getParamExistingNames(excludedList = []) {
+        const excludedSet = new Set(excludedList);
+        return this.params.filter((item) => !excludedSet.has(item)).map((item) => item.name);
+    }
+    getParamUniqueName(name = 'param1') {
+        return utils.unique(name, this.getParamExistingNames());
+    }
+    _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);
+        }
+        else if (typeof options === 'string') {
+            param = Param__1.default.from({
+                ...paramOptions,
+                name: options,
+            }, this);
+        }
+        else if (options instanceof Param__1.default) {
+            options.delete(); // 同一实例不支持多处存在
+            param = options;
+        }
+        else {
+            param = Param__1.default.from({
+                ...paramOptions,
+                ...options,
+            }, this);
+        }
+        Object.assign(param, relationOptions);
+        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.length;
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'params',
+        });
+        return node;
+    }
+    getVariableExistingNames(excludedList = []) {
+        const excludedSet = new Set(excludedList);
+        return this.variables.filter((item) => !excludedSet.has(item)).map((item) => item.name);
+    }
+    getVariableUniqueName(name = 'variable1') {
+        return utils.unique(name, this.getVariableExistingNames());
+    }
+    _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);
+        }
+        else if (typeof options === 'string') {
+            variable = Variable__1.default.from({
+                ...variableOptions,
+                name: options,
+            }, this);
+        }
+        else if (options instanceof Variable__1.default) {
+            options.delete(); // 同一实例不支持多处存在
+            variable = options;
+        }
+        else {
+            variable = Variable__1.default.from({
+                ...variableOptions,
+                ...options,
+            }, this);
+        }
+        Object.assign(variable, relationOptions);
+        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.length;
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'variables',
+        });
+        return node;
+    }
+    getBindEventExistingNames(excludedList = []) {
+        const excludedSet = new Set(excludedList);
+        return this.events.filter((item) => !excludedSet.has(item)).map((item) => item.name);
+    }
+    getBindEventUniqueName(name = 'bindEvent1') {
+        return utils.unique(name, this.getBindEventExistingNames());
+    }
+    _insertBindEventAt(options, index) {
+        const bindEventOptions = {};
+        const relationOptions = { parentNode: this, parentKey: 'events' };
+        let bindEvent;
+        if (!options) {
+            bindEvent = BindEvent__1.default.from({
+                ...bindEventOptions,
+                name: this.getBindEventUniqueName(),
+            }, this);
+        }
+        else if (typeof options === 'string') {
+            bindEvent = BindEvent__1.default.from({
+                ...bindEventOptions,
+                name: options,
+            }, this);
+        }
+        else if (options instanceof BindEvent__1.default) {
+            options.delete(); // 同一实例不支持多处存在
+            bindEvent = options;
+        }
+        else {
+            bindEvent = BindEvent__1.default.from({
+                ...bindEventOptions,
+                ...options,
+            }, this);
+        }
+        Object.assign(bindEvent, relationOptions);
+        this.events.splice(index, 0, bindEvent);
+        return bindEvent;
+    }
+    insertBindEventAt(options, index) {
+        const node = this._insertBindEventAt(options, index);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'events',
+        });
+        return node;
+    }
+    _addBindEvent(options) {
+        const index = this.events.length;
+        return this._insertBindEventAt(options, index);
+    }
+    addBindEvent(options) {
+        const node = this._addBindEvent(options);
+        const index = this.events.length;
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'events',
+        });
+        return node;
+    }
+    getLogicExistingNames(excludedList = []) {
+        const excludedSet = new Set(excludedList);
+        return this.logics.filter((item) => !excludedSet.has(item)).map((item) => item.name);
+    }
+    getLogicUniqueName(name = 'logic1') {
+        return utils.unique(name, this.getLogicExistingNames());
+    }
+    _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);
+        }
+        else if (typeof options === 'string') {
+            logic = Logic__1.default.from({
+                ...logicOptions,
+                name: options,
+            }, this);
+        }
+        else if (options instanceof Logic__1.default) {
+            options.delete(); // 同一实例不支持多处存在
+            logic = options;
+        }
+        else {
+            logic = Logic__1.default.from({
+                ...logicOptions,
+                ...options,
+            }, this);
+        }
+        Object.assign(logic, relationOptions);
+        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.length;
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'logics',
+        });
+        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());
+    }
+    _insertViewAt(options, index) {
+        const viewOptions = {};
+        const relationOptions = { parentNode: this, parentKey: 'children' };
+        let view;
+        if (!options) {
+            view = View_1.from({
+                ...viewOptions,
+                name: this.getViewUniqueName(),
+            }, this);
+        }
+        else if (typeof options === 'string') {
+            view = View_1.from({
+                ...viewOptions,
+                name: options,
+            }, this);
+        }
+        else if (options instanceof View_1) {
+            options.delete(); // 同一实例不支持多处存在
+            view = options;
+        }
+        else {
+            view = View_1.from({
+                ...viewOptions,
+                ...options,
+            }, this);
+        }
+        Object.assign(view, relationOptions);
+        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.length;
+        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;
+            if (Array.isArray(this[parentKey])) {
+                const index = this[parentKey].indexOf(viewElement);
+                ~index && this[parentKey].splice(index, 1);
+                params.index = index;
+            }
+            else if (this[parentKey] === viewElement) {
+                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;
+            if (Array.isArray(this[parentKey])) {
+                const index = this[parentKey].indexOf(param);
+                ~index && this[parentKey].splice(index, 1);
+                params.index = index;
+            }
+            else if (this[parentKey] === param) {
+                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;
+            if (Array.isArray(this[parentKey])) {
+                const index = this[parentKey].indexOf(variable);
+                ~index && this[parentKey].splice(index, 1);
+                params.index = index;
+            }
+            else if (this[parentKey] === variable) {
+                params.index = 0;
+                this[parentKey] = undefined;
+            }
+        }
+        return params;
+    }
+    removeBindEvent(options) {
+        let bindEvent;
+        if (typeof options === 'string') {
+            bindEvent = this.events.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;
+            if (Array.isArray(this[parentKey])) {
+                const index = this[parentKey].indexOf(bindEvent);
+                ~index && this[parentKey].splice(index, 1);
+                params.index = index;
+            }
+            else if (this[parentKey] === bindEvent) {
+                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;
+            if (Array.isArray(this[parentKey])) {
+                const index = this[parentKey].indexOf(logic);
+                ~index && this[parentKey].splice(index, 1);
+                params.index = index;
+            }
+            else if (this[parentKey] === logic) {
+                params.index = 0;
+                this[parentKey] = undefined;
+            }
+        }
+        return params;
+    }
+    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;
+            if (Array.isArray(this[parentKey])) {
+                const index = this[parentKey].indexOf(view);
+                ~index && this[parentKey].splice(index, 1);
+                params.index = index;
+            }
+            else if (this[parentKey] === view) {
+                params.index = 0;
+                this[parentKey] = undefined;
+            }
+        }
+        return params;
+    }
+    //================================================================================
+    // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+    // 自动生成的代码已结束。下面可以手动编写。
+    //================================================================================
+    /**
+     * 设置页面权限
+     */
+    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 = []) {
+        const excludedSet = new Set(excludedList);
+        return Array.from(this.existingViewElement);
+    }
+    // getViewElementUniqueName(name = 'viewElement1') {
+    //     this.collectExistingViewElementName();
+    //     const viewElementUniqueName = utils.unique(name, this.existingViewElement);
+    //     this.existingViewElement.add(viewElementUniqueName);
+    //     return viewElementUniqueName;
+    // }
+    // 组件名是否有效
+    isValidElementName(name) {
+        if (name) {
+            return !this.getViewElementExistingNames().find((existingName) => existingName === name);
+        }
+        return false;
+    }
+    static TAG_NAME_PREFIX_REG = /^([lieu]|van)[-_]/;
+    mergeBlock({ code, nodePath, position }) {
+        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);
+        if (template) {
+            const node = ViewElement__1.default.fromHTML(template, {
+                view: this,
+            });
+            if (!parentNode) {
+                return;
+            }
+            if (position === 'append') {
+                parentNode.addViewElement(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.structures)) {
+            definition.structures.forEach((structureOption) => {
+                const structure = Structure__1.Structure.from({
+                    ...structureOption,
+                }, this.rootNode, 'structures');
+                this.rootNode.addStructure(structure);
+            });
+        }
+        // 全局逻辑
+        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.viewParams)) {
+            definition.viewParams.forEach((paramsOption) => {
+                const param = Param__1.default.from({
+                    ...paramsOption,
+                }, this, 'params');
+                this.addParam(param);
+            });
+        }
+        // 页面变量
+        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) => {
+                const logic = Logic__1.default.from({
+                    ...logicOption,
+                }, this, 'logics');
+                this.addLogic(logic);
+            });
+        }
+        // 页面事件
+        if (Array.isArray(definition.viewBindEvents)) {
+            definition.viewBindEvents.forEach((eventOption) => {
+                const event = BindEvent__1.default.from({
+                    ...eventOption,
+                }, this, 'events');
+                this.addBindEvent(event);
+            });
+        }
+    }
+    onChange($event) {
+        this.emit('change', $event);
+    }
+    getVarExistingNames(excludedList = []) {
+        const excludedSet = new Set(excludedList);
+        return [...this.params, ...this.variables].filter((item) => !excludedSet.has(item)).map((item) => item.name);
+    }
+    /**
+     * 角色
+     */
+    roles = [];
+    toggleRole(role) {
+        const index = this.roles.findIndex((roleItem) => roleItem.name === role.name);
+        const roles = [...this.roles];
+        if (index !== -1) {
+            roles.splice(index, 1);
+            this.roles = roles;
+        }
+        else {
+            roles.push({
+                namespace: role.getNamespace(),
+                name: role.name,
+            });
+        }
+        const object = {
+            roles,
+        };
+        this.update({
+            ...object,
+        });
+    }
+    /**
+     * 生成 Vue 中需要的 JS 代码
+     * @TODO 这一版先做成 componentOptions 式的，后面再美化
+     */
+    genScript() {
+        let componentOptions = 'const componentOptions = {};';
+        if (this.script)
+            componentOptions = this.script.trim().replace(/export default |module\.exports +=/, 'const componentOptions = ');
+        const definition = {
+            params: this.params,
+            variables: this.variables,
+            logics: this.logics,
+            events: this.events,
+            title: this.title,
+            crumb: this.crumb,
+            first: this.isIndex,
+        };
+        return `${componentOptions}
+            ${(0, translator_2.default)(definition)}
+        export default componentOptions;
+`;
+    }
+    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(options) {
+        return this.elements.map((element) => element.toDesignerVue(options) + '\n').join('');
+    }
+    /**
+     * 转换成设计器中使用的 Vue 文件
+     * 目前不需要 script 和 style
+     * @param options
+     */
+    toDesignerVue(options) {
+        return `<template>\n${this.genDesignerVueTemplate(options)}</template>`;
+    }
+    /**
+     * 转换成 VueOptions
+     * @TODO 后面 template 可以优化成 render 函数
+     */
+    toVueOptions(options) {
+        return {
+            template: this.genVueTemplate(options),
+            script: this.genScript(),
+        };
+    }
+    /**
+     * 生成宿主语言的文件路径
+     * @param name 一般不用传，用于 rename
+     */
+    getEmbeddedFilePath(name = this.name) {
+        return `/embedded/${this.app.name}/views/${name}.ts`;
+    }
+    getNamespace() {
+        if (this.parentNode) {
+            let parentNodeNamespace = this.parentNode.getNamespace();
+            if (this.parentNode.concept === 'View') {
+                parentNodeNamespace = `${this.parentNode.getNamespace()}.${this.parentNode.name}`;
+            }
+            return `${parentNodeNamespace}.${this.parentNode.concept === this.concept ? 'children' : 'views'}`;
+        }
+        else
+            throw new Error('无法获取命名空间，请设置 parentNode！');
+    }
+    toEmbeddedTS(state, parentName) {
+        const currentName = `${parentName ? parentName + '.children.' : ''}${this.name}`;
+        let code = `export namespace ${currentName} {\n`;
+        // 角色
+        // if (this.auth && Array.isArray(this.roles) && this.roles.length) {
+        //     code += indent(state.tabSize + 1);
+        //     code += 'export let roles = [\n';
+        //     this.roles.forEach((role) => {
+        //         code += indent(state.tabSize + 1);
+        //         `${this.app.getNamespace()}.${role.name}`;
+        //         code += `${role.namespace}.${role.name},`;
+        //         code += '\n';
+        //     });
+        //     code += indent(state.tabSize + 1);
+        //     code += '];\n';
+        // }
+        if (this.auth && Array.isArray(this.bindRoles) && this.bindRoles.length) {
+            code += (0, translator_1.indent)(state.tabSize + 1);
+            code += 'export let bindRoles = [\n';
+            this.bindRoles.forEach((role) => {
+                code += (0, translator_1.indent)(state.tabSize + 1);
+                code += `${this.app.getNamespace()}.roles.${role}.${role},`;
+                code += '\n';
+            });
+            code += '\n';
+            code += (0, translator_1.indent)(state.tabSize + 1);
+            code += '];\n';
+        }
+        if (Array.isArray(this.params)) {
+            this.params.forEach((param) => {
+                code += (0, translator_1.indent)(state.tabSize + 1) + 'let ';
+                code += param.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
+                code += ';\n';
+            });
+        }
+        if (Array.isArray(this.variables)) {
+            this.variables.forEach((variable) => {
+                code += (0, translator_1.indent)(state.tabSize + 1) + 'let ';
+                code += variable.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
+                code += ';\n';
+            });
+        }
+        // elements类型声明定义
+        code += (0, translator_1.indent)(state.tabSize + 1) + `let __elements = {\n`;
+        // 生成所有的name和类型定义
+        this.elements.forEach((element) => {
+            code += element.toEmbeddedTSDefinition((0, translator_1.shiftState)(state, code, {
+                tabSize: state.tabSize + 1,
+            }));
+        });
+        code += (0, translator_1.indent)(state.tabSize + 1) + '}\n';
+        // 逻辑
+        if (Array.isArray(this.logics) && this.logics.length) {
+            code += (0, translator_1.indent)(state.tabSize + 1);
+            code += `export namespace logics {\n`;
+            this.logics.forEach((logic) => {
+                code += logic.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
+                    tabSize: state.tabSize + 2,
+                }));
+                code += '\n';
+            });
+            code += (0, translator_1.indent)(state.tabSize + 1);
+            code += '}\n';
+        }
+        // 事件
+        if (Array.isArray(this.events) && this.events.length) {
+            this.events.forEach((event) => {
+                code += event.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
+                    tabSize: state.tabSize,
+                }));
+                code += '\n';
+            });
+        }
+        // render函数
+        code += '\n' + (0, translator_1.indent)(state.tabSize + 1);
+        code += `export function __render(`;
+        code += `){\n`;
+        code += (0, translator_1.indent)(state.tabSize + 1);
+        // elements 元素
+        // if (Array.isArray(this.elements)) {
+        //     // 生成嵌套式的内容
+        //     this.elements.forEach((element) => {
+        //         code += element.toEmbeddedTS(shiftState(state, code, {
+        //             tabSize: state.tabSize + 3,
+        //         }));
+        //         code += '\n';
+        //     });
+        // }
+        code += '\n' + (0, translator_1.indent)(state.tabSize + 1) + '}\n';
+        if (Array.isArray(this.params)) {
+            code += (0, translator_1.indent)(state.tabSize + 1) + `export function destination(`;
+            this.params.forEach((param, index) => {
+                code += `${param.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }))}`;
+                if (index !== this.params.length - 1)
+                    code += ', ';
+            });
+            code += '){}\n';
+        }
+        code += (0, translator_1.indent)(state.tabSize) + '}\n';
+        // 子页面
+        if (Array.isArray(this.children)) {
+            this.children.forEach((child) => {
+                code += child.toEmbeddedTS((0, translator_1.shiftState)(state, code), currentName);
+                code += '\n';
+            });
+        }
+        return code;
+    }
+    toEmbeddedTSFile() {
+        let code = `namespace ${this.getNamespace()} {\n`;
+        const state = (0, translator_1.createCompilerState)(code, {
+            tabSize: 1,
+        });
+        code += this.toEmbeddedTS(state);
+        code += '}\n';
+        return {
+            code,
+            filePath: this.getEmbeddedFilePath(),
+            sourceMap: state.sourceMap,
+        };
+    }
+    get path() {
+        const _path = [];
+        let view = this;
+        while (view.concept === 'View') {
+            _path.push(view.name);
+            view = view.parentNode;
+        }
+        let path = '/';
+        if (_path.length) {
+            path += `${_path.join('/')}`;
+        }
+        return path;
+    }
+    _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.isIndex) {
+                        view.setIsIndex(false);
+                    }
+                });
+            }
+        }
+    }
+    setAsIndexView(isIndex) {
+        this.rootNode.emit('collect:start');
+        this._setAsIndexView(isIndex);
+        this.rootNode.emit('collect:end');
+    }
+};
+__decorate([
+    (0, decorators_1.property)()
+], 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, "tempPath", 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, "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)('ViewElement')
+], View.prototype, "elements", void 0);
+__decorate([
+    (0, decorators_1.property)('Param')
+], View.prototype, "params", void 0);
+__decorate([
+    (0, decorators_1.property)('Variable')
+], View.prototype, "variables", void 0);
+__decorate([
+    (0, decorators_1.property)('BindEvent')
+], View.prototype, "events", void 0);
+__decorate([
+    (0, decorators_1.property)('Logic')
+], View.prototype, "logics", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], View.prototype, "bindRoles", void 0);
+__decorate([
+    (0, decorators_1.property)('View')
+], View.prototype, "children", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], View.prototype, "roles", void 0);
+__decorate([
+    (0, translator_1.withSourceMap)()
+], View.prototype, "toEmbeddedTS", null);
+View = View_1 = __decorate([
+    decorators_1.concept
+], View);
+exports.View = View;
+classMap_1.default.View = View;
+exports.default = View;
+//================================================================================
+// ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+// 自动生成的代码已结束。下面可以手动编写。
+//================================================================================
+//# sourceMappingURL=View__.js.map