@lcap/nasl 2.18.0-beta.5 → 2.18.0-beta.7

package/src/concepts/dist/ViewElement__.js

@@ -0,0 +1,1680 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 __spreadArrays = (this && this.__spreadArrays) || function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
+exports.__esModule = true;
+exports.ViewElement = void 0;
+var translator_1 = require("../translator");
+var babelParser = require("@babel/parser");
+var json5 = require("json5");
+var compiler = require("vue-template-compiler");
+var LogicItem__1 = require("./LogicItem__");
+var __1 = require("..");
+var MemberExpression__1 = require("./MemberExpression__");
+var Identifier__1 = require("./Identifier__");
+/**
+ * 自闭合标签
+ */
+var selfClosingTag = [
+    'base',
+    'meta',
+    'area',
+    'embed',
+    'link',
+    'img',
+    'input',
+    'param',
+    'hr',
+    'br',
+    'source',
+    'track',
+    'wbr',
+    'col',
+];
+function genArgumentMemberExpression(arr) {
+    var expressionNode;
+    var propertyName = arr.pop();
+    if (arr.length >= 1) {
+        expressionNode = {
+            concept: 'MemberExpression',
+            name: '',
+            kind: 'Expression',
+            object: genArgumentMemberExpression(arr),
+            property: {
+                concept: 'Identifier',
+                kind: 'Expression',
+                name: propertyName
+            }
+        };
+    }
+    else {
+        return {
+            concept: 'Identifier',
+            kind: 'Expression',
+            name: propertyName
+        };
+    }
+    return expressionNode;
+}
+function transAstNodeToNaslNode(astNode, namespace) {
+    var _a, _b, _c, _d, _e;
+    var node = null;
+    if (astNode.type === 'CallExpression' && astNode.callee.object.name === '$utils') {
+        var calleeName = astNode.callee.property.name || astNode.callee.property.value;
+        node = {
+            concept: 'CallFunction',
+            name: '',
+            label: '调用内置函数',
+            kind: 'Expression',
+            calleeNamespace: 'nasl.util',
+            calleeName: calleeName,
+            arguments: astNode.arguments.map(function (argument) { return ({
+                concept: 'Argument',
+                name: '',
+                kind: 'Statement',
+                keyword: '',
+                expression: transAstNodeToNaslNode(Object.assign({}, argument))
+            }); }).filter(function (item) { return item.expression; }),
+            typeArguments: astNode.arguments.map(function (argument) { return (transAstNodeToNaslTypeNode(Object.assign({}, argument))); }).filter(function (item) { return item; })
+        };
+    }
+    else if (astNode.type === 'MemberExpression') {
+        if (((_a = astNode.object) === null || _a === void 0 ? void 0 : _a.name) === '$global') {
+            if (((_b = astNode.property) === null || _b === void 0 ? void 0 : _b.name) === 'userInfo') {
+                // 目前只有权限相关的
+                node = transAstNodeToNaslNode(astNode.property, 'nasl.auth');
+            }
+            else if (((_c = astNode.property) === null || _c === void 0 ? void 0 : _c.name) === 'frontendVariables') {
+                node = 'app.frontendVariables';
+            }
+        }
+        else if (((_d = astNode.object) === null || _d === void 0 ? void 0 : _d.name) === 'frontendVariables') {
+            node = transAstNodeToNaslNode(astNode.property, 'app.frontendVariables');
+        }
+        else {
+            var object = transAstNodeToNaslNode(astNode.object);
+            // object如果返回字符串，则将它当成namespace处理
+            if (Object.prototype.toString.call(object) === '[object String]') {
+                node = transAstNodeToNaslNode(astNode.property, object);
+            }
+            else {
+                var property_1 = transAstNodeToNaslNode(astNode.property);
+                node = {
+                    concept: 'MemberExpression',
+                    name: '',
+                    kind: 'Expression',
+                    object: object,
+                    property: property_1
+                };
+            }
+        }
+    }
+    else if (astNode.type === 'Identifier') {
+        node = {
+            concept: 'Identifier',
+            namespace: namespace || '',
+            name: astNode.name,
+            kind: 'Expression'
+        };
+    }
+    else if (astNode.type === 'ArrayExpression' || astNode.type === 'ObjectExpression') {
+        node = {
+            concept: 'Unparsed',
+            label: '原子项',
+            code: astNode.value
+        };
+    }
+    else if (astNode.type === 'StringLiteral') {
+        // 单独特殊处理枚举因为他不是MemberExpression，而是Identifier_
+        if ((_e = astNode === null || astNode === void 0 ? void 0 : astNode.value) === null || _e === void 0 ? void 0 : _e.startsWith('__enumTypeAnnotation_')) {
+            return null;
+        }
+        else {
+            node = {
+                concept: 'StringLiteral',
+                kind: 'Expression',
+                name: '',
+                value: astNode.value
+            };
+        }
+    }
+    else if (astNode.type === 'UnaryExpression') {
+        node = {
+            concept: 'UnaryExpression',
+            kind: 'Expression',
+            name: '',
+            operator: astNode.operator,
+            argument: transAstNodeToNaslNode(astNode.argument)
+        };
+    }
+    else {
+        node = astNode;
+        node.concept = astNode.type;
+    }
+    return node;
+}
+function transAstNodeToNaslTypeNode(astNode, namespace) {
+    var _a, _b;
+    var node = null;
+    // 单独特殊处理枚举因为他不是MemberExpression，而是Identifier_
+    if ((_a = astNode === null || astNode === void 0 ? void 0 : astNode.value) === null || _a === void 0 ? void 0 : _a.startsWith('__enumTypeAnnotation_')) {
+        var valueArr = (_b = astNode.value.replace('__enumTypeAnnotation_', '')) === null || _b === void 0 ? void 0 : _b.split('.');
+        var name = valueArr.pop();
+        var namespace_1 = valueArr.join('.');
+        node = {
+            concept: 'TypeAnnotation',
+            typeNamespace: namespace_1 || '',
+            typeName: name || '',
+            typeKind: 'reference'
+        };
+    }
+    return node;
+}
+var decorators_1 = require("../decorators");
+var utils = require("../utils");
+var BaseNode_1 = require("../common/BaseNode");
+var classMap_1 = require("../common/classMap");
+var BindAttribute__1 = require("./BindAttribute__");
+var BindEvent__1 = require("./BindEvent__");
+var BindDirective__1 = require("./BindDirective__");
+var BindStyle__1 = require("./BindStyle__");
+/**
+ * 页面元素
+ */
+var ViewElement = /** @class */ (function (_super) {
+    __extends(ViewElement, _super);
+    /**
+     * @param source 需要合并的部分参数
+     */
+    function ViewElement(source) {
+        var _this = this;
+        source = Object.assign({}, ViewElement_1.getDefaultOptions(), source);
+        _this = _super.call(this, source) || this;
+        /**
+         * 产品概念
+         */
+        _this.concept = 'ViewElement';
+        /**
+         * 类型
+         */
+        _this.type = undefined;
+        /**
+         * 元素标签
+         */
+        _this.tag = undefined;
+        /**
+         * 页面元素名称
+         */
+        _this.name = undefined;
+        /**
+         * 静态 class 名
+         */
+        _this.staticClass = undefined;
+        /**
+         * 静态 style
+         */
+        _this.staticStyle = undefined;
+        /**
+         * 权限资源描述
+         */
+        _this.authDescription = undefined;
+        /**
+         * 插槽目标
+         */
+        _this.slotTarget = undefined;
+        /**
+         * 插槽 scope 表达式
+         */
+        _this.slotScope = undefined;
+        /**
+         * 元素绑定属性列表
+         */
+        _this.bindAttrs = [];
+        /**
+         * 元素绑定事件列表
+         */
+        _this.bindEvents = [];
+        /**
+         * 元素指令列表
+         */
+        _this.bindDirectives = [];
+        /**
+         * 绑定的角色
+         */
+        _this.bindRoles = [];
+        /**
+         * 元素绑定样式列表
+         */
+        _this.bindStyles = [];
+        /**
+         * 子元素列表
+         */
+        _this.children = [];
+        _this.computedStyle = {};
+        _super.prototype.subConstructor.call(_this, source);
+        return _this;
+    }
+    ViewElement_1 = ViewElement;
+    Object.defineProperty(ViewElement.prototype, "view", {
+        /**
+         * 祖先 View
+         */
+        get: function () {
+            return this.getAncestor('View');
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ViewElement.prototype, "module", {
+        /**
+         * 祖先 Module
+         */
+        get: function () {
+            return this.getAncestor('Module');
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ViewElement.prototype, "app", {
+        /**
+         * 祖先 App
+         */
+        get: function () {
+            return this.getAncestor('App');
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * 从父级删除该节点
+     * @internal
+     */
+    ViewElement.prototype._delete = function () {
+        var _a, _b;
+        var params = null;
+        if (this.parentNode) {
+            params = (_b = (_a = this.parentNode) === null || _a === void 0 ? void 0 : _a.__removeViewElement) === null || _b === void 0 ? void 0 : _b.call(_a, this);
+        }
+        return params;
+    };
+    /**
+     * 设置页面元素名称
+     */
+    ViewElement.prototype.setName = function (name) {
+        var object = {
+            name: name
+        };
+        this.update(__assign(__assign({}, object), { field: 'name' }));
+    };
+    /**
+     * 设置静态 style
+     */
+    ViewElement.prototype.setStaticStyle = function (staticStyle) {
+        var object = {
+            staticStyle: staticStyle
+        };
+        this.update(__assign({}, object));
+    };
+    /**
+     * 设置权限资源描述
+     */
+    ViewElement.prototype.setAuthDescription = function (authDescription) {
+        var object = {
+            authDescription: authDescription
+        };
+        this.update(__assign({}, object));
+    };
+    ViewElement.prototype.getBindAttributeExistingNames = function (excludedList) {
+        if (excludedList === void 0) { excludedList = []; }
+        var excludedSet = new Set(excludedList);
+        return (this.bindAttrs || []).filter(function (item) { return !excludedSet.has(item); }).map(function (item) { return item.name; });
+    };
+    ViewElement.prototype.getBindAttributeUniqueName = function (name) {
+        if (name === void 0) { name = 'bindAttribute1'; }
+        return utils.unique(name, this.getBindAttributeExistingNames(), undefined, false);
+    };
+    ViewElement.prototype._insertBindAttributeAt = function (options, index) {
+        var bindAttributeOptions = {};
+        var relationOptions = { parentNode: this, parentKey: 'bindAttrs' };
+        var bindAttribute;
+        if (!options) {
+            bindAttribute = BindAttribute__1["default"].from(__assign(__assign({}, bindAttributeOptions), { name: this.getBindAttributeUniqueName() }), this, 'bindAttrs');
+        }
+        else if (typeof options === 'string') {
+            bindAttribute = BindAttribute__1["default"].from(__assign(__assign({}, bindAttributeOptions), { name: options }), this, 'bindAttrs');
+        }
+        else if (options instanceof BindAttribute__1["default"]) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            bindAttribute = options;
+            Object.assign(bindAttribute, relationOptions);
+        }
+        else {
+            bindAttribute = BindAttribute__1["default"].from(__assign(__assign({}, bindAttributeOptions), options), this, 'bindAttrs');
+        }
+        this.bindAttrs.splice(index, 0, bindAttribute);
+        return bindAttribute;
+    };
+    ViewElement.prototype.insertBindAttributeAt = function (options, index) {
+        var node = this._insertBindAttributeAt(options, index);
+        node.create({
+            index: index,
+            parentNode: this,
+            parentKey: 'bindAttrs'
+        });
+        return node;
+    };
+    ViewElement.prototype._addBindAttribute = function (options) {
+        var index = this.bindAttrs.length;
+        return this._insertBindAttributeAt(options, index);
+    };
+    ViewElement.prototype.addBindAttribute = function (options) {
+        var node = this._addBindAttribute(options);
+        var index = this.bindAttrs.indexOf(node);
+        node.create({
+            index: index,
+            parentNode: this,
+            parentKey: 'bindAttrs'
+        });
+        return node;
+    };
+    ViewElement.prototype.getBindEventExistingNames = function (excludedList) {
+        if (excludedList === void 0) { excludedList = []; }
+        var excludedSet = new Set(excludedList);
+        return (this.bindEvents || []).filter(function (item) { return !excludedSet.has(item); }).map(function (item) { return item.name; });
+    };
+    ViewElement.prototype.getBindEventUniqueName = function (name) {
+        if (name === void 0) { name = 'bindEvent1'; }
+        return utils.unique(name, this.getBindEventExistingNames(), undefined, false);
+    };
+    ViewElement.prototype._insertBindEventAt = function (options, index) {
+        var bindEventOptions = {};
+        var relationOptions = { parentNode: this, parentKey: 'bindEvents' };
+        var bindEvent;
+        if (!options) {
+            bindEvent = BindEvent__1["default"].from(__assign(__assign({}, bindEventOptions), { name: this.getBindEventUniqueName() }), this, 'bindEvents');
+        }
+        else if (typeof options === 'string') {
+            bindEvent = BindEvent__1["default"].from(__assign(__assign({}, 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(__assign(__assign({}, bindEventOptions), options), this, 'bindEvents');
+        }
+        this.bindEvents.splice(index, 0, bindEvent);
+        return bindEvent;
+    };
+    ViewElement.prototype.insertBindEventAt = function (options, index) {
+        var node = this._insertBindEventAt(options, index);
+        node.create({
+            index: index,
+            parentNode: this,
+            parentKey: 'bindEvents'
+        });
+        return node;
+    };
+    ViewElement.prototype._addBindEvent = function (options) {
+        var index = this.bindEvents.length;
+        return this._insertBindEventAt(options, index);
+    };
+    ViewElement.prototype.addBindEvent = function (options) {
+        var node = this._addBindEvent(options);
+        var index = this.bindEvents.indexOf(node);
+        node.create({
+            index: index,
+            parentNode: this,
+            parentKey: 'bindEvents'
+        });
+        return node;
+    };
+    ViewElement.prototype.getBindDirectiveExistingNames = function (excludedList) {
+        if (excludedList === void 0) { excludedList = []; }
+        var excludedSet = new Set(excludedList);
+        return (this.bindDirectives || []).filter(function (item) { return !excludedSet.has(item); }).map(function (item) { return item.name; });
+    };
+    ViewElement.prototype.getBindDirectiveUniqueName = function (name) {
+        if (name === void 0) { name = 'bindDirective1'; }
+        return utils.unique(name, this.getBindDirectiveExistingNames(), undefined, false);
+    };
+    ViewElement.prototype._insertBindDirectiveAt = function (options, index) {
+        var bindDirectiveOptions = {};
+        var relationOptions = { parentNode: this, parentKey: 'bindDirectives' };
+        var bindDirective;
+        if (!options) {
+            bindDirective = BindDirective__1["default"].from(__assign(__assign({}, bindDirectiveOptions), { name: this.getBindDirectiveUniqueName() }), this, 'bindDirectives');
+        }
+        else if (typeof options === 'string') {
+            bindDirective = BindDirective__1["default"].from(__assign(__assign({}, bindDirectiveOptions), { name: options }), this, 'bindDirectives');
+        }
+        else if (options instanceof BindDirective__1["default"]) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            bindDirective = options;
+            Object.assign(bindDirective, relationOptions);
+        }
+        else {
+            bindDirective = BindDirective__1["default"].from(__assign(__assign({}, bindDirectiveOptions), options), this, 'bindDirectives');
+        }
+        this.bindDirectives.splice(index, 0, bindDirective);
+        return bindDirective;
+    };
+    ViewElement.prototype.insertBindDirectiveAt = function (options, index) {
+        var node = this._insertBindDirectiveAt(options, index);
+        node.create({
+            index: index,
+            parentNode: this,
+            parentKey: 'bindDirectives'
+        });
+        return node;
+    };
+    ViewElement.prototype._addBindDirective = function (options) {
+        var index = this.bindDirectives.length;
+        return this._insertBindDirectiveAt(options, index);
+    };
+    ViewElement.prototype.addBindDirective = function (options) {
+        var node = this._addBindDirective(options);
+        var index = this.bindDirectives.indexOf(node);
+        node.create({
+            index: index,
+            parentNode: this,
+            parentKey: 'bindDirectives'
+        });
+        return node;
+    };
+    ViewElement.prototype.getBindStyleExistingNames = function (excludedList) {
+        if (excludedList === void 0) { excludedList = []; }
+        var excludedSet = new Set(excludedList);
+        return (this.bindStyles || []).filter(function (item) { return !excludedSet.has(item); }).map(function (item) { return item.name; });
+    };
+    ViewElement.prototype.getBindStyleUniqueName = function (name) {
+        if (name === void 0) { name = 'bindStyle1'; }
+        return utils.unique(name, this.getBindStyleExistingNames(), undefined, false);
+    };
+    ViewElement.prototype._insertBindStyleAt = function (options, index) {
+        var bindStyleOptions = {};
+        var relationOptions = { parentNode: this, parentKey: 'bindStyles' };
+        var bindStyle;
+        if (!options) {
+            bindStyle = BindStyle__1["default"].from(__assign(__assign({}, bindStyleOptions), { name: this.getBindStyleUniqueName() }), this, 'bindStyles');
+        }
+        else if (typeof options === 'string') {
+            bindStyle = BindStyle__1["default"].from(__assign(__assign({}, bindStyleOptions), { name: options }), this, 'bindStyles');
+        }
+        else if (options instanceof BindStyle__1["default"]) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            bindStyle = options;
+            Object.assign(bindStyle, relationOptions);
+        }
+        else {
+            bindStyle = BindStyle__1["default"].from(__assign(__assign({}, bindStyleOptions), options), this, 'bindStyles');
+        }
+        this.bindStyles.splice(index, 0, bindStyle);
+        return bindStyle;
+    };
+    ViewElement.prototype.insertBindStyleAt = function (options, index) {
+        var node = this._insertBindStyleAt(options, index);
+        node.create({
+            index: index,
+            parentNode: this,
+            parentKey: 'bindStyles'
+        });
+        return node;
+    };
+    ViewElement.prototype._addBindStyle = function (options) {
+        var index = this.bindStyles.length;
+        return this._insertBindStyleAt(options, index);
+    };
+    ViewElement.prototype.addBindStyle = function (options) {
+        var node = this._addBindStyle(options);
+        var index = this.bindStyles.indexOf(node);
+        node.create({
+            index: index,
+            parentNode: this,
+            parentKey: 'bindStyles'
+        });
+        return node;
+    };
+    ViewElement.prototype._insertViewElementAt = function (options, index) {
+        var viewElementOptions = {};
+        var relationOptions = { parentNode: this, parentKey: 'children' };
+        var viewElement;
+        if (!options) {
+            viewElement = ViewElement_1.from(__assign(__assign({}, viewElementOptions), { name: this.getViewElementUniqueName() }), this, 'children');
+        }
+        else if (typeof options === 'string') {
+            viewElement = ViewElement_1.from(__assign(__assign({}, viewElementOptions), { name: options }), this, 'children');
+        }
+        else if (options instanceof ViewElement_1) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            viewElement = options;
+            Object.assign(viewElement, relationOptions);
+        }
+        else {
+            viewElement = ViewElement_1.from(__assign(__assign({}, viewElementOptions), options), this, 'children');
+        }
+        this.children.splice(index, 0, viewElement);
+        return viewElement;
+    };
+    ViewElement.prototype.insertViewElementAt = function (options, index) {
+        var node = this._insertViewElementAt(options, index);
+        node.create({
+            index: index,
+            parentNode: this,
+            parentKey: 'children'
+        });
+        return node;
+    };
+    ViewElement.prototype._addViewElement = function (options) {
+        var index = this.children.length;
+        return this._insertViewElementAt(options, index);
+    };
+    ViewElement.prototype.addViewElement = function (options) {
+        var node = this._addViewElement(options);
+        var index = this.children.indexOf(node);
+        node.create({
+            index: index,
+            parentNode: this,
+            parentKey: 'children'
+        });
+        return node;
+    };
+    ViewElement.prototype.removeBindAttribute = function (options) {
+        var bindAttribute;
+        if (typeof options === 'string') {
+            bindAttribute = this.bindAttrs.find(function (item) { return item.name === options; });
+            if (!bindAttribute) {
+                throw new Error('找不到元素绑定属性 ' + options);
+            }
+        }
+        else {
+            bindAttribute = options;
+        }
+        return bindAttribute["delete"]();
+    };
+    ViewElement.prototype.__removeBindAttribute = function (bindAttribute) {
+        var parentKey = bindAttribute.parentKey;
+        var params = {
+            parentNode: this,
+            parentKey: parentKey,
+            index: -1,
+            object: null,
+            oldObject: bindAttribute
+        };
+        if (parentKey) {
+            params.parentKey = parentKey;
+            if (Array.isArray(this[parentKey])) {
+                var index = this[parentKey].indexOf(bindAttribute);
+                ~index && this[parentKey].splice(index, 1);
+                params.index = index;
+            }
+            else if (this[parentKey] === bindAttribute) {
+                params.index = 0;
+                this[parentKey] = undefined;
+            }
+        }
+        return params;
+    };
+    ViewElement.prototype.removeBindEvent = function (options) {
+        var bindEvent;
+        if (typeof options === 'string') {
+            bindEvent = this.bindEvents.find(function (item) { return item.name === options; });
+            if (!bindEvent) {
+                throw new Error('找不到元素绑定事件 ' + options);
+            }
+        }
+        else {
+            bindEvent = options;
+        }
+        return bindEvent["delete"]();
+    };
+    ViewElement.prototype.__removeBindEvent = function (bindEvent) {
+        var parentKey = bindEvent.parentKey;
+        var params = {
+            parentNode: this,
+            parentKey: parentKey,
+            index: -1,
+            object: null,
+            oldObject: bindEvent
+        };
+        if (parentKey) {
+            params.parentKey = parentKey;
+            if (Array.isArray(this[parentKey])) {
+                var 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;
+    };
+    ViewElement.prototype.removeBindDirective = function (options) {
+        var bindDirective;
+        if (typeof options === 'string') {
+            bindDirective = this.bindDirectives.find(function (item) { return item.name === options; });
+            if (!bindDirective) {
+                throw new Error('找不到元素指令 ' + options);
+            }
+        }
+        else {
+            bindDirective = options;
+        }
+        return bindDirective["delete"]();
+    };
+    ViewElement.prototype.__removeBindDirective = function (bindDirective) {
+        var parentKey = bindDirective.parentKey;
+        var params = {
+            parentNode: this,
+            parentKey: parentKey,
+            index: -1,
+            object: null,
+            oldObject: bindDirective
+        };
+        if (parentKey) {
+            params.parentKey = parentKey;
+            if (Array.isArray(this[parentKey])) {
+                var index = this[parentKey].indexOf(bindDirective);
+                ~index && this[parentKey].splice(index, 1);
+                params.index = index;
+            }
+            else if (this[parentKey] === bindDirective) {
+                params.index = 0;
+                this[parentKey] = undefined;
+            }
+        }
+        return params;
+    };
+    ViewElement.prototype.removeBindStyle = function (options) {
+        var bindStyle;
+        if (typeof options === 'string') {
+            bindStyle = this.bindStyles.find(function (item) { return item.name === options; });
+            if (!bindStyle) {
+                throw new Error('找不到元素绑定样式 ' + options);
+            }
+        }
+        else {
+            bindStyle = options;
+        }
+        return bindStyle["delete"]();
+    };
+    ViewElement.prototype.__removeBindStyle = function (bindStyle) {
+        var parentKey = bindStyle.parentKey;
+        var params = {
+            parentNode: this,
+            parentKey: parentKey,
+            index: -1,
+            object: null,
+            oldObject: bindStyle
+        };
+        if (parentKey) {
+            params.parentKey = parentKey;
+            if (Array.isArray(this[parentKey])) {
+                var index = this[parentKey].indexOf(bindStyle);
+                ~index && this[parentKey].splice(index, 1);
+                params.index = index;
+            }
+            else if (this[parentKey] === bindStyle) {
+                params.index = 0;
+                this[parentKey] = undefined;
+            }
+        }
+        return params;
+    };
+    ViewElement.prototype.removeViewElement = function (options) {
+        var viewElement;
+        if (typeof options === 'string') {
+            viewElement = this.children.find(function (item) { return item.name === options; });
+            if (!viewElement) {
+                throw new Error('找不到页面元素 ' + options);
+            }
+        }
+        else {
+            viewElement = options;
+        }
+        return viewElement["delete"]();
+    };
+    ViewElement.prototype.__removeViewElement = function (viewElement) {
+        var parentKey = viewElement.parentKey;
+        var params = {
+            parentNode: this,
+            parentKey: parentKey,
+            index: -1,
+            object: null,
+            oldObject: viewElement
+        };
+        if (parentKey) {
+            params.parentKey = parentKey;
+            if (Array.isArray(this[parentKey])) {
+                var 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;
+    };
+    Object.defineProperty(ViewElement.prototype, "parentAuth", {
+        //================================================================================
+        // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+        // 自动生成的代码已结束。下面可以手动编写。
+        //================================================================================
+        /* 主页面有没有权限 */
+        get: function () {
+            var _a;
+            var _nameSpace = this.view.getNamespace();
+            var mainViewName = _nameSpace.split('.')[2];
+            return this.view.parentNode.concept === 'App' ? this.view.auth : (_a = this.app.views.find(function (item) { return item.name === mainViewName; })) === null || _a === void 0 ? void 0 : _a.auth;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ViewElement.prototype, "authPath", {
+        /**
+         * 权限领域的资源路径
+         */
+        get: function () {
+            return this.view.path + "/" + this.name;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ViewElement.prototype.getViewElementUniqueName = function (name) {
+        var _a;
+        if (name === void 0) { name = 'viewElement1'; }
+        return (_a = this.view) === null || _a === void 0 ? void 0 : _a.getViewElementUniqueName(name);
+    };
+    ViewElement.from = function (source, parentNode, parentKey) {
+        var node = _super.from.call(this, source, parentNode, parentKey);
+        if (!node.name) {
+            var tagName = node.tag.replace(ViewElement_1.TAG_NAME_PREFIX_REG, '').replace(/-/g, '_');
+            node.name = node.getViewElementUniqueName(tagName + "1");
+        }
+        return node;
+    };
+    /**
+     * 设置组件权限
+     */
+    ViewElement.prototype.setBindRoles = function (bindRoles) {
+        var object = {
+            bindRoles: bindRoles
+        };
+        this.update(__assign({}, object));
+    };
+    ViewElement.prototype.getBindAttribute = function (name) {
+        return this.bindAttrs.find(function (bindAttr) { return bindAttr.name === name; });
+    };
+    ViewElement.prototype.toHump = function (name) {
+        return name.replace(/\-(\w)/g, function (all, letter) { return letter.toUpperCase(); });
+    };
+    ViewElement.prototype.toFirstUpper = function (name) {
+        return name.replace(/^\S/, function (s) { return s.toUpperCase(); });
+    };
+    ViewElement.prototype.haveScope = function () {
+        return Boolean(this.slotScope);
+    };
+    ViewElement.prototype.toEmbeddedTSDefinition = function (state) {
+        var code = '';
+        code += translator_1.indent(((state === null || state === void 0 ? void 0 : state.tabSize) || 0) + 1);
+        // 登录组件不翻译
+        if (this.toHump(this.tag) === 'lcapLogin' || this.staticClass === 'login-form') {
+            code += this.name + ": nasl.ui.div<any>;\n";
+        }
+        else {
+            code += this.name + ": nasl.ui." + this.toHump(this.tag) + "<any>;\n";
+        }
+        if (Array.isArray(this.children)) {
+            this.children.forEach(function (element) {
+                code += element.toEmbeddedTSDefinition(translator_1.shiftState(state, code));
+            });
+        }
+        return code;
+    };
+    ViewElement.prototype.getTypeArgmentsStr = function (state) {
+        // 登录组件不翻译
+        if (this.toHump(this.tag) === 'lcapLogin' || this.staticClass === 'login-form')
+            return '<any>';
+        var code = '';
+        // formItem的单独处理
+        if (this.tag === 'u-form-item') {
+            if (Array.isArray(this.children) && this.children.length) {
+                var tag = this.children[0].tag;
+                if (tag === 'u-input') {
+                    code += '<nasl.core.String>';
+                }
+                else if (tag === 'u-input-number') {
+                    code += '<nasl.core.Integer>';
+                }
+                else {
+                    code += '<any>';
+                }
+            }
+            return code;
+        }
+        var bindAttrs = this.bindAttrs;
+        if (bindAttrs && bindAttrs.length) {
+            var attr = bindAttrs.find(function (item) { return item.name === 'data-source'; });
+            if (attr && attr.expression) {
+                code += "<" + this.__tsDataSourceTypeName + ">";
+            }
+        }
+        return code;
+    };
+    ViewElement.prototype.getDatasourceTypeCodeStr = function (state, eleArr) {
+        var code = '';
+        (eleArr || []).forEach(function (element, index) {
+            var bindAttrs = element.bindAttrs;
+            if (bindAttrs && bindAttrs.length) {
+                var attr = bindAttrs.find(function (item) { return item.name === 'data-source'; });
+                if (attr && attr.expression) {
+                    var datasourceName = "datasourceName" + index;
+                    element.__tsDataSourceTypeName = datasourceName;
+                    if (attr.expression instanceof MemberExpression__1["default"] || attr.expression instanceof Identifier__1["default"]) {
+                        var value = attr.expression.toEmbeddedTS(translator_1.shiftState(state, code));
+                        code += "type " + datasourceName + " = ";
+                        code += "nasl.ui.GetItemTypeFromDataSource<typeof " + value + ">;\n";
+                    }
+                    else {
+                        code += "const __funcName" + index + " = () => { return";
+                        code += attr.expression.toEmbeddedTS(translator_1.shiftState(state, code));
+                        code += '};\n';
+                        code += "type " + datasourceName + " = ";
+                        code += "nasl.ui.GetItemTypeFromDataSource<ReturnType<typeof __funcName" + index + ">>;\n";
+                    }
+                }
+            }
+        });
+        code += '\n';
+        code += translator_1.indent(((state === null || state === void 0 ? void 0 : state.tabSize) || 0) + 2);
+        return code;
+    };
+    ViewElement.prototype.toEmbeddedTS = function (state, parentLevel) {
+        var _this = this;
+        // 过滤模板的登录中的一些翻译，这里只过滤h5表格中的两个列
+        if (this.parentNode.tag && this.toHump(this.parentNode.tag) === 'lcapLogin' || this.staticClass === 'login-cell')
+            return '';
+        // pc事件翻译
+        if (this.toHump(this.tag) === 'lcapLogin') {
+            var code_1 = "new nasl.ui.div({name: __elements." + this.name + ",\n";
+            // 事件
+            if (Array.isArray(this.bindEvents)) {
+                this.bindEvents.forEach(function (event) {
+                    code_1 += event.toEmbeddedTS(translator_1.shiftState(state, code_1, {
+                        tabSize: ((state === null || state === void 0 ? void 0 : state.tabSize) || 0) + 2
+                    }));
+                    code_1 += '\n';
+                });
+            }
+            code_1 += "}),\n";
+            return code_1;
+        }
+        var levelIndex = parentLevel || 0;
+        if (this.tag === 'template' && this.haveScope()) {
+            var slotTarget = !this.slotTarget ? 'slotDefault' : 'slot' + this.toFirstUpper(this.toHump(this.slotTarget));
+            var code_2 = '';
+            code_2 += slotTarget + ": (current" + (levelIndex === 0 ? '' : levelIndex) + ")=> {\n";
+            code_2 += this.getDatasourceTypeCodeStr(state, this.children);
+            levelIndex++;
+            code_2 += 'return [';
+            this.children.forEach(function (element) {
+                code_2 += element.toEmbeddedTS(translator_1.shiftState(state, code_2, {
+                    tabSize: ((state === null || state === void 0 ? void 0 : state.tabSize) || 0)
+                }), levelIndex);
+            });
+            code_2 += ']';
+            code_2 += '\n';
+            code_2 += '},\n';
+            return code_2;
+        }
+        else if (this.tag === 'template') {
+            var slotTarget = !this.slotTarget ? 'slotDefault' : 'slot' + this.toFirstUpper(this.toHump(this.slotTarget));
+            var code_3 = '';
+            code_3 += slotTarget + ": ()=> {\n";
+            code_3 += this.getDatasourceTypeCodeStr(state, this.children);
+            code_3 += 'return [';
+            this.children.forEach(function (element) {
+                code_3 += element.toEmbeddedTS(translator_1.shiftState(state, code_3, {
+                    tabSize: ((state === null || state === void 0 ? void 0 : state.tabSize) || 0)
+                }));
+            });
+            code_3 += translator_1.indent(((state === null || state === void 0 ? void 0 : state.tabSize) || 0) + 2);
+            code_3 += ']';
+            code_3 += '\n';
+            code_3 += '},\n';
+            return code_3;
+        }
+        function chineseTsName(name) {
+            var tsName = name;
+            // 匹配所有特殊字符都转为_
+            tsName = tsName.replace(/[^\u4e00-\u9fa5a-zA-Z0-9]/g, '_');
+            if (/^\d/.test(tsName)) {
+                tsName = '$' + tsName;
+            }
+            return tsName;
+        }
+        // 后面那个name是为了查找引用的时候用的
+        var code = "new nasl.ui." + this.toHump(this.tag) + this.getTypeArgmentsStr(state) + "({name: __elements." + this.name + ",\n";
+        // 是否开启权限
+        var hasAuth = false;
+        if (Array.isArray(this.bindDirectives)) {
+            hasAuth = !!this.bindDirectives.filter(function (directive) { return directive.name === 'auth'; }).length;
+        }
+        // 角色
+        if (Array.isArray(this.bindRoles) && this.bindRoles.length) {
+            code += translator_1.indent(((state === null || state === void 0 ? void 0 : state.tabSize) || 0) + 2);
+            code += 'roles = [\n';
+            this.bindRoles.forEach(function (role) {
+                code += translator_1.indent(((state === null || state === void 0 ? void 0 : state.tabSize) || 0) + 3);
+                code += _this.app.getNamespace() + ".roles." + chineseTsName(role) + "." + chineseTsName(role) + ",";
+                code += '\n';
+            });
+            code += translator_1.indent(((state === null || state === void 0 ? void 0 : state.tabSize) || 0) + 2);
+            code += '],\n';
+        }
+        // 事件
+        if (Array.isArray(this.bindEvents)) {
+            this.bindEvents.forEach(function (event) {
+                code += event.toEmbeddedTS(translator_1.shiftState(state, code, {
+                    tabSize: ((state === null || state === void 0 ? void 0 : state.tabSize) || 0) + 2
+                }));
+                code += '\n';
+            });
+        }
+        // 子元素
+        if (Array.isArray(this.children)) {
+            code += translator_1.indent(((state === null || state === void 0 ? void 0 : state.tabSize) || 0) + 1);
+            if (Array.isArray(this.bindAttrs)) {
+                code += "bindAttr: () => [\n";
+                this.bindAttrs.forEach(function (attr) { return code += attr.toEmbeddedTS(translator_1.shiftState(state, code, { tabSize: 1 })) + ',\n'; });
+                this.bindDirectives.forEach(function (directive) { return code += directive.toEmbeddedTS(translator_1.shiftState(state, code, { tabSize: 1 })) + ',\n'; });
+                this.bindStyles.forEach(function (bindStyle) { return code += bindStyle.toEmbeddedTS(translator_1.shiftState(state, code, { tabSize: 1 })) + ',\n'; });
+                code += translator_1.indent(((state === null || state === void 0 ? void 0 : state.tabSize) || 0) + 2) + '],\n';
+            }
+            // 如果子集中有插槽的就
+            if (this.children.find(function (item) { return item.tag === 'template' && item.slotTarget; })) {
+                code += translator_1.indent(((state === null || state === void 0 ? void 0 : state.tabSize) || 0) + 2);
+                var defaultArr_1 = [];
+                // 先把插槽翻译了
+                this.children.forEach(function (element) {
+                    if (element.tag === 'template') {
+                        code += element.toEmbeddedTS(translator_1.shiftState(state, code, {
+                            tabSize: ((state === null || state === void 0 ? void 0 : state.tabSize) || 0)
+                        }), levelIndex);
+                    }
+                    else {
+                        defaultArr_1.push(element);
+                    }
+                });
+                // 翻译其余的子集
+                if (defaultArr_1.length) {
+                    code += translator_1.indent(((state === null || state === void 0 ? void 0 : state.tabSize) || 0) + 2);
+                    code += "slotDefault: ()=> {\n";
+                    code += this.getDatasourceTypeCodeStr(state, defaultArr_1);
+                    code += 'return [';
+                    defaultArr_1.forEach(function (element) {
+                        code += element.toEmbeddedTS(translator_1.shiftState(state, code, {
+                            tabSize: ((state === null || state === void 0 ? void 0 : state.tabSize) || 0) + 2
+                        }), levelIndex);
+                        code += '\n';
+                    });
+                    code += translator_1.indent(((state === null || state === void 0 ? void 0 : state.tabSize) || 0) + 2);
+                    code += ']\n';
+                    code += translator_1.indent(((state === null || state === void 0 ? void 0 : state.tabSize) || 0) + 1);
+                    code += '}\n';
+                }
+            }
+            else {
+                code += translator_1.indent(((state === null || state === void 0 ? void 0 : state.tabSize) || 0) + 2);
+                code += "slotDefault: ()=> {\n";
+                code += this.getDatasourceTypeCodeStr(state, this.children);
+                code += 'return [';
+                this.children.forEach(function (element) {
+                    code += element.toEmbeddedTS(translator_1.shiftState(state, code, {
+                        tabSize: ((state === null || state === void 0 ? void 0 : state.tabSize) || 0) + 2
+                    }), levelIndex);
+                    code += '\n';
+                });
+                code += translator_1.indent(((state === null || state === void 0 ? void 0 : state.tabSize) || 0) + 2);
+                code += ']\n';
+                code += translator_1.indent(((state === null || state === void 0 ? void 0 : state.tabSize) || 0) + 1);
+                code += '}\n';
+            }
+        }
+        code += translator_1.indent(((state === null || state === void 0 ? void 0 : state.tabSize) || 0)) + '}),\n';
+        return code;
+    };
+    ViewElement.prototype._duplicate = function () {
+        var element = ViewElement_1.from(this.toTemplateJSON());
+        element.deepRenameElements(this);
+        this.view.existingViewElement.clear();
+        return element;
+    };
+    // 递归遍历组件
+    ViewElement.prototype.traverseChildren = function (cb) {
+        utils.traverse(function (current) {
+            cb(current.node);
+        }, { node: this });
+    };
+    // 递归生成组件名
+    ViewElement.prototype.deepRenameElements = function (node) {
+        return this.traverseChildren(function (ele) {
+            var tagName = ele.tag.replace(ViewElement_1.TAG_NAME_PREFIX_REG, '').replace(/-/g, '_');
+            ele.name = node.getViewElementUniqueName(tagName + "1");
+        });
+    };
+    /**
+     * 解析属性中的表达式
+     * @param value
+     * @param $def 目前 $def 只用来查找 $def.variables 和 $def.structures
+     * @param dataSchema
+     */
+    ViewElement._parseExpression = function (value) {
+        try {
+            var ast = babelParser.parseExpression(value);
+            var node = transAstNodeToNaslNode(ast);
+            return LogicItem__1["default"].from(node, null, null);
+        }
+        catch (e) {
+            return null;
+        }
+    };
+    ViewElement._parseValidationRule = function (value) {
+        var _a, _b, _c, _d, _e;
+        var calleeName = value;
+        var args = [];
+        try {
+            var ast = babelParser.parseExpression(value);
+            if (ast.type === 'CallExpression') {
+                calleeName = ((_b = (_a = ast.callee) === null || _a === void 0 ? void 0 : _a.property) === null || _b === void 0 ? void 0 : _b.name) || ((_d = (_c = ast.callee) === null || _c === void 0 ? void 0 : _c.property) === null || _d === void 0 ? void 0 : _d.value) || ((_e = ast.callee) === null || _e === void 0 ? void 0 : _e.name);
+                calleeName = calleeName.replace(/\(.*/, '');
+                args = ast.arguments.map(function (argument) { return ({
+                    concept: 'Argument',
+                    name: '',
+                    kind: 'Statement',
+                    keyword: '',
+                    expression: transAstNodeToNaslNode(Object.assign({}, argument))
+                }); });
+            }
+        }
+        catch (error) { }
+        return {
+            concept: 'ValidationRule',
+            name: '',
+            label: '验证规则',
+            kind: 'Expression',
+            calleeNamespace: 'nasl.validation',
+            arguments: args,
+            calleeName: calleeName
+        };
+    };
+    /**
+     * 从 Vue 的 ASTNode 转换成 ASL 元素
+     * @param astNode Vue 的 ASTNode
+     */
+    ViewElement._fromASTNode = function (astNode, context) {
+        var _this = this;
+        var _a, _b, _c;
+        var view = context === null || context === void 0 ? void 0 : context.view;
+        // 临时处理组件的 text
+        //h5-mock
+        if (['u-text', 'van-text', 'u-link', 'u-button', 'u-label', 'u-radio', 'u-checkbox', 'u-navbar-item', 'u-sidebar-item', 'u-menu-item'].includes(astNode.tag)
+            && astNode.children.length === 1
+            && astNode.children[0].type === 3) {
+            astNode.attrs = astNode.attrs || [];
+            astNode.attrs.push({
+                name: 'text',
+                value: JSON.stringify(astNode.children[0].text)
+            });
+            astNode.children = [];
+        }
+        // 将 scopedSlots 合并到 children 中
+        if (astNode.scopedSlots) {
+            astNode.children = astNode.children || [];
+            Object.keys(astNode.scopedSlots).forEach(function (key) {
+                if (!astNode.children.find(function (child) { return key === child.slotTarget; })) {
+                    astNode.children.unshift(astNode.scopedSlots[key]);
+                }
+            });
+            delete astNode.scopedSlots;
+        }
+        // 提示不支持的属性
+        ['component', 'inlineTemplate', 'pre', 'ns', 'transition', 'transitionOnAppear', 'transitionMode', 'slotName', 'classBinding', 'styleBinding'].forEach(function (key) {
+            if (astNode[key])
+                console.warn("[warn] ViewElement NASL unsupports '" + key + "' field in node ", astNode);
+        });
+        var element;
+        if (astNode.type === 1) {
+            if (astNode.tag === 'router-view') {
+                if (__1.config.scope === 'h5') {
+                    astNode.tag = 'van-router-view';
+                }
+                else {
+                    astNode.tag = 'u-router-view';
+                }
+            }
+            var tagName = astNode.tag.replace(ViewElement_1.TAG_NAME_PREFIX_REG, '').replace(/-/g, '_');
+            var newContext_1 = {};
+            if (context) {
+                newContext_1 = __assign({}, context);
+            }
+            element = new ViewElement_1({
+                tag: astNode.tag,
+                name: astNode.attrsMap.ref || view.getViewElementUniqueName(tagName + "1"),
+                staticClass: astNode.attrsMap["class"],
+                staticStyle: astNode.attrsMap.style,
+                slotTarget: astNode.slotTarget && json5.parse(astNode.slotTarget),
+                slotScope: astNode.slotScope === '_empty_' ? '' : astNode.slotScope,
+                children: astNode.children.map(function (item) { return _this._fromASTNode(item, newContext_1); })
+            });
+            (_a = astNode === null || astNode === void 0 ? void 0 : astNode.attrs) === null || _a === void 0 ? void 0 : _a.forEach(function (oldAttr) {
+                var attr;
+                // 获取原始属性
+                var orginAttrCode = ((context === null || context === void 0 ? void 0 : context.code) || '').substr(oldAttr.start, oldAttr.end - oldAttr.start);
+                if (oldAttr.value === '""' && orginAttrCode.trim() === oldAttr.name) {
+                    attr = new BindAttribute__1["default"]({
+                        type: 'static',
+                        name: oldAttr.name,
+                        value: 'true'
+                    });
+                }
+                else {
+                    try {
+                        var tmp = json5.parse(oldAttr.value);
+                        var source = {
+                            type: typeof tmp === 'string' ? 'string' : 'static',
+                            name: oldAttr.name,
+                            value: typeof tmp === 'string' ? tmp : oldAttr.value
+                        };
+                        if (oldAttr.name === 'rules') {
+                            source.rules = tmp === null || tmp === void 0 ? void 0 : tmp.split('|').map(function (ruleStr) { return _this._parseValidationRule(ruleStr.trim()); });
+                        }
+                        attr = new BindAttribute__1["default"](source);
+                    }
+                    catch (e) {
+                        var expression = _this._parseExpression(oldAttr.value);
+                        attr = new BindAttribute__1["default"]({
+                            type: 'dynamic',
+                            name: oldAttr.name,
+                            value: expression ? '' : oldAttr.value,
+                            expression: expression
+                        });
+                        if (astNode.attrsMap[":" + attr.name + ".sync"]) {
+                            attr.sync = true;
+                        }
+                    }
+                }
+                element.addBindAttribute(attr);
+            });
+            // compiler 处理:value.sync 时会加上update:value事件，需要过滤
+            astNode.events
+                && Object.keys(astNode.events)
+                    .filter(function (name) { return !name.startsWith('update:'); })
+                    .forEach(function (name) {
+                    var _a;
+                    var oldEvent = astNode.events[name];
+                    var str = oldEvent.value;
+                    var calleeName = str.split('(')[0];
+                    var matchArr = str.match(/\(([^)]*)\)/) || [];
+                    var argsStr = '';
+                    if ((matchArr === null || matchArr === void 0 ? void 0 : matchArr.length) >= 2) {
+                        argsStr = matchArr[1];
+                    }
+                    var args = [];
+                    var argStrs = argsStr.split(',');
+                    args = argStrs
+                        .filter(function (argStr) { return !!argStr; })
+                        .map(function (argStr) {
+                        var keyword = argStr.trim().split('.');
+                        return {
+                            concept: 'Argument',
+                            expression: genArgumentMemberExpression(keyword)
+                        };
+                    });
+                    var viewLogics = ((_a = context === null || context === void 0 ? void 0 : context.definition) === null || _a === void 0 ? void 0 : _a.viewLogics) || [];
+                    var currentLogic = viewLogics.find(function (item) { return item.name === calleeName; });
+                    if (currentLogic) {
+                        element.addBindEvent(new BindEvent__1["default"]({
+                            name: name,
+                            calleeNamespace: '',
+                            calleeName: '',
+                            arguments: args,
+                            logics: [currentLogic]
+                        }));
+                    }
+                });
+            astNode.directives
+                && astNode.directives.forEach(function (directive) {
+                    if (directive.name === 'model') {
+                        var valueAttr = astNode.attrs && astNode.attrs.find(function (attr) { return attr.name === 'value'; });
+                        if (!valueAttr) {
+                            var expression = _this._parseExpression(directive.value);
+                            element.addBindAttribute(new BindAttribute__1["default"]({
+                                type: 'dynamic',
+                                name: 'value',
+                                value: expression ? '' : directive.value,
+                                expression: expression,
+                                sync: true
+                            }));
+                        }
+                    }
+                    else {
+                        var expression = _this._parseExpression(directive.value);
+                        element.addBindDirective(new BindDirective__1["default"]({
+                            type: expression ? 'string' : 'dynamic',
+                            name: directive.name,
+                            rawName: directive.rawName,
+                            value: expression ? '' : directive.value,
+                            expression: expression,
+                            arg: directive.arg
+                        }));
+                    }
+                });
+            if (astNode["if"]) {
+                element.addBindDirective(new BindDirective__1["default"]({
+                    type: 'dynamic',
+                    name: 'if',
+                    rawName: 'v-if',
+                    value: '',
+                    expression: this._parseExpression(astNode["if"])
+                }));
+            }
+        }
+        else if (astNode.type === 2) {
+            var tagName = __1.config.scope === 'h5' ? 'van-text' : 'u-text';
+            var baseName = tagName.replace(ViewElement_1.TAG_NAME_PREFIX_REG, '').replace(/-/g, '_');
+            element = new ViewElement_1({
+                tag: tagName,
+                name: view.getViewElementUniqueName(baseName + "1")
+            });
+            var value = (_b = astNode.text) === null || _b === void 0 ? void 0 : _b.match(/{{(.*?)}}/)[1].trim();
+            var expression = this._parseExpression(value);
+            element.addBindAttribute(new BindAttribute__1["default"]({
+                type: 'dynamic',
+                name: 'text',
+                value: expression ? '' : value,
+                expression: expression
+            }));
+        }
+        else if (astNode.type === 3) {
+            var tagName = __1.config.scope === 'h5' ? 'van-text' : 'u-text';
+            var baseName = tagName.replace(ViewElement_1.TAG_NAME_PREFIX_REG, '').replace(/-/g, '_');
+            element = new ViewElement_1({
+                tag: tagName,
+                name: view.getViewElementUniqueName(baseName + "1")
+            });
+            element.addBindAttribute(new BindAttribute__1["default"]({
+                name: 'text',
+                type: 'string',
+                value: (_c = astNode.text) === null || _c === void 0 ? void 0 : _c.trim()
+            }));
+        }
+        return element;
+    };
+    /**
+     * 解析 Vue 模板
+     * 该方法不会绑定 view 和 parent，如果是添加元素优先使用 fromHTML
+     * @param html Vue 的模板
+     * @TODO 处理多个元素的问题
+     */
+    ViewElement.parse = function (code, context) {
+        code = code || '<div></div>';
+        var compilerOptions = {
+            preserveWhitespace: false,
+            outputSourceRange: true
+        };
+        var ast = compiler.compile(code, compilerOptions).ast;
+        if (ast.tag === 'template' && !ast.slotTarget)
+            ast = ast.children[0];
+        return this._fromASTNode(ast, __assign(__assign({}, context), { code: code }));
+    };
+    /**
+     * 从模板生成规范的 ViewElement 对象
+     */
+    ViewElement.fromHTML = function (html, context) {
+        return this.parse(html, context);
+    };
+    /**
+     * 转换成设计器中使用的 Vue 文件
+     * @param options
+     */
+    ViewElement.prototype.toDesignerVue = function () {
+        return this.toVue({
+            finalCode: false,
+            nodePathAttr: true,
+            attrFormat: function (attr, element, defaultResult) {
+                if (attr.concept === 'BindAttribute' && !['href', 'destination', 'externalDestination', 'download'].includes(attr.name)) {
+                    var api = __1.config.allNodesAPI[element.tag];
+                    var apiOfAttr_1 = api && api.attrs && api.attrs.find(function (_attr) { return _attr.name === attr.name; });
+                    if (['u-form-item', 'u-validator', 'van-field'].includes(element.tag) && attr.name === 'rules') {
+                        return attr.name + "=\"\"";
+                    }
+                    if (apiOfAttr_1 && apiOfAttr_1['designer-value'] !== undefined) {
+                        var designerValue_1 = apiOfAttr_1['designer-value'];
+                        //对流程模板拖拽进行特判
+                        element.bindAttrs.forEach(function (property) {
+                            if (property.name === 'repeat' && property.value === '1')
+                                designerValue_1 = '[{}, {}]';
+                        });
+                        if (typeof designerValue_1 === 'string') {
+                            designerValue_1 = designerValue_1.replace(/"/g, "'");
+                        }
+                        try {
+                            json5.parse(designerValue_1);
+                            return ":" + attr.name + "=\"" + designerValue_1 + "\"";
+                        }
+                        catch (e) {
+                            return attr.name + "=\"" + designerValue_1 + "\"";
+                        }
+                    }
+                    if (attr.type === 'dynamic' && !(element.tag === 'u-cascade-select' && attr.name === 'categories'))
+                        return defaultResult.replace(/:?([\w-]+)(?:.*?)="(.*)"/, function (m, name, value) {
+                            try {
+                                var tempValue = json5.parse(value);
+                                if (typeof tempValue === 'boolean' || typeof tempValue === 'number') {
+                                    // 简单类型走属性
+                                    return ":" + name + "=\"" + value.replace(/"/g, "'") + "\"";
+                                }
+                            }
+                            catch (e) {
+                                if (apiOfAttr_1 && !apiOfAttr_1.type.includes('string'))
+                                    return '';
+                            }
+                            value = value
+                                .replace(/"/g, "'")
+                                .replace(/\$utils\['(.+?)'\]/g, '$1')
+                                .replace(/\$refs./g, 'elements.')
+                                .replace(/\$global.userInfo/g, 'nasl.auth.userInfo')
+                                .replace(/\$global./g, 'nasl.')
+                                .replace(/\bscope\.item\.\b/g, '')
+                                .replace(/\bcurrent\.item\.\b/g, '');
+                            return name + "=\"{{ " + value + " }}\"";
+                        });
+                    else
+                        return defaultResult;
+                }
+                return false;
+            },
+            bindStylesFormat: function (bindStyles, element) { return false; },
+            getExtraParts: function (el) {
+                var parts = [];
+                var api = __1.config.allNodesAPI[el.tag];
+                var emptySlot = api && api.slots && api.slots.find(function (slot) { return slot.name === 'default' && slot['empty-background']; });
+                var hasSupport = api && api.slots && api.slots.some(function (slot) { return slot.support; });
+                if (emptySlot || hasSupport) {
+                    // 有些限制的组件如侧边栏分组有title插槽但要限制子元素放入
+                    var validChildren = el.children.filter(function (elem) { return !(elem.tag === 'template' && elem.slotTarget !== 'default'); });
+                    var childEmpty = !validChildren.length;
+                    var defaultSlot = el.children.find(function (elem) { return elem.tag === 'template' && elem.slotTarget === 'default'; });
+                    if (defaultSlot) {
+                        childEmpty = !defaultSlot.children.length;
+                    }
+                    if (childEmpty) {
+                        var addEmpty = true;
+                        if (el.tag === 'u-grid-view' || el.tag === 'u-list-view' || el.tag === 'van-list-view' || el.tag === 'van-grid-view') {
+                            var hasDataSource = el.bindAttrs.find(function (attr) { return attr.name === 'data-source'; });
+                            addEmpty = !hasDataSource;
+                        }
+                        if (el.tag === 'u-crumb') {
+                            var attrList = el.bindAttrs;
+                            var hasAuto = attrList.some(function (attr) { return attr.name === 'auto' && String(attr.value) === 'true'; });
+                            if (hasAuto)
+                                addEmpty = false;
+                        }
+                        if (['u-select', 'u-dropdown', 'u-panel', 'u-toc', 'u-toc-item', 'u-tree-view-new', 'u-tree-view-node-new', 'u-tree-select', 'u-tree-select-new', 'u-anchor', 'u-drawer', 'u-timeline', 'u-tabs'].includes(el.tag)) {
+                            addEmpty = false;
+                        }
+                        var background = (emptySlot && emptySlot['empty-background']) || (hasSupport ? 'add-sub' : '');
+                        addEmpty && parts.push("vusion-empty-background=\"" + background + "\"");
+                    }
+                }
+                if (['u-router-view', 'van-router-view'].includes(el.tag)) {
+                    var excludes = ['background-color:', 'background:', 'background-image:'];
+                    if (excludes.some(function (key) { return (el.staticStyle && el.staticStyle.includes(key)); })) {
+                        parts.push(':designer="false"');
+                    }
+                }
+                return parts;
+            }
+        });
+    };
+    /**
+     * 转换成 Vue 的模板格式
+     */
+    ViewElement.prototype.toVue = function (options) {
+        var _this = this;
+        var currentList = [];
+        if (Array.isArray(options === null || options === void 0 ? void 0 : options.currentList)) {
+            currentList = __spreadArrays(options === null || options === void 0 ? void 0 : options.currentList);
+        }
+        if (this.slotScope) {
+            currentList.unshift(this.slotScope);
+        }
+        var newOptions = Object.assign({
+            indentStyle: 'space',
+            tabSize: 4,
+            indentLevel: 0,
+            aslIdAttr: false,
+            nodePathAttr: false,
+            getExtraParts: function () { return []; },
+            attrFormat: function (attr, element, defaultResult) { return defaultResult; },
+            bindStylesFormat: function (bindStyles, element) {
+                if (bindStyles.length === 0)
+                    return false;
+                return ":style=\"{" + bindStyles
+                    .map(function (item) { return item.toVue(); })
+                    .filter(function (item) { return item !== undefined; })
+                    .join(', ') + "}\"";
+            }
+        }, options, {
+            currentList: currentList
+        });
+        var tabString = ' '.repeat(newOptions.tabSize * newOptions.indentLevel);
+        var insideTabString = ' '.repeat(newOptions.tabSize * (newOptions.indentLevel + 1));
+        var shouldIndent = true;
+        var content = !this.children ? '' : this.children
+            .map(function (element) {
+            var childOptions = Object.assign({}, newOptions);
+            childOptions.indentLevel++;
+            return (shouldIndent ? '\n' + insideTabString : '') + (element === null || element === void 0 ? void 0 : element.toVue(childOptions));
+        })
+            .join('');
+        if (!content.length) {
+            shouldIndent = false;
+        }
+        var parts = [];
+        if (newOptions.aslIdAttr) {
+            if (newOptions.aslIdAttr === true) {
+                newOptions.aslIdAttr = 'asl-id';
+            }
+            parts.push(newOptions.aslIdAttr + "=\"" + this.id + "\"");
+        }
+        if (newOptions.nodePathAttr) {
+            // 注入 asl 的 node-path
+            parts.push("vusion-node-path=\"" + this.nodePath + "\"");
+        }
+        // 模板里解析时候，可能会有多级嵌套的 current，所以当前有多少的长度，当前就是多大的下标
+        this.slotTarget && parts.push("#" + this.slotTarget + (this.slotScope ? "=\"" + (currentList.length > 1 ? this.slotScope + (currentList.length - 1) : this.slotScope) + "\"" : ''));
+        this.name && parts.push("ref=\"" + this.name + "\"");
+        this.staticClass && parts.push("class=\"" + this.staticClass + "\"");
+        this.staticStyle && parts.push("style=\"" + this.staticStyle + "\"");
+        [].concat(this.bindAttrs, this.bindDirectives, this.bindEvents).forEach(function (attr) {
+            var result = newOptions.attrFormat(attr, _this, attr === null || attr === void 0 ? void 0 : attr.toVue(newOptions));
+            result && parts.push(result);
+        });
+        var bindStyles = newOptions.bindStylesFormat(this.bindStyles, this);
+        if (bindStyles)
+            parts.push(bindStyles);
+        newOptions.getExtraParts(this).forEach(function (part) { return parts.push(part); });
+        if (['u-modal', 'u-drawer'].includes(this.tag)) {
+            this.children.forEach(function (citem) {
+                if (citem.tag === 'template' && !citem.children.length) {
+                    parts.push(":is-" + citem.slotTarget + "-slot-empty=true");
+                }
+            });
+        }
+        var partsLength = 0;
+        var partsString = '';
+        parts.forEach(function (part) {
+            if (partsLength >= 120 || part.length >= 120) {
+                partsString += '\n' + tabString + ' '.repeat(3); // ' '.repeat(el.tag.length + 1);
+                partsLength = 0;
+            }
+            partsString += ' ' + part;
+            partsLength += part.length;
+        });
+        var htmlContent = "<" + this.tag + (partsString.length ? partsString : '') + ">" + content + (shouldIndent ? '\n' + tabString : '') + ("</" + this.tag + ">");
+        if (!content.trim() && selfClosingTag.includes(this.tag)) {
+            htmlContent = "<" + this.tag + (partsString.length ? partsString : '') + " />";
+        }
+        return htmlContent;
+    };
+    /**
+     * 从父级删除该节点
+     * @internal
+     */
+    ViewElement.prototype["delete"] = function () {
+        var _this = this;
+        _super.prototype["delete"].call(this);
+        if (this.parentNode) {
+            this.traverseChildren(function (ele) {
+                var _a;
+                (_a = _this.view) === null || _a === void 0 ? void 0 : _a.removeExistingViewElement(ele);
+            });
+        }
+    };
+    ViewElement.prototype.findElementByName = function (name) {
+        return utils.traverse(function (current) {
+            if (current.node.name === name)
+                return current.node;
+        }, { node: this });
+    };
+    ViewElement.prototype.findElementByTag = function (tag) {
+        return utils.traverse(function (current) {
+            if (current.node.tag === tag)
+                return current.node;
+        }, { node: this });
+    };
+    ViewElement.prototype.findElementByAttr = function (name, value) {
+        return utils.traverse(function (current) {
+            if (current.node.bindAttrs.some(function (attr) { return attr.name === name && attr.value === value; }))
+                return current.node;
+        }, { node: this });
+    };
+    ViewElement.prototype.getCurrentName = function () {
+        var current = 'current';
+        var parent = this.parentNode;
+        var index = 0;
+        while (parent && parent.concept !== 'View') {
+            if (parent.slotScope) {
+                index++;
+            }
+            parent = parent.parentNode;
+        }
+        current = (index === 0 ? 'current' : 'current' + index);
+        return current;
+    };
+    var ViewElement_1;
+    ViewElement.TAG_NAME_PREFIX_REG = /^([lieu]|van)[-_]/;
+    __decorate([
+        decorators_1.property()
+    ], ViewElement.prototype, "concept");
+    __decorate([
+        decorators_1.property()
+    ], ViewElement.prototype, "type");
+    __decorate([
+        decorators_1.property()
+    ], ViewElement.prototype, "tag");
+    __decorate([
+        decorators_1.property()
+    ], ViewElement.prototype, "name");
+    __decorate([
+        decorators_1.property()
+    ], ViewElement.prototype, "staticClass");
+    __decorate([
+        decorators_1.property()
+    ], ViewElement.prototype, "staticStyle");
+    __decorate([
+        decorators_1.property()
+    ], ViewElement.prototype, "authDescription");
+    __decorate([
+        decorators_1.property()
+    ], ViewElement.prototype, "slotTarget");
+    __decorate([
+        decorators_1.property()
+    ], ViewElement.prototype, "slotScope");
+    __decorate([
+        decorators_1.property('BindAttribute')
+    ], ViewElement.prototype, "bindAttrs");
+    __decorate([
+        decorators_1.property('BindEvent')
+    ], ViewElement.prototype, "bindEvents");
+    __decorate([
+        decorators_1.property('BindDirective')
+    ], ViewElement.prototype, "bindDirectives");
+    __decorate([
+        decorators_1.property()
+    ], ViewElement.prototype, "bindRoles");
+    __decorate([
+        decorators_1.property('BindStyle')
+    ], ViewElement.prototype, "bindStyles");
+    __decorate([
+        decorators_1.property('ViewElement')
+    ], ViewElement.prototype, "children");
+    __decorate([
+        translator_1.withSourceMap()
+    ], ViewElement.prototype, "toEmbeddedTS");
+    __decorate([
+        decorators_1.excludedInJSON()
+    ], ViewElement.prototype, "computedStyle");
+    ViewElement = ViewElement_1 = __decorate([
+        decorators_1.concept('页面元素')
+    ], ViewElement);
+    return ViewElement;
+}(BaseNode_1["default"]));
+exports.ViewElement = ViewElement;
+classMap_1["default"].ViewElement = ViewElement;
+exports["default"] = ViewElement;
+//================================================================================
+// ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+// 自动生成的代码已结束。下面可以手动编写。
+//================================================================================