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

package/out/src/concepts/ViewElement__.js

@@ -1,1167 +0,0 @@
-"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 ViewElement_1;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViewElement = void 0;
-const translator_1 = require("../translator");
-const babelParser = __importStar(require("@babel/parser"));
-const json5 = __importStar(require("json5"));
-const compiler = __importStar(require("vue-template-compiler"));
-const LogicItem__1 = __importDefault(require("./LogicItem__"));
-const __1 = require("..");
-function transAstNodeToNaslNode(astNode) {
-    let node = null;
-    if (astNode.type === 'CallExpression' && astNode.callee.object.name === '$utils') {
-        const calleeName = astNode.callee.property.name || astNode.callee.property.value;
-        node = {
-            concept: 'CallFunction',
-            name: '',
-            label: '调用逻辑',
-            kind: 'Expression',
-            calleeNamespace: 'nasl.util.functions',
-            calleeName,
-            arguments: astNode.arguments.map((argument) => ({
-                concept: 'Argument',
-                name: '',
-                kind: 'Statement',
-                keyword: '',
-                expression: transAstNodeToNaslNode(Object.assign({}, argument)),
-            })),
-        };
-    }
-    else if (astNode.type === 'MemberExpression') {
-        node = {
-            concept: 'MemberExpression',
-            name: '',
-            kind: 'Expression',
-            objectqwer: transAstNodeToNaslNode(astNode.object),
-            property: transAstNodeToNaslNode(astNode.property),
-        };
-    }
-    else if (astNode.type === 'Identifier') {
-        node = {
-            concept: 'Identifier',
-            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') {
-        node = {
-            concept: 'StringLiteral',
-            kind: 'Expression',
-            name: '',
-            value: astNode.value,
-        };
-    }
-    return node;
-}
-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 BindAttribute__1 = __importDefault(require("./BindAttribute__"));
-const BindEvent__1 = __importDefault(require("./BindEvent__"));
-const BindDirective__1 = __importDefault(require("./BindDirective__"));
-/**
- * 页面元素
- */
-let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
-    /**
-     * 产品概念
-     */
-    concept = 'ViewElement';
-    /**
-     * 类型
-     */
-    type = undefined;
-    /**
-     * 元素标签
-     */
-    tag = undefined;
-    /**
-     * 页面元素名称
-     */
-    name = undefined;
-    /**
-     * 静态 class 名
-     */
-    staticClass = undefined;
-    /**
-     * 静态 style
-     */
-    staticStyle = undefined;
-    /**
-     * 插槽目标
-     */
-    slotTarget = undefined;
-    /**
-     * 插槽 scope 表达式
-     */
-    slotScope = undefined;
-    /**
-     * 元素绑定属性列表
-     */
-    bindAttrs = [];
-    /**
-     * 元素绑定事件列表
-     */
-    bindEvents = [];
-    /**
-     * 元素指令列表
-     */
-    bindDirectives = [];
-    /**
-     * 绑定的角色
-     */
-    bindRoles = [];
-    /**
-     * 子元素列表
-     */
-    children = [];
-    /**
-     * 祖先 View
-     */
-    get view() {
-        return this.getAncestor('View');
-    }
-    /**
-     * 祖先 Module
-     */
-    get module() {
-        return this.getAncestor('Module');
-    }
-    /**
-     * 祖先 App
-     */
-    get app() {
-        return this.getAncestor('App');
-    }
-    /**
-     * @param source 需要合并的部分参数
-     */
-    constructor(source) {
-        source = Object.assign({}, ViewElement_1.getDefaultOptions(), source);
-        super(source);
-        super.subConstructor(source);
-    }
-    /**
-     * 从父级删除该节点
-     * @internal
-     */
-    _delete() {
-        let params = null;
-        if (this.parentNode) {
-            params = this.parentNode?.__removeViewElement?.(this);
-        }
-        return params;
-    }
-    /**
-     * 设置页面元素名称
-     */
-    setName(name) {
-        const object = {
-            name,
-        };
-        this.update({
-            ...object,
-            field: 'name',
-        });
-    }
-    /**
-     * 设置静态 style
-     */
-    setStaticStyle(staticStyle) {
-        const object = {
-            staticStyle,
-        };
-        this.update({
-            ...object,
-        });
-    }
-    getBindAttributeExistingNames(excludedList = []) {
-        const excludedSet = new Set(excludedList);
-        return this.bindAttrs.filter((item) => !excludedSet.has(item)).map((item) => item.name);
-    }
-    getBindAttributeUniqueName(name = 'bindAttribute1') {
-        return utils.unique(name, this.getBindAttributeExistingNames());
-    }
-    _insertBindAttributeAt(options, index) {
-        const bindAttributeOptions = {};
-        const relationOptions = { parentNode: this, parentKey: 'bindAttrs' };
-        let bindAttribute;
-        if (!options) {
-            bindAttribute = BindAttribute__1.default.from({
-                ...bindAttributeOptions,
-                name: this.getBindAttributeUniqueName(),
-            }, this);
-        }
-        else if (typeof options === 'string') {
-            bindAttribute = BindAttribute__1.default.from({
-                ...bindAttributeOptions,
-                name: options,
-            }, this);
-        }
-        else if (options instanceof BindAttribute__1.default) {
-            options.delete(); // 同一实例不支持多处存在
-            bindAttribute = options;
-        }
-        else {
-            bindAttribute = BindAttribute__1.default.from({
-                ...bindAttributeOptions,
-                ...options,
-            }, this);
-        }
-        Object.assign(bindAttribute, relationOptions);
-        this.bindAttrs.splice(index, 0, bindAttribute);
-        return bindAttribute;
-    }
-    insertBindAttributeAt(options, index) {
-        const node = this._insertBindAttributeAt(options, index);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'bindAttrs',
-        });
-        return node;
-    }
-    _addBindAttribute(options) {
-        const index = this.bindAttrs.length;
-        return this._insertBindAttributeAt(options, index);
-    }
-    addBindAttribute(options) {
-        const node = this._addBindAttribute(options);
-        const index = this.bindAttrs.length;
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'bindAttrs',
-        });
-        return node;
-    }
-    getBindEventExistingNames(excludedList = []) {
-        const excludedSet = new Set(excludedList);
-        return this.bindEvents.filter((item) => !excludedSet.has(item)).map((item) => item.name);
-    }
-    getBindEventUniqueName(name = 'bindEvent1') {
-        return utils.unique(name, this.getBindEventExistingNames());
-    }
-    _insertBindEventAt(options, index) {
-        const bindEventOptions = {};
-        const relationOptions = { parentNode: this, parentKey: 'bindEvents' };
-        let bindEvent;
-        if (!options) {
-            bindEvent = BindEvent__1.default.from({
-                ...bindEventOptions,
-                name: this.getBindEventUniqueName(),
-            }, this);
-        }
-        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.bindEvents.splice(index, 0, bindEvent);
-        return bindEvent;
-    }
-    insertBindEventAt(options, index) {
-        const node = this._insertBindEventAt(options, index);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'bindEvents',
-        });
-        return node;
-    }
-    _addBindEvent(options) {
-        const index = this.bindEvents.length;
-        return this._insertBindEventAt(options, index);
-    }
-    addBindEvent(options) {
-        const node = this._addBindEvent(options);
-        const index = this.bindEvents.length;
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'bindEvents',
-        });
-        return node;
-    }
-    getBindDirectiveExistingNames(excludedList = []) {
-        const excludedSet = new Set(excludedList);
-        return this.bindDirectives.filter((item) => !excludedSet.has(item)).map((item) => item.name);
-    }
-    getBindDirectiveUniqueName(name = 'bindDirective1') {
-        return utils.unique(name, this.getBindDirectiveExistingNames());
-    }
-    _insertBindDirectiveAt(options, index) {
-        const bindDirectiveOptions = {};
-        const relationOptions = { parentNode: this, parentKey: 'bindDirectives' };
-        let bindDirective;
-        if (!options) {
-            bindDirective = BindDirective__1.default.from({
-                ...bindDirectiveOptions,
-                name: this.getBindDirectiveUniqueName(),
-            }, this);
-        }
-        else if (typeof options === 'string') {
-            bindDirective = BindDirective__1.default.from({
-                ...bindDirectiveOptions,
-                name: options,
-            }, this);
-        }
-        else if (options instanceof BindDirective__1.default) {
-            options.delete(); // 同一实例不支持多处存在
-            bindDirective = options;
-        }
-        else {
-            bindDirective = BindDirective__1.default.from({
-                ...bindDirectiveOptions,
-                ...options,
-            }, this);
-        }
-        Object.assign(bindDirective, relationOptions);
-        this.bindDirectives.splice(index, 0, bindDirective);
-        return bindDirective;
-    }
-    insertBindDirectiveAt(options, index) {
-        const node = this._insertBindDirectiveAt(options, index);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'bindDirectives',
-        });
-        return node;
-    }
-    _addBindDirective(options) {
-        const index = this.bindDirectives.length;
-        return this._insertBindDirectiveAt(options, index);
-    }
-    addBindDirective(options) {
-        const node = this._addBindDirective(options);
-        const index = this.bindDirectives.length;
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'bindDirectives',
-        });
-        return node;
-    }
-    getViewElementExistingNames(excludedList = []) {
-        const excludedSet = new Set(excludedList);
-        return this.children.filter((item) => !excludedSet.has(item)).map((item) => item.name);
-    }
-    getViewElementUniqueName(name = 'viewElement1') {
-        return utils.unique(name, this.getViewElementExistingNames());
-    }
-    _insertViewElementAt(options, index) {
-        const viewElementOptions = {};
-        const relationOptions = { parentNode: this, parentKey: 'children' };
-        let viewElement;
-        if (!options) {
-            viewElement = ViewElement_1.from({
-                ...viewElementOptions,
-                name: this.getViewElementUniqueName(),
-            }, this);
-        }
-        else if (typeof options === 'string') {
-            viewElement = ViewElement_1.from({
-                ...viewElementOptions,
-                name: options,
-            }, this);
-        }
-        else if (options instanceof ViewElement_1) {
-            options.delete(); // 同一实例不支持多处存在
-            viewElement = options;
-        }
-        else {
-            viewElement = ViewElement_1.from({
-                ...viewElementOptions,
-                ...options,
-            }, this);
-        }
-        Object.assign(viewElement, relationOptions);
-        this.children.splice(index, 0, viewElement);
-        return viewElement;
-    }
-    insertViewElementAt(options, index) {
-        const node = this._insertViewElementAt(options, index);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'children',
-        });
-        return node;
-    }
-    _addViewElement(options) {
-        const index = this.children.length;
-        return this._insertViewElementAt(options, index);
-    }
-    addViewElement(options) {
-        const node = this._addViewElement(options);
-        const index = this.children.length;
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'children',
-        });
-        return node;
-    }
-    removeBindAttribute(options) {
-        let bindAttribute;
-        if (typeof options === 'string') {
-            bindAttribute = this.bindAttrs.find((item) => item.name === options);
-            if (!bindAttribute) {
-                throw new Error('找不到元素绑定属性 ' + options);
-            }
-        }
-        else {
-            bindAttribute = options;
-        }
-        return bindAttribute.delete();
-    }
-    __removeBindAttribute(bindAttribute) {
-        const parentKey = bindAttribute.parentKey;
-        const params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: bindAttribute,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            if (Array.isArray(this[parentKey])) {
-                const 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;
-    }
-    removeBindEvent(options) {
-        let bindEvent;
-        if (typeof options === 'string') {
-            bindEvent = this.bindEvents.find((item) => item.name === options);
-            if (!bindEvent) {
-                throw new Error('找不到元素绑定事件 ' + options);
-            }
-        }
-        else {
-            bindEvent = options;
-        }
-        return bindEvent.delete();
-    }
-    __removeBindEvent(bindEvent) {
-        const parentKey = bindEvent.parentKey;
-        const params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: bindEvent,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            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;
-    }
-    removeBindDirective(options) {
-        let bindDirective;
-        if (typeof options === 'string') {
-            bindDirective = this.bindDirectives.find((item) => item.name === options);
-            if (!bindDirective) {
-                throw new Error('找不到元素指令 ' + options);
-            }
-        }
-        else {
-            bindDirective = options;
-        }
-        return bindDirective.delete();
-    }
-    __removeBindDirective(bindDirective) {
-        const parentKey = bindDirective.parentKey;
-        const params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: bindDirective,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            if (Array.isArray(this[parentKey])) {
-                const 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;
-    }
-    removeViewElement(options) {
-        let viewElement;
-        if (typeof options === 'string') {
-            viewElement = this.children.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;
-    }
-    //================================================================================
-    // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
-    // 自动生成的代码已结束。下面可以手动编写。
-    //================================================================================
-    static TAG_NAME_PREFIX_REG = /^([lieu]|van)[-_]/;
-    static from(source, parentNode, parentKey) {
-        const node = super.from(source, parentNode, parentKey);
-        if (!node.name) {
-            const tagName = node.tag.replace(ViewElement_1.TAG_NAME_PREFIX_REG, '').replace(/-/g, '_');
-            node.name = node.view.getViewElementUniqueName(`${tagName}1`);
-        }
-        return node;
-    }
-    /**
-     * 设置组件权限
-     */
-    setBindRoles(bindRoles) {
-        const object = {
-            bindRoles,
-        };
-        this.update({
-            ...object,
-        });
-    }
-    getBindAttribute(name) {
-        return this.bindAttrs.find((bindAttr) => bindAttr.name === 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);
-        }
-        else {
-            roles.push({
-                namespace: role.getNamespace(),
-                name: role.name,
-            });
-        }
-        const object = {
-            roles,
-        };
-        this.update({
-            ...object,
-        });
-    }
-    toHump(name) {
-        return name.replace(/\-(\w)/g, (all, letter) => letter.toUpperCase());
-    }
-    toEmbeddedTSDefinition(state) {
-        let code = '';
-        // formItem的单独处理
-        if (this.tag === 'u-form-item') {
-            code = (0, translator_1.indent)(state.tabSize) + `${this.name}: <nasl.ui.${this.toHump(this.tag)}`;
-            if (Array.isArray(this.children) && this.children.length) {
-                const 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 += '<nasl.core.Any>';
-                }
-            }
-            code += '> null,\n';
-        }
-        else {
-            code = (0, translator_1.indent)(state.tabSize) + `${this.name}: <nasl.ui.${this.toHump(this.tag)}<any>> null,\n`;
-        }
-        if (Array.isArray(this.children)) {
-            this.children.forEach((element) => {
-                code += element.toEmbeddedTSDefinition((0, translator_1.shiftState)(state, code));
-            });
-        }
-        return code;
-    }
-    toEmbeddedTS(state) {
-        let code = `export namespace ${this.name || ''} {\n`;
-        code += (0, translator_1.indent)(state.tabSize + 1);
-        // 是否开启权限
-        let hasAuth = false;
-        if (Array.isArray(this.bindDirectives)) {
-            hasAuth = !!this.bindDirectives.filter((directive) => directive.name === 'auth').length;
-        }
-        // 角色
-        if (hasAuth && Array.isArray(this.bindRoles)) {
-            code += (0, translator_1.indent)(state.tabSize + 2);
-            code += 'roles = [\n';
-            this.bindRoles.forEach((role) => {
-                code += (0, translator_1.indent)(state.tabSize + 3);
-                code += `${role},`;
-                code += '\n';
-            });
-            code += (0, translator_1.indent)(state.tabSize + 2);
-            code += '];\n';
-        }
-        // 页面跳转
-        if (Array.isArray(this.bindAttrs)) {
-            code += (0, translator_1.indent)(state.tabSize + 2);
-            this.bindAttrs.forEach((attr) => {
-                if (attr.destination) {
-                    code += '\n';
-                    code += attr.destination.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
-                        tabSize: state.tabSize + 2,
-                    }));
-                }
-            });
-            code += (0, translator_1.indent)(state.tabSize + 2);
-            code += '\n';
-        }
-        // 事件
-        if (Array.isArray(this.bindEvents)) {
-            this.bindEvents.forEach((event) => {
-                code += event.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
-                    tabSize: state.tabSize + 2,
-                }));
-                code += '\n';
-            });
-        }
-        // 子元素
-        if (Array.isArray(this.children)) {
-            code += (0, translator_1.indent)(state.tabSize + 1);
-            code += `export namespace children {\n`;
-            this.children.forEach((element) => {
-                code += element.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
-                    tabSize: state.tabSize + 2,
-                }));
-                code += '\n';
-            });
-            code += (0, translator_1.indent)(state.tabSize + 1);
-            code += '}\n';
-        }
-        code += (0, translator_1.indent)(state.tabSize) + '}\n';
-        return code;
-    }
-    _duplicate() {
-        const code = this.toVue();
-        const element = ViewElement_1.fromHTML(code, {
-            view: this.view,
-        });
-        element.deepRenameElements();
-        return element;
-    }
-    // 递归遍历组件
-    traverseChildren(cb) {
-        utils.traverse((current) => {
-            cb(current.node);
-        }, { node: this });
-    }
-    // 递归生成组件名
-    deepRenameElements() {
-        return this.traverseChildren((ele) => {
-            const tagName = ele.tag.replace(ViewElement_1.TAG_NAME_PREFIX_REG, '').replace(/-/g, '_');
-            ele.name = this.view.getViewElementUniqueName(`${tagName}1`);
-        });
-    }
-    /**
-     * 解析属性中的表达式
-     * @param value
-     * @param $def 目前 $def 只用来查找 $def.variables 和 $def.structures
-     * @param dataSchema
-     */
-    static _parseExpression(value) {
-        try {
-            const ast = babelParser.parseExpression(value);
-            const node = transAstNodeToNaslNode(ast);
-            return LogicItem__1.default.from(node, null, null);
-        }
-        catch (e) {
-            return null;
-        }
-    }
-    /**
-     * 从 Vue 的 ASTNode 转换成 ASL 元素
-     * @param astNode Vue 的 ASTNode
-     */
-    static _fromASTNode(astNode, context) {
-        const view = 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((key) => {
-                if (!astNode.children.find((child) => key === child.slotTarget))
-                    astNode.children.unshift(astNode.scopedSlots[key]);
-            });
-            delete astNode.scopedSlots;
-        }
-        // 提示不支持的字段
-        ['component', 'inlineTemplate', 'pre', 'ns', 'transition', 'transitionOnAppear', 'transitionMode', 'slotName', 'classBinding', 'styleBinding'].forEach((key) => {
-            if (astNode[key])
-                console.warn(`[warn] ViewElement NASL unsupports '${key}' field in node `, astNode);
-        });
-        let 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';
-                }
-            }
-            const tagName = astNode.tag.replace(ViewElement_1.TAG_NAME_PREFIX_REG, '').replace(/-/g, '_');
-            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((item) => this._fromASTNode(item, context)),
-            });
-            astNode.attrs
-                && astNode.attrs.forEach((oldAttr) => {
-                    let attr;
-                    if (oldAttr.value === '""' && oldAttr.end - oldAttr.start === oldAttr.name.length) {
-                        attr = BindAttribute__1.default.from({
-                            type: 'static',
-                            name: oldAttr.name,
-                            value: 'true',
-                        }, element);
-                    }
-                    else {
-                        try {
-                            const tmp = json5.parse(oldAttr.value);
-                            attr = BindAttribute__1.default.from({
-                                type: typeof tmp === 'string' ? 'string' : 'static',
-                                name: oldAttr.name,
-                                value: typeof tmp === 'string' ? tmp : oldAttr.value,
-                            }, element);
-                        }
-                        catch (e) {
-                            const expression = this._parseExpression(oldAttr.value);
-                            attr = BindAttribute__1.default.from({
-                                type: 'dynamic',
-                                name: oldAttr.name,
-                                value: expression ? '' : oldAttr.value,
-                                expression,
-                            }, element);
-                            if (astNode.attrsMap[`:${attr.name}.sync`]) {
-                                attr.sync = true;
-                            }
-                        }
-                    }
-                    element.bindAttrs.push(attr);
-                });
-            // compiler 处理:value.sync 时会加上update:value事件，需要过滤
-            astNode.events
-                && Object.keys(astNode.events)
-                    .filter((name) => !name.startsWith('update:'))
-                    .forEach((name) => {
-                    const oldEvent = astNode.events[name];
-                    const value = oldEvent.value.split('(')[0];
-                    const viewNamespace = view?.getNamespace();
-                    const viewName = `View_${view?.name}`;
-                    element.bindEvents.push(BindEvent__1.default.from({
-                        name,
-                        calleeNamespace: `${viewNamespace}.${viewName}.logics`,
-                        calleeName: value,
-                    }, element));
-                });
-            astNode.directives && astNode.directives.forEach((directive) => {
-                if (directive.name === 'model') {
-                    const valueAttr = astNode.attrs && astNode.attrs.find((attr) => attr.name === 'value');
-                    if (!valueAttr) {
-                        const expression = this._parseExpression(directive.value);
-                        element.bindAttrs.push(BindAttribute__1.default.from({
-                            type: 'dynamic',
-                            name: 'value',
-                            value: expression ? '' : directive.value,
-                            expression,
-                            sync: true,
-                        }, element));
-                    }
-                }
-                else {
-                    const expression = this._parseExpression(directive.value);
-                    element.bindDirectives.push(BindDirective__1.default.from({
-                        type: expression ? 'string' : 'dynamic',
-                        name: directive.name,
-                        rawName: directive.rawName,
-                        value: expression ? '' : directive.value,
-                        expression,
-                        arg: directive.arg,
-                        modifiers: directive.modifiers,
-                    }, element));
-                }
-            });
-            if (astNode.if) {
-                element.bindDirectives.push(BindDirective__1.default.from({
-                    type: 'dynamic',
-                    name: 'if',
-                    rawName: 'v-if',
-                    value: '',
-                    expression: this._parseExpression(astNode.if),
-                }, element));
-            }
-        }
-        else if (astNode.type === 2) {
-            if (__1.config.scope === 'h5') {
-                element = new ViewElement_1({
-                    tag: 'van-text',
-                });
-            }
-            else {
-                element = new ViewElement_1({
-                    tag: 'u-text',
-                });
-            }
-            const value = astNode.text.match(/{{(.*?)}}/)[1].trim();
-            const expression = this._parseExpression(value);
-            element.bindAttrs.push(new BindAttribute__1.default({
-                type: 'dynamic',
-                name: 'text',
-                value: expression ? '' : value,
-                expression,
-            }));
-        }
-        else if (astNode.type === 3) {
-            if (__1.config.scope === 'h5') {
-                element = new ViewElement_1({
-                    tag: 'van-text',
-                });
-            }
-            else {
-                element = new ViewElement_1({
-                    tag: 'u-text',
-                });
-            }
-            element.bindAttrs.push(new BindAttribute__1.default({
-                name: 'text',
-                type: 'string',
-                value: astNode.text,
-            }));
-        }
-        return element;
-    }
-    /**
-     * 解析 Vue 模板
-     * 该方法不会绑定 view 和 parent，如果是添加元素优先使用 fromHTML
-     * @param html Vue 的模板
-     * @TODO 处理多个元素的问题
-     */
-    static parse(html, context) {
-        html = html || '<div></div>';
-        const compilerOptions = {
-            preserveWhitespace: false,
-            outputSourceRange: true,
-        };
-        let ast = compiler.compile(html, compilerOptions).ast;
-        if (ast.tag === 'template' && !ast.slotTarget)
-            ast = ast.children[0];
-        let root;
-        utils.traverse((current) => {
-            // 处理 scopedSlots;
-            if (!current.parent)
-                root = this._fromASTNode(current.node, context);
-            else
-                current.parent.children[current.index] = this._fromASTNode(current.node, context);
-        }, { node: ast });
-        return root;
-    }
-    /**
-     * 从模板生成规范的 ViewElement 对象
-     */
-    static fromHTML(html, context) {
-        const element = this.parse(html, context);
-        return element;
-    }
-    /**
-     * 转换成设计器中使用的 Vue 文件
-     * @param options
-     */
-    toDesignerVue(options) {
-        options = Object.assign({
-            nodePathAttr: true,
-            attrFormat: (attr, el, defaultResult) => {
-                if (attr.concept === 'BindAttribute') {
-                    const api = __1.config.allNodesAPI[el.tag];
-                    const apiOfAttr = api && api.attrs && api.attrs.find((_attr) => _attr.name === attr.name);
-                    if (apiOfAttr && apiOfAttr['designer-value'] !== undefined) {
-                        let designerValue = apiOfAttr['designer-value'];
-                        if (typeof designerValue === 'string') {
-                            designerValue = designerValue.replace(/"/g, "'");
-                        }
-                        try {
-                            json5.parse(designerValue);
-                            return `:${attr.name}="${designerValue}"`;
-                        }
-                        catch (e) {
-                            return `${attr.name}="${designerValue}"`;
-                        }
-                    }
-                    if (attr.type === 'dynamic' && !(el.tag === 'u-cascade-select' && attr.name === 'categories'))
-                        return defaultResult.replace(/:?(\w+)(?:.*?)="(.*)"/, (m, name, value) => {
-                            try {
-                                const tempValue = json5.parse(value);
-                                if (typeof tempValue === 'boolean' || typeof tempValue === 'number') {
-                                    // 简单类型走属性
-                                    return `:${name}="${value.replace(/"/g, "'")}"`;
-                                }
-                            }
-                            catch (e) {
-                                if (apiOfAttr && !apiOfAttr.type.includes('string'))
-                                    return '';
-                            }
-                            return `${name}="{{ ${value.replace(/"/g, "'")} }}"`;
-                        });
-                    else
-                        return defaultResult;
-                }
-                return false;
-            },
-            getExtraParts: (el) => {
-                const parts = [];
-                const api = __1.config.allNodesAPI[el.tag];
-                const emptySlot = api && api.slots && api.slots.find((slot) => slot.name === 'default' && slot['empty-background']);
-                if (!el.children.length && emptySlot) {
-                    let addEmpty = true;
-                    if (el.tag === 'u-grid-view' || el.tag === 'u-list-view' || el.tag === 'van-list-view') {
-                        const hasDataSource = el.bindAttrs.find((attr) => attr.name === 'data-source');
-                        addEmpty = !hasDataSource;
-                    }
-                    addEmpty && parts.push(`vusion-empty-background="${emptySlot['empty-background']}"`);
-                }
-                return parts;
-            },
-        }, options);
-        return this.toVue(options);
-    }
-    /**
-     * 转换成 Vue 的模板格式
-     */
-    toVue(options) {
-        options = Object.assign({
-            indentStyle: 'space',
-            tabSize: 4,
-            indentLevel: 0,
-            aslIdAttr: false,
-            nodePathAttr: false,
-            getExtraParts: () => [],
-            attrFormat: (attr, element, defaultResult) => defaultResult,
-        }, options);
-        const tabString = ' '.repeat(options.tabSize * options.indentLevel);
-        const insideTabString = ' '.repeat(options.tabSize * (options.indentLevel + 1));
-        let shouldIndent = true;
-        const content = !this.children ? '' : this.children
-            .map((element) => {
-            const childOptions = Object.assign({}, options);
-            childOptions.indentLevel++;
-            return (shouldIndent ? '\n' + insideTabString : '') + element.toVue(childOptions);
-        })
-            .join('');
-        if (!content.length)
-            shouldIndent = false;
-        const parts = [];
-        if (options.aslIdAttr) {
-            if (options.aslIdAttr === true)
-                options.aslIdAttr = 'asl-id';
-            parts.push(`${options.aslIdAttr}="${this.id}"`);
-        }
-        if (options.nodePathAttr) {
-            // 注入 asl 的 node-path
-            parts.push(`vusion-node-path="${this.nodePath}"`);
-        }
-        this.slotTarget && parts.push(`#${this.slotTarget}` + (this.slotScope ? `="${this.slotScope}"` : ''));
-        this.name && parts.push(`ref="${this.name}"`);
-        this.staticClass && parts.push(`class="${this.staticClass}"`);
-        this.staticStyle && parts.push(`style="${this.staticStyle}"`);
-        const { finalCode } = options;
-        [].concat(this.bindAttrs, this.bindDirectives, this.bindEvents).forEach((attr) => {
-            const result = options.attrFormat(attr, this, attr.toVue(this, finalCode));
-            result && parts.push(result);
-        });
-        options.getExtraParts(this).forEach((part) => parts.push(part));
-        let partsLength = 0;
-        let partsString = '';
-        parts.forEach((part) => {
-            if (partsLength >= 120 || part.length >= 120) {
-                partsString += '\n' + tabString + ' '.repeat(3); // ' '.repeat(el.tag.length + 1);
-                partsLength = 0;
-            }
-            partsString += ' ' + part;
-            partsLength += part.length;
-        });
-        return `<${this.tag}${partsString.length ? partsString : ''}>` + content + (shouldIndent ? '\n' + tabString : '') + `</${this.tag}>`;
-    }
-};
-__decorate([
-    (0, decorators_1.property)()
-], ViewElement.prototype, "concept", void 0);
-__decorate([
-    (0, decorators_1.property)()
-], ViewElement.prototype, "type", void 0);
-__decorate([
-    (0, decorators_1.property)()
-], ViewElement.prototype, "tag", void 0);
-__decorate([
-    (0, decorators_1.property)()
-], ViewElement.prototype, "name", void 0);
-__decorate([
-    (0, decorators_1.property)()
-], ViewElement.prototype, "staticClass", void 0);
-__decorate([
-    (0, decorators_1.property)()
-], ViewElement.prototype, "staticStyle", void 0);
-__decorate([
-    (0, decorators_1.property)()
-], ViewElement.prototype, "slotTarget", void 0);
-__decorate([
-    (0, decorators_1.property)()
-], ViewElement.prototype, "slotScope", void 0);
-__decorate([
-    (0, decorators_1.property)('BindAttribute')
-], ViewElement.prototype, "bindAttrs", void 0);
-__decorate([
-    (0, decorators_1.property)('BindEvent')
-], ViewElement.prototype, "bindEvents", void 0);
-__decorate([
-    (0, decorators_1.property)('BindDirective')
-], ViewElement.prototype, "bindDirectives", void 0);
-__decorate([
-    (0, decorators_1.property)()
-], ViewElement.prototype, "bindRoles", void 0);
-__decorate([
-    (0, decorators_1.property)('ViewElement')
-], ViewElement.prototype, "children", void 0);
-__decorate([
-    (0, decorators_1.property)()
-], ViewElement.prototype, "roles", void 0);
-__decorate([
-    (0, translator_1.withSourceMap)()
-], ViewElement.prototype, "toEmbeddedTSDefinition", null);
-__decorate([
-    (0, translator_1.withSourceMap)()
-], ViewElement.prototype, "toEmbeddedTS", null);
-ViewElement = ViewElement_1 = __decorate([
-    decorators_1.concept
-], ViewElement);
-exports.ViewElement = ViewElement;
-classMap_1.default['ViewElement'] = ViewElement;
-exports.default = ViewElement;
-//================================================================================
-// ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
-// 自动生成的代码已结束。下面可以手动编写。
-//================================================================================
-//# sourceMappingURL=ViewElement__.js.map