@lcap/nasl 3.6.0-alpha.6 → 3.6.0-alpha.7

package/out/concepts/ViewElement__.js

@@ -1,2482 +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 time_slicing_1 = require("../utils/time-slicing");
-const translator_1 = require("../translator");
-const concepts_1 = require("../concepts");
-const babelParser = __importStar(require("@babel/parser"));
-const json5 = __importStar(require("json5"));
-const compiler = __importStar(require("vue-template-compiler"));
-const LogicItem__1 = require("./LogicItem__");
-const Logic__1 = require("./Logic__");
-const config_1 = require("../config");
-const View__1 = require("./View__");
-const utils_1 = require("../utils");
-/**
- * 自闭合标签
- */
-const selfClosingTag = [
-    'base',
-    'meta',
-    'area',
-    'embed',
-    'link',
-    'img',
-    'input',
-    'param',
-    'hr',
-    'br',
-    'source',
-    'track',
-    'wbr',
-    'col',
-];
-function genArgumentMemberExpression(arr) {
-    let expressionNode;
-    const 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) {
-    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',
-            calleeName,
-            arguments: astNode.arguments
-                .map((argument) => ({
-                concept: 'Argument',
-                name: '',
-                kind: 'Statement',
-                keyword: '',
-                expression: transAstNodeToNaslNode(Object.assign({}, argument)),
-            }))
-                .filter((item) => item.expression),
-            typeArguments: astNode.arguments
-                .map((argument) => transAstNodeToNaslTypeNode(Object.assign({}, argument)))
-                .filter((item) => item),
-        };
-    }
-    else if (astNode.type === 'MemberExpression') {
-        if (astNode.object?.name === '$global') {
-            if (astNode.property?.name === 'userInfo') {
-                // 目前只有权限相关的
-                node = transAstNodeToNaslNode(astNode.property, 'nasl.auth');
-            }
-            else if (astNode.property?.name === 'frontendVariables') {
-                node = 'app.frontendVariables';
-            }
-        }
-        else if (astNode.object?.name === 'frontendVariables') {
-            node = transAstNodeToNaslNode(astNode.property, 'app.frontendVariables');
-        }
-        else {
-            const object = transAstNodeToNaslNode(astNode.object);
-            // object如果返回字符串，则将它当成namespace处理
-            if (Object.prototype.toString.call(object) === '[object String]') {
-                node = transAstNodeToNaslNode(astNode.property, object);
-            }
-            else {
-                const property = transAstNodeToNaslNode(astNode.property);
-                node = {
-                    concept: 'MemberExpression',
-                    name: '',
-                    kind: 'Expression',
-                    object,
-                    property,
-                };
-            }
-        }
-    }
-    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 === 'TemplateLiteral') {
-        // 模板字符串翻译成字符串插值
-        const { expressions, quasis } = astNode;
-        node = {
-            concept: 'StringInterpolation',
-            kind: 'Expression',
-            name: '',
-            expressions: [...(quasis || []), ...(expressions || [])]
-                .sort((node1, node2) => {
-                return node1.start - node2.start;
-            })
-                .map((node) => {
-                return transAstNodeToNaslNode(node);
-            }),
-        };
-    }
-    else if (astNode.type === 'TemplateElement') {
-        node = {
-            concept: 'StringLiteral',
-            kind: 'Expression',
-            name: '',
-            value: astNode.value?.raw,
-        };
-    }
-    else if (astNode.type === 'StringLiteral') {
-        // 单独特殊处理枚举因为他不是MemberExpression，而是Identifier_
-        if (astNode?.value?.startsWith('__enumTypeAnnotation_')) {
-            return null;
-        }
-        else {
-            node = {
-                concept: 'StringLiteral',
-                kind: 'Expression',
-                name: '',
-                value: astNode.value,
-            };
-        }
-    }
-    else if (astNode.type === 'UnaryExpression') {
-        const argument = astNode.argument;
-        if (argument.type === 'NumericLiteral') {
-            node = {
-                concept: 'NumericLiteral',
-                value: astNode.operator + argument.value,
-            };
-        }
-        else {
-            node = {
-                concept: 'UnaryExpression',
-                kind: 'Expression',
-                name: '',
-                operator: astNode.operator,
-                argument: transAstNodeToNaslNode(astNode.argument),
-            };
-        }
-    }
-    else if (astNode.type === 'NumericLiteral') {
-        const numberString = typeof astNode.value === 'number' ? astNode.value.toString() : astNode.value;
-        node = {
-            concept: 'NumericLiteral',
-            value: numberString,
-        };
-    }
-    else if (astNode.type === 'ArrowFunctionExpression') {
-        if (astNode.body?.callee?.name) {
-            astNode.name = astNode.body.callee.name;
-        }
-        let tempNode = {
-            calleeNamespace: 'app.logics',
-            concept: 'CallLogic',
-            namespace: namespace || '',
-            name: astNode.name,
-            calleeName: astNode.name,
-            kind: 'Expression',
-            parentNode: astNode.parentNode,
-            parentKey: astNode.parentKey,
-            arguments: astNode?.body?.arguments
-                ?.map((argument) => ({
-                concept: 'Argument',
-                name: '',
-                kind: 'Statement',
-                keyword: '',
-                expression: transAstNodeToNaslNode(Object.assign({}, argument)),
-            }))
-                .filter((item) => item.expression),
-            typeArguments: astNode?.body?.arguments
-                ?.map((argument) => transAstNodeToNaslTypeNode(Object.assign({}, argument)))
-                .filter((item) => item),
-        };
-        node = Logic__1.Logic.from({
-            ...tempNode,
-        }, undefined, 'logics');
-    }
-    else {
-        node = astNode;
-        node.concept = astNode.type;
-    }
-    return node;
-}
-function transAstNodeToNaslTypeNode(astNode, namespace) {
-    let node = null;
-    // 单独特殊处理枚举因为他不是MemberExpression，而是Identifier_
-    if (astNode?.value?.startsWith('__enumTypeAnnotation_')) {
-        const valueArr = astNode.value.replace('__enumTypeAnnotation_', '')?.split('.');
-        const name = valueArr.pop();
-        const namespace = valueArr.join('.');
-        node = {
-            concept: 'TypeAnnotation',
-            typeNamespace: namespace || '',
-            typeName: name || '',
-            typeKind: 'reference',
-        };
-    }
-    return node;
-}
-function isLockField(node) {
-    if (!node || node.concept !== 'ViewElement')
-        return false;
-    const attr = node?.bindAttrs?.find((attr) => ['FormDesignerLocked', 'TableDesignerLocked'].includes(attr.name))?.value;
-    if (attr === undefined)
-        return !!isLockField(node?.parentNode);
-    else
-        return !!attr;
-}
-const decorators_1 = require("../decorators");
-const utils = __importStar(require("../utils"));
-const asserts = __importStar(require("./utils/asserts"));
-const uuid_1 = require("uuid");
-const BaseNode_1 = __importDefault(require("../common/BaseNode"));
-/**
- * 页面元素
- */
-let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
-    /**
-     * @param source 需要合并的部分参数
-     */
-    constructor(source) {
-        source = Object.assign({}, ViewElement_1.getDefaultOptions(), source);
-        super(source);
-        /**
-         * 元素绑定属性列表
-         */
-        this.bindAttrs = [];
-        /**
-         * 元素绑定事件列表
-         */
-        this.bindEvents = [];
-        /**
-         * 元素指令列表
-         */
-        this.bindDirectives = [];
-        /**
-         * 绑定的角色
-         */
-        this.bindRoles = [];
-        /**
-         * 元素绑定样式列表
-         */
-        this.bindStyles = [];
-        /**
-         * 子元素列表
-         */
-        this.children = [];
-        this.computedStyle = {};
-        super.subConstructor(source);
-    }
-    /**
-     * 祖先 View
-     */
-    get view() {
-        return this.getAncestor('View');
-    }
-    /**
-     * 祖先 Module
-     */
-    get module() {
-        return this.getAncestor('Module');
-    }
-    /**
-     * 祖先 App
-     */
-    get app() {
-        return this.getAncestor('App');
-    }
-    /**
-     * 祖先 Frontend
-     */
-    get frontend() {
-        return this.getAncestor('Frontend');
-    }
-    /**
-     * 从父级删除该节点
-     * @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,
-        });
-    }
-    /**
-     * 设置权限资源描述
-     */
-    setAuthDescription(authDescription) {
-        const object = {
-            authDescription,
-        };
-        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(), undefined, false);
-    }
-    _insertBindAttributeAt(options, index) {
-        const bindAttributeOptions = {};
-        const relationOptions = { parentNode: this, parentKey: 'bindAttrs' };
-        const BindAttribute = (0, decorators_1.getConceptConstructor)('BindAttribute');
-        let bindAttribute;
-        if (!options) {
-            bindAttribute = BindAttribute.from({
-                ...bindAttributeOptions,
-                name: this.getBindAttributeUniqueName(),
-            }, this, 'bindAttrs');
-        }
-        else if (typeof options === 'string') {
-            bindAttribute = BindAttribute.from({
-                ...bindAttributeOptions,
-                name: options,
-            }, this, 'bindAttrs');
-        }
-        else if (asserts.isBindAttribute(options)) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            bindAttribute = options;
-            Object.assign(bindAttribute, relationOptions);
-        }
-        else {
-            bindAttribute = BindAttribute.from({
-                ...bindAttributeOptions,
-                ...options,
-            }, this, 'bindAttrs');
-        }
-        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.indexOf(node);
-        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(), undefined, false);
-    }
-    _insertBindEventAt(options, index) {
-        const bindEventOptions = {};
-        const relationOptions = { parentNode: this, parentKey: 'bindEvents' };
-        const BindEvent = (0, decorators_1.getConceptConstructor)('BindEvent');
-        let bindEvent;
-        if (!options) {
-            bindEvent = BindEvent.from({
-                ...bindEventOptions,
-                name: this.getBindEventUniqueName(),
-            }, this, 'bindEvents');
-        }
-        else if (typeof options === 'string') {
-            bindEvent = BindEvent.from({
-                ...bindEventOptions,
-                name: options,
-            }, this, 'bindEvents');
-        }
-        else if (asserts.isBindEvent(options)) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            bindEvent = options;
-            Object.assign(bindEvent, relationOptions);
-        }
-        else {
-            bindEvent = BindEvent.from({
-                ...bindEventOptions,
-                ...options,
-            }, this, 'bindEvents');
-        }
-        this.bindEvents.splice(index, 0, bindEvent);
-        return bindEvent;
-    }
-    insertBindEventAt(options, index) {
-        const node = this._insertBindEventAt(options, index);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'bindEvents',
-        });
-        return node;
-    }
-    _addBindEvent(options) {
-        const index = this.bindEvents.length;
-        return this._insertBindEventAt(options, index);
-    }
-    addBindEvent(options) {
-        const node = this._addBindEvent(options);
-        const index = this.bindEvents.indexOf(node);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'bindEvents',
-        });
-        return node;
-    }
-    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(), undefined, false);
-    }
-    _insertBindDirectiveAt(options, index) {
-        const bindDirectiveOptions = {};
-        const relationOptions = { parentNode: this, parentKey: 'bindDirectives' };
-        const BindDirective = (0, decorators_1.getConceptConstructor)('BindDirective');
-        let bindDirective;
-        if (!options) {
-            bindDirective = BindDirective.from({
-                ...bindDirectiveOptions,
-                name: this.getBindDirectiveUniqueName(),
-            }, this, 'bindDirectives');
-        }
-        else if (typeof options === 'string') {
-            bindDirective = BindDirective.from({
-                ...bindDirectiveOptions,
-                name: options,
-            }, this, 'bindDirectives');
-        }
-        else if (asserts.isBindDirective(options)) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            bindDirective = options;
-            Object.assign(bindDirective, relationOptions);
-        }
-        else {
-            bindDirective = BindDirective.from({
-                ...bindDirectiveOptions,
-                ...options,
-            }, this, 'bindDirectives');
-        }
-        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.indexOf(node);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'bindDirectives',
-        });
-        return node;
-    }
-    getBindStyleExistingNames(excludedList = []) {
-        const excludedSet = new Set(excludedList);
-        return (this.bindStyles || []).filter((item) => !excludedSet.has(item)).map((item) => item?.name);
-    }
-    getBindStyleUniqueName(name = 'bindStyle1') {
-        return utils.unique(name, this.getBindStyleExistingNames(), undefined, false);
-    }
-    _insertBindStyleAt(options, index) {
-        const bindStyleOptions = {};
-        const relationOptions = { parentNode: this, parentKey: 'bindStyles' };
-        const BindStyle = (0, decorators_1.getConceptConstructor)('BindStyle');
-        let bindStyle;
-        if (!options) {
-            bindStyle = BindStyle.from({
-                ...bindStyleOptions,
-                name: this.getBindStyleUniqueName(),
-            }, this, 'bindStyles');
-        }
-        else if (typeof options === 'string') {
-            bindStyle = BindStyle.from({
-                ...bindStyleOptions,
-                name: options,
-            }, this, 'bindStyles');
-        }
-        else if (asserts.isBindStyle(options)) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            bindStyle = options;
-            Object.assign(bindStyle, relationOptions);
-        }
-        else {
-            bindStyle = BindStyle.from({
-                ...bindStyleOptions,
-                ...options,
-            }, this, 'bindStyles');
-        }
-        this.bindStyles.splice(index, 0, bindStyle);
-        return bindStyle;
-    }
-    insertBindStyleAt(options, index) {
-        const node = this._insertBindStyleAt(options, index);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'bindStyles',
-        });
-        return node;
-    }
-    _addBindStyle(options) {
-        const index = this.bindStyles.length;
-        return this._insertBindStyleAt(options, index);
-    }
-    addBindStyle(options) {
-        const node = this._addBindStyle(options);
-        const index = this.bindStyles.indexOf(node);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'bindStyles',
-        });
-        return node;
-    }
-    _insertViewElementAt(options, index) {
-        const viewElementOptions = {};
-        const relationOptions = { parentNode: this, parentKey: 'children' };
-        const ViewElement = (0, decorators_1.getConceptConstructor)('ViewElement');
-        let viewElement;
-        if (!options) {
-            viewElement = ViewElement.from({
-                ...viewElementOptions,
-                name: this.getViewElementUniqueName(),
-            }, this, 'children');
-        }
-        else if (typeof options === 'string') {
-            viewElement = ViewElement.from({
-                ...viewElementOptions,
-                name: options,
-            }, this, 'children');
-        }
-        else if (asserts.isViewElement(options)) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            viewElement = options;
-            Object.assign(viewElement, relationOptions);
-        }
-        else {
-            viewElement = ViewElement.from({
-                ...viewElementOptions,
-                ...options,
-            }, this, 'children');
-        }
-        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.indexOf(node);
-        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;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = bindAttribute.__v_raw || bindAttribute;
-            if (Array.isArray(t[parentKey])) {
-                // @ts-ignore
-                const index = t[parentKey].findIndex((el) => (el.__v_raw || el) === n);
-                ~index && this[parentKey].splice(index, 1);
-                params.index = index;
-            }
-            else {
-                const q = t[parentKey];
-                if ((q.__v_raw || q) === n) {
-                    params.index = 0;
-                    this[parentKey] = undefined;
-                }
-            }
-        }
-        return params;
-    }
-    removeBindEvent(options) {
-        let bindEvent;
-        if (typeof options === 'string') {
-            bindEvent = this.bindEvents.find((item) => item.name === options);
-            if (!bindEvent) {
-                throw new Error('找不到元素绑定事件 ' + options);
-            }
-        }
-        else {
-            bindEvent = options;
-        }
-        return bindEvent.delete();
-    }
-    __removeBindEvent(bindEvent) {
-        const parentKey = bindEvent.parentKey;
-        const params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: bindEvent,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = bindEvent.__v_raw || bindEvent;
-            if (Array.isArray(t[parentKey])) {
-                // @ts-ignore
-                const index = t[parentKey].findIndex((el) => (el.__v_raw || el) === n);
-                ~index && this[parentKey].splice(index, 1);
-                params.index = index;
-            }
-            else {
-                const q = t[parentKey];
-                if ((q.__v_raw || q) === n) {
-                    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;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = bindDirective.__v_raw || bindDirective;
-            if (Array.isArray(t[parentKey])) {
-                // @ts-ignore
-                const index = t[parentKey].findIndex((el) => (el.__v_raw || el) === n);
-                ~index && this[parentKey].splice(index, 1);
-                params.index = index;
-            }
-            else {
-                const q = t[parentKey];
-                if ((q.__v_raw || q) === n) {
-                    params.index = 0;
-                    this[parentKey] = undefined;
-                }
-            }
-        }
-        return params;
-    }
-    removeBindStyle(options) {
-        let bindStyle;
-        if (typeof options === 'string') {
-            bindStyle = this.bindStyles.find((item) => item.name === options);
-            if (!bindStyle) {
-                throw new Error('找不到元素绑定样式 ' + options);
-            }
-        }
-        else {
-            bindStyle = options;
-        }
-        return bindStyle.delete();
-    }
-    __removeBindStyle(bindStyle) {
-        const parentKey = bindStyle.parentKey;
-        const params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: bindStyle,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = bindStyle.__v_raw || bindStyle;
-            if (Array.isArray(t[parentKey])) {
-                // @ts-ignore
-                const index = t[parentKey].findIndex((el) => (el.__v_raw || el) === n);
-                ~index && this[parentKey].splice(index, 1);
-                params.index = index;
-            }
-            else {
-                const q = t[parentKey];
-                if ((q.__v_raw || q) === n) {
-                    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;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = viewElement.__v_raw || viewElement;
-            if (Array.isArray(t[parentKey])) {
-                // @ts-ignore
-                const index = t[parentKey].findIndex((el) => (el.__v_raw || el) === n);
-                ~index && this[parentKey].splice(index, 1);
-                params.index = index;
-            }
-            else {
-                const q = t[parentKey];
-                if ((q.__v_raw || q) === n) {
-                    params.index = 0;
-                    this[parentKey] = undefined;
-                }
-            }
-        }
-        return params;
-    }
-    //================================================================================
-    // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
-    // 自动生成的代码已结束。下面可以手动编写。
-    //================================================================================
-    get likeComponent() {
-        return this.view || this?.getAncestor('BusinessComponent');
-    }
-    /* 主页面有没有权限 */
-    get parentAuth() {
-        const _nameSpace = this.view.getNamespace();
-        const mainViewName = _nameSpace.split('.')[2];
-        return this.view.parentNode.concept === 'App'
-            ? this.view.auth
-            : this.frontend.views.find((item) => item.name === mainViewName)?.auth;
-    }
-    // IDE内展示需要屏蔽掉“系统统一路径前缀”
-    get uiPath() {
-        return `${this.view.uiPath}/${this.name}`;
-    }
-    /**
-     * 权限领域的资源路径
-     */
-    get authPath() {
-        return `${this.view.path}/${this.name}`;
-    }
-    get auth() {
-        return this.bindDirectives.find((directive) => directive.name === 'auth');
-    }
-    getViewElementUniqueName(name = 'viewElement1') {
-        return this.likeComponent?.getViewElementUniqueName(name);
-    }
-    getViewElementUniqueNameOld(name = 'viewElement1') {
-        return this.likeComponent?.getViewElementUniqueNameOld(name);
-    }
-    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.getViewElementUniqueName(`${tagName}1`);
-        }
-        return node;
-    }
-    /**
-     * 设置组件权限
-     */
-    setBindRoles(bindRoles) {
-        const object = {
-            bindRoles,
-        };
-        this.update({
-            ...object,
-        });
-    }
-    getBindAttribute(name) {
-        return this.bindAttrs.find((bindAttr) => bindAttr.name === name);
-    }
-    toHump(name) {
-        return name.replace(/-(\w)/g, (all, letter) => letter.toUpperCase());
-    }
-    toFirstUpper(name) {
-        return name.replace(/^\S/, (s) => s.toUpperCase());
-    }
-    haveScope() {
-        return Boolean(this.slotScope);
-    }
-    *toEmbeddedTSDefinition(state = (0, translator_1.createCompilerState)()) {
-        const self = this;
-        let code = '';
-        code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
-        if (self.isCorrespondingBusinessComponent) {
-            code += `${self.name}: ${self.correspondingBusinessComponentNamespace}.${self.tag.replace('bs-', '')};\n`;
-        }
-        else if (self.toHump(self.tag) === 'lcapLogin' || self.staticClass === 'login-form') { // 登录组件不翻译
-            code += `${self.name}: nasl.ui.div<any>;\n`;
-        }
-        else if (self.tag === 'u-table-view-column-dynamic') {
-            code += `${self.name}: nasl.ui.${self.toHump(self.tag)}<any, any>;\n`;
-        }
-        else if (Object.keys(View__1.PAGE_COMPONENT_INCLUDE_TAG_MAP).includes(self.tag)) {
-            if (self.bindAttrs?.findIndex((attr) => attr.name === 'data-source') > -1) {
-                code += `${self.name}: nasl.ui.${self.toHump(self.tag)}<__elements_completionProperty['${self.name}']['dataSource']>;\n`;
-            }
-            else {
-                code += `${self.name}: nasl.ui.${self.toHump(self.tag)}<any>;\n`;
-            }
-        }
-        else {
-            code += `${self.name}: nasl.ui.${self.toHump(self.tag)}<any>;\n`;
-        }
-        if (Array.isArray(self.children)) {
-            yield* (0, time_slicing_1.wrapForEachToGenerator)(self.children, function* warpForEachGenerator(element) {
-                code += yield* element.toEmbeddedTSDefinition((0, translator_1.shiftState)(state, code));
-            });
-        }
-        return code;
-    }
-    *toEmbeddedTSVariableDefinition(state = (0, translator_1.createCompilerState)(), variableList, nameLevel) {
-        const self = this;
-        let code = '';
-        let currentLevel = nameLevel ? `${nameLevel}?.` : '';
-        currentLevel += `${self.name}?.()`;
-        if (View__1.PAGE_COMPONENT_INCLUDE_TAG_MAP?.[self.tag]) {
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
-            code += `${self.name}: {\n`;
-            if (Array.isArray(self.bindAttrs)) {
-                yield* (0, time_slicing_1.wrapForEachToGenerator)(self.bindAttrs.filter((attr) => View__1.PAGE_COMPONENT_INCLUDE_TAG_MAP[self.tag]?.[attr.name]), function* warpForEachGenerator(attr) {
-                    code += yield* attr.toEmbeddedTSVariableDefinition((0, translator_1.shiftState)(state, code, { inline: true }), variableList, self.name, currentLevel);
-                });
-                if (['u-select', 'van-pickerson'].includes(self.tag)) {
-                    code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
-                    code += `pageNumber: nasl.core.Long\n`;
-                    code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
-                    code += `filterText: nasl.core.String\n`;
-                }
-                else if (['u-list-view', 'u-grid-view', 'u-table-view', 'van-list-view', 'van-grid-view'].includes(self.tag) &&
-                    self.bindAttrs?.findIndex((attr) => attr.name === 'sorting') === -1) {
-                    if (['u-list-view', 'van-grid-view', 'van-list-view'].includes(self.tag)) {
-                        code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
-                        code += `filterText: nasl.core.String\n`;
-                    }
-                    code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
-                    code += `sorting: {
-                      field: nasl.core.String
-                      order: nasl.core.String
-                  }\n`;
-                }
-                else if (['u-cascader', 'van-cascader'].includes(self.tag)) {
-                    code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
-                    code += `filterText: nasl.core.String\n`;
-                }
-            }
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
-            code += `};\n`;
-        }
-        if (Array.isArray(self.children)) {
-            yield* (0, time_slicing_1.wrapForEachToGenerator)(self.children, function* warpForEachGenerator(element) {
-                code += yield* element.toEmbeddedTSVariableDefinition((0, translator_1.shiftState)(state, code), variableList, currentLevel);
-            });
-        }
-        return code;
-    }
-    *toEmbeddedTSVariableFunctionDefinition(state = (0, translator_1.createCompilerState)(), parentLevel) {
-        const self = this;
-        let code = '';
-        code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
-        let levelIndex = parentLevel || 0;
-        code += `${self.name}: () => {\n`;
-        if (self.tag === 'template' && self.haveScope() && asserts.isViewElement(self.parentNode)) {
-            const currentType = self.parentNode.tag === 'u-table-view-column-dynamic' ? 'CurrentDynamic' : 'Current';
-            const _this = self.parentNode;
-            let genericity = '';
-            if (_this.tag === 'u-table-view-column-dynamic') {
-                genericity += `<${_this.parentNode.__tsVariableDataSourceTypeName}, ${_this.__tsVariableDataSourceTypeName}>`;
-            }
-            else {
-                let targetNode = _this;
-                while ((!targetNode.__tsVariableDataSourceTypeName || targetNode.__tsVariableDataSourceTypeName === 'any') && asserts.isViewElement(targetNode?.parentNode)) {
-                    targetNode = targetNode.parentNode;
-                }
-                genericity += `<${targetNode.__tsVariableDataSourceTypeName ?? 'any'}>`;
-            }
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
-            code += `let current${levelIndex === 0 ? '' : levelIndex}: nasl.ui.${currentType}${genericity}\n`;
-            levelIndex++;
-        }
-        const attr = self.bindAttrs?.find((item) => item.name === 'data-source');
-        if (attr && attr.expression) {
-            const datasourceName = `datasourceName${self.name}`;
-            self.__tsVariableDataSourceTypeName = datasourceName;
-            if (asserts.isMemberExpression(attr.expression) ||
-                asserts.isIdentifier(attr.expression) ||
-                asserts.isCallLogic(attr.expression)) {
-                const extraParams = {
-                    tabSize: 4,
-                    inline: true,
-                    noNeedParams: true,
-                    callLogicNoIife: true,
-                };
-                const value = yield* attr.expression.toEmbeddedTS((0, translator_1.shiftState)(state, code, attr.expression.concept === 'CallLogic' ? extraParams : {}));
-                code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
-                code += `type ${datasourceName} = nasl.ui.GetItemTypeFromDataSource<typeof ${value}>;\n`;
-                // code += `let current${levelIndex === 0 ? '' : levelIndex}: nasl.ui.${currentType}<nasl.ui.GetItemTypeFromDataSource<typeof ${value}>>;\n`;
-            }
-            else {
-                code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
-                code += `const __funcName = () => { return `;
-                code += yield* attr.expression.toEmbeddedTS((0, translator_1.shiftState)(state, code));
-                code += '};\n';
-                code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
-                code += `type ${datasourceName} = nasl.ui.GetItemTypeFromDataSource<ReturnType<typeof __funcName>>;\n`;
-                // code += `let current${levelIndex === 0 ? '' : levelIndex}: nasl.ui.${currentType}<nasl.ui.GetItemTypeFromDataSource<ReturnType<typeof __funcName>>>;\n`;
-            }
-        }
-        else {
-            self.__tsVariableDataSourceTypeName = 'any';
-        }
-        code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
-        code += `return {\n`;
-        if (Array.isArray(self.bindAttrs)) {
-            yield* (0, time_slicing_1.wrapForEachToGenerator)(self.bindAttrs.filter((attr) => View__1.PAGE_COMPONENT_INCLUDE_TAG_MAP[self.tag]?.[attr.name]), function* warpForEachGenerator(attr) {
-                code += yield* attr.toEmbeddedTSVariableFunctionDefinition((0, translator_1.shiftState)(state, code, { inline: true }));
-            });
-        }
-        if (Array.isArray(self.children)) {
-            yield* (0, time_slicing_1.wrapForEachToGenerator)(self.children, function* warpForEachGenerator(element) {
-                code += yield* element.toEmbeddedTSVariableFunctionDefinition((0, translator_1.shiftState)({ ...state, tabSize: state.tabSize + 2 }, code), levelIndex);
-            });
-        }
-        code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
-        code += `}\n`;
-        code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
-        code += `},\n`;
-        return code;
-    }
-    getTypeArgmentsStr(state, currentNode) {
-        // 登录组件不翻译
-        if (this.toHump(this.tag) === 'lcapLogin' || this.staticClass === 'login-form')
-            return '<any>';
-        let code = '';
-        // formItem的单独处理
-        if (this.tag === 'u-form-item') {
-            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.Long>';
-                }
-                else {
-                    code += '<any>';
-                }
-            }
-            return code;
-        }
-        if (this.tag === 'u-table-view-column-group') {
-            code += `<${this.parentNode.__tsDataSourceTypeName}>`;
-            return code;
-        }
-        const bindAttrs = this.bindAttrs;
-        if (bindAttrs && bindAttrs.length) {
-            const attr = bindAttrs.find((item) => item.name === 'data-source');
-            if (attr && attr.expression) {
-                if (this.tag === 'u-table-view-column-dynamic') {
-                    code += `<${this.parentNode.__tsDataSourceTypeName}, ${this.__tsDataSourceTypeName}>`;
-                }
-                else {
-                    code += `<${this.__tsDataSourceTypeName}>`;
-                }
-            }
-        }
-        return code;
-    }
-    *getDatasourceTypeCodeStr(state, eleArr) {
-        let code = '';
-        yield* (0, time_slicing_1.wrapForEachToGenerator)(eleArr ?? [], function* wrapForEach(element, index) {
-            const bindAttrs = element.bindAttrs;
-            if (bindAttrs && bindAttrs.length) {
-                const attr = bindAttrs.find((item) => item.name === 'data-source');
-                if (attr && attr.expression) {
-                    const datasourceName = `datasourceName${element.name}`;
-                    element.__tsDataSourceTypeName = datasourceName;
-                    if (asserts.isMemberExpression(attr.expression) ||
-                        asserts.isIdentifier(attr.expression) ||
-                        asserts.isCallLogic(attr.expression)) {
-                        const extraParams = {
-                            tabSize: 4,
-                            inline: true,
-                            noNeedParams: true,
-                            callLogicNoIife: true,
-                        };
-                        const value = yield* attr.expression.toEmbeddedTS((0, translator_1.shiftState)(state, code, attr.expression.concept === 'CallLogic' ? extraParams : {}));
-                        code += `type ${datasourceName} = `;
-                        code += `nasl.ui.GetItemTypeFromDataSource<typeof ${value}>;\n`;
-                    }
-                    else {
-                        code += `const __funcName${index} = () => { return`;
-                        code += yield* attr.expression.toEmbeddedTS((0, translator_1.shiftState)(state, code));
-                        code += '};\n';
-                        code += `type ${datasourceName} = `;
-                        code += `nasl.ui.GetItemTypeFromDataSource<ReturnType<typeof __funcName${index}>>;\n`;
-                    }
-                }
-            }
-        });
-        code += '\n';
-        code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
-        return code;
-    }
-    // 获取端类型
-    get frontendType() {
-        return this.getAncestor('FrontendType');
-    }
-    // 对应业务组件
-    get isCorrespondingBusinessComponent() {
-        return this.tag.startsWith('bs-');
-    }
-    // 对应的业务组件的Namespace
-    get correspondingBusinessComponentNamespace() {
-        return `${this.frontendType?.getNamespace()}.${this.frontendType?.name}.businessComponents`;
-    }
-    // 获取对应的业务组件
-    get correspondingBusinessComponent() {
-        if (this.isCorrespondingBusinessComponent) {
-            // 端下的业务组件
-            const businessComponents = this.frontendType?.businessComponents;
-            const businessComponent = businessComponents.find((businessComponent) => {
-                return `bs-${businessComponent?.name}` === this.tag;
-            });
-            return businessComponent;
-        }
-    }
-    *toEmbeddedTS(state = (0, translator_1.createCompilerState)(), parentLevel) {
-        const self = this;
-        const { parentNode, app, tag, staticClass, name, bindRoles, bindEvents, children } = self;
-        const chineseTsName = (name) => {
-            let tsName = name;
-            // 匹配所有特殊字符都转为_
-            tsName = tsName.replace(/[^\u4e00-\u9fa5a-zA-Z0-9]/g, '_');
-            if (/^\d/.test(tsName)) {
-                tsName = '$' + tsName;
-            }
-            return tsName;
-        };
-        // 过滤模板的登录中的一些翻译，这里只过滤h5表格中的两个列
-        if ((parentNode.concept === 'ViewElement' &&
-            parentNode.tag &&
-            this.toHump(parentNode.tag) === 'lcapLogin') ||
-            staticClass === 'login-cell') {
-            return '';
-        }
-        // pc事件翻译
-        if (self.toHump(tag) === 'lcapLogin') {
-            let code = `new nasl.ui.div({name: __elements.${self.name},\n`;
-            // 事件
-            if (Array.isArray(self.bindEvents)) {
-                yield* (0, time_slicing_1.wrapForEachToGenerator)(self.bindEvents, function* warpForEachGenerator(event) {
-                    code += yield* event.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
-                        tabSize: (state?.tabSize || 0) + 2,
-                    }));
-                    code += '\n';
-                });
-            }
-            code += `}),\n`;
-            return code;
-        }
-        let levelIndex = parentLevel || 0;
-        if (tag === 'template' && self.haveScope()) {
-            const slotTarget = !self.slotTarget ? 'slotDefault' : 'slot' + self.toFirstUpper(self.toHump(self.slotTarget));
-            let code = '';
-            code += `${slotTarget}: (current${levelIndex === 0 ? '' : levelIndex})=> {\n`;
-            code += yield* self.getDatasourceTypeCodeStr(state, self.children);
-            levelIndex++;
-            code += 'return [';
-            yield* (0, time_slicing_1.wrapForEachToGenerator)(self.children, function* warpForEachGenerator(element) {
-                code += yield* element.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
-                    tabSize: state?.tabSize || 0,
-                }), levelIndex);
-            });
-            code += ']';
-            code += '\n';
-            code += '},\n';
-            return code;
-        }
-        else if (tag === 'template') {
-            const slotTarget = !self.slotTarget ? 'slotDefault' : 'slot' + self.toFirstUpper(self.toHump(self.slotTarget));
-            let code = '';
-            code += `${slotTarget}: ()=> {\n`;
-            code += yield* self.getDatasourceTypeCodeStr(state, self.children);
-            code += 'return [';
-            yield* (0, time_slicing_1.wrapForEachToGenerator)(self.children, function* warpForEachGenerator(element) {
-                code += yield* element.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
-                    tabSize: state?.tabSize || 0,
-                }), levelIndex);
-            });
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
-            code += ']';
-            code += '\n';
-            code += '},\n';
-            return code;
-        }
-        let namespace = `nasl.ui.${self.toHump(tag)}`;
-        if (self.isCorrespondingBusinessComponent) {
-            namespace = `${self.correspondingBusinessComponentNamespace}.${self.tag.replace('bs-', '')}`;
-        }
-        // 后面那个name是为了查找引用的时候用的
-        let code = `new ${namespace}${self.getTypeArgmentsStr(state)}({name: __elements.${name},\n`;
-        // 是否开启权限
-        // const hasAuth = Array.isArray(bindDirectives)
-        //     ? !!bindDirectives.filter((directive) => directive.name === 'auth').length
-        //     : false;
-        // 角色
-        if (Array.isArray(bindRoles) && bindRoles.length) {
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
-            code += 'roles: [\n';
-            yield* (0, time_slicing_1.wrapForEachToGenerator)(bindRoles, function* warpForEachGenerator(role) {
-                code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
-                code += `${app.getNamespace()}.roles.${chineseTsName(role)}.${chineseTsName(role)},`;
-                code += '\n';
-            });
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
-            code += '],\n';
-        }
-        // 事件
-        if (Array.isArray(bindEvents)) {
-            yield* (0, time_slicing_1.wrapForEachToGenerator)(bindEvents, function* warpForEachGenerator(event) {
-                code += yield* event.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
-                    tabSize: (state?.tabSize || 0) + 2,
-                }));
-                code += '\n';
-            });
-        }
-        // 子元素
-        if (Array.isArray(children)) {
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
-            if (Array.isArray(self.bindAttrs)) {
-                code += `bindAttr: `;
-                if (self.isCorrespondingBusinessComponent) {
-                    code += `{\n`;
-                }
-                else {
-                    code += `() => [\n`;
-                }
-                yield* (0, time_slicing_1.wrapForEachToGenerator)(self.bindAttrs, function* warpForEachGenerator(attr) {
-                    // 过滤业务组件的非表达式模式的翻译
-                    const shouldFilter = self.isCorrespondingBusinessComponent && (attr.type !== 'dynamic');
-                    if (shouldFilter) {
-                        return;
-                    }
-                    code += (yield* attr.toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: 1 }))) + ',\n';
-                });
-                yield* (0, time_slicing_1.wrapForEachToGenerator)(self.bindDirectives, function* warpForEachGenerator(directive) {
-                    code += (yield* directive.toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: 1 }))) + ',\n';
-                });
-                yield* (0, time_slicing_1.wrapForEachToGenerator)(self.bindStyles, function* warpForEachGenerator(bindStyle) {
-                    code += (yield* bindStyle.toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: 1 }))) + ',\n';
-                });
-                code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
-                if (self.isCorrespondingBusinessComponent) {
-                    code += '},\n';
-                }
-                else {
-                    code += '],\n';
-                }
-            }
-            // 如果子集中有插槽的就
-            if (children.find((item) => item.tag === 'template' && item.slotTarget)) {
-                code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
-                const defaultArr = [];
-                // 先把插槽翻译了
-                yield* (0, time_slicing_1.wrapForEachToGenerator)(children, function* warpForEachGenerator(element) {
-                    if (element.tag === 'template') {
-                        code += yield* element.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
-                            tabSize: state?.tabSize || 0,
-                        }), levelIndex);
-                    }
-                    else {
-                        defaultArr.push(element);
-                    }
-                });
-                // 翻译其余的子集
-                if (defaultArr.length) {
-                    code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
-                    code += `slotDefault: ()=> {\n`;
-                    code += yield* self.getDatasourceTypeCodeStr(state, defaultArr);
-                    code += 'return [';
-                    yield* (0, time_slicing_1.wrapForEachToGenerator)(defaultArr, function* warpForEachGenerator(element) {
-                        code += yield* element.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
-                            tabSize: (state?.tabSize || 0) + 2,
-                        }), levelIndex);
-                        code += '\n';
-                    });
-                    code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
-                    code += ']\n';
-                    code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
-                    code += '}\n';
-                }
-            }
-            else {
-                code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
-                code += `slotDefault: ()=> {\n`;
-                code += yield* self.getDatasourceTypeCodeStr(state, children);
-                code += 'return [';
-                yield* (0, time_slicing_1.wrapForEachToGenerator)(children, function* warpForEachGenerator(element) {
-                    code += yield* element.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
-                        tabSize: (state?.tabSize || 0) + 2,
-                    }), levelIndex);
-                    code += '\n';
-                });
-                code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
-                code += ']\n';
-                code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
-                code += '}\n';
-            }
-        }
-        code += (0, translator_1.indent)(state?.tabSize || 0) + '})';
-        // 顶层元素是单独的表达式
-        if (parentNode.concept === 'View' || asserts.isBusinessComponent(parentNode)) {
-            code += ';\n';
-        }
-        else {
-            code += ',\n';
-        }
-        return code;
-    }
-    toNaturalTS(state = (0, translator_1.createCompilerState)(), parentLevel) {
-        let code = '';
-        const levelIndex = parentLevel || 0;
-        if (Array.isArray(this.bindEvents)) {
-            this.bindEvents.forEach((event) => {
-                code += event.toNaturalTS((0, translator_1.shiftState)(state, code, {
-                    tabSize: state.tabSize,
-                }));
-                // code += '\n';
-            });
-        }
-        if (Array.isArray(this.children)) {
-            if (this.children.find((item) => item.tag === 'template' && item.slotTarget)) {
-                // code += indent(state.tabSize + 2);
-                const defaultArr = [];
-                // 先把插槽翻译了
-                this.children.forEach((element) => {
-                    if (element.tag === 'template') {
-                        code += element.toNaturalTS((0, translator_1.shiftState)(state, code, {
-                            tabSize: state.tabSize,
-                        }), levelIndex);
-                    }
-                    else {
-                        defaultArr.push(element);
-                    }
-                });
-                // 翻译其余的子集
-                if (defaultArr.length) {
-                    defaultArr.forEach((element) => {
-                        code += element.toNaturalTS((0, translator_1.shiftState)(state, code, {
-                            tabSize: state.tabSize,
-                        }), levelIndex);
-                    });
-                }
-            }
-            else {
-                this.children.forEach((element) => {
-                    code += element.toNaturalTS((0, translator_1.shiftState)(state, code, {
-                        tabSize: state.tabSize,
-                    }), levelIndex);
-                });
-            }
-        }
-        return code;
-    }
-    toNaturalTSDefinition(state) {
-        let code = '';
-        if (['u-button', 'u-form', 'u-modal', 'u-table-view', 'u-select', 'u-input', 'u-number-input'].includes(this.tag)) {
-            code += (0, translator_1.indent)(state.tabSize + 1);
-            // 登录组件不翻译
-            // if (this.toHump(this.tag) === 'lcapLogin' || this.staticClass === 'login-form') {
-            //     code += `${this.name}: nasl.ui.div;\n`;
-            // } else {
-            code += `${this.name}: nasl.ui.${(0, utils_1.kebab2Camel)(this.tag.replace(/^\w-/, ''))},\n`;
-            // }
-        }
-        if (Array.isArray(this.children)) {
-            this.children.forEach((element) => {
-                code += element.toNaturalTSDefinition((0, translator_1.shiftState)(state, code));
-            });
-        }
-        return code;
-    }
-    _duplicate() {
-        const element = ViewElement_1.from(this.toTemplateJSON());
-        const nameMap = element.deepRenameElements(this);
-        utils.traverse((current) => {
-            const node = current.node;
-            if (node.concept === 'CallLogic') {
-                node.uuid = (0, uuid_1.v4)().replace(/-/g, '');
-                if (/elements.(.+).logics/.test(node.calleeNamespace)) {
-                    const oldName = node.calleeNamespace.split('.')[1];
-                    if (nameMap.has(oldName)) {
-                        const newName = nameMap.get(oldName);
-                        node.calleeNamespace = `elements.${newName}.logics`;
-                    }
-                }
-            }
-            // 如果创建副本，内部的国际化标识都要去掉
-            if (node.i18nKey) {
-                delete node.i18nKey;
-            }
-        }, { node: element }, { mode: 'anyObject', excludedKeySet: element.JSON_EXCLUDED_KEYS });
-        this.likeComponent?.existingViewElement.clear();
-        return element;
-    }
-    setTag(tag) {
-        const object = {
-            tag,
-        };
-        this.update({
-            ...object,
-        });
-    }
-    // 递归遍历组件
-    traverseChildren(cb) {
-        utils.traverse((current) => {
-            cb(current.node);
-        }, { node: this });
-    }
-    // 递归生成组件名
-    deepRenameElements(node) {
-        const map = new Map();
-        this.traverseChildren((ele) => {
-            const oldName = ele.name;
-            const tagName = ele.tag.replace(ViewElement_1.TAG_NAME_PREFIX_REG, '').replace(/-/g, '_');
-            ele.name = node.getViewElementUniqueName(`${tagName}1`);
-            map.set(oldName, ele.name);
-        });
-        return map;
-    }
-    /**
-     * 解析属性中的表达式
-     * @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.LogicItem.from(node, null, null);
-        }
-        catch (e) {
-            return null;
-        }
-    }
-    static _parseValidationRule(value) {
-        let calleeName = value;
-        let args = [];
-        try {
-            const ast = babelParser.parseExpression(value);
-            const validationNamespace = (0, concepts_1.getStdlibNamespace)().findChild('validation');
-            if (ast.type === 'CallExpression') {
-                calleeName = (ast.callee?.property?.name ?? ast.callee?.property?.value ?? ast.callee?.name).replace(/\(.*/, '');
-                const func = validationNamespace.functions.find((item) => item.name === calleeName);
-                args = ast.arguments.map((argument, index) => ({
-                    concept: 'Argument',
-                    name: '',
-                    kind: 'Statement',
-                    keyword: func?.params?.[index]?.name ?? '',
-                    expression: transAstNodeToNaslNode(Object.assign({}, argument)),
-                }));
-            }
-        }
-        catch (error) { }
-        return {
-            concept: 'ValidationRule',
-            name: '',
-            label: '验证规则',
-            kind: 'Expression',
-            calleeNamespace: 'nasl.validation',
-            arguments: args,
-            calleeName,
-        };
-    }
-    /**
-     * 从 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);
-        });
-        const BindAttribute = (0, decorators_1.getConceptConstructor)('BindAttribute');
-        const BindDirective = (0, decorators_1.getConceptConstructor)('BindDirective');
-        const BindEvent = (0, decorators_1.getConceptConstructor)('BindEvent');
-        let element;
-        if (astNode.type === 1) {
-            if (astNode.tag === 'router-view') {
-                if (view.frontend.type === '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, '_');
-            let newContext = {};
-            if (context) {
-                newContext = {
-                    ...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((item) => this._fromASTNode(item, newContext)),
-            });
-            astNode?.attrs?.forEach((oldAttr) => {
-                let attr;
-                // 获取原始属性
-                const orginAttrCode = (context?.code || '').substr(oldAttr.start, oldAttr.end - oldAttr.start);
-                if (oldAttr.value === '""' && orginAttrCode.trim() === oldAttr.name) {
-                    attr = new BindAttribute({
-                        type: 'static',
-                        name: oldAttr.name,
-                        value: 'true',
-                    });
-                }
-                else {
-                    try {
-                        const tmp = json5.parse(oldAttr.value);
-                        const source = {
-                            type: typeof tmp === 'string' ? 'string' : 'static',
-                            name: oldAttr.name,
-                            value: typeof tmp === 'string' ? tmp : oldAttr.value,
-                        };
-                        if (oldAttr.name === 'rules') {
-                            source.rules = tmp?.split('|').map((ruleStr) => this._parseValidationRule(ruleStr.trim()));
-                        }
-                        else if (['page-number', 'page-size'].includes(oldAttr.name)) {
-                            source.value = Number(source.value);
-                        }
-                        attr = new BindAttribute(source);
-                    }
-                    catch (e) {
-                        const expression = this._parseExpression(oldAttr.value);
-                        attr = new BindAttribute({
-                            type: 'dynamic',
-                            name: oldAttr.name,
-                            value: expression ? '' : oldAttr.value,
-                            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((name) => !name.startsWith('update:'))
-                    .forEach((name) => {
-                    const oldEvent = astNode.events[name];
-                    const str = oldEvent.value;
-                    const calleeName = str.split('(')[0];
-                    const matchArr = str.match(/\(([^)]*)\)/) || [];
-                    let argsStr = '';
-                    if (matchArr?.length >= 2) {
-                        argsStr = matchArr[1];
-                    }
-                    let args = [];
-                    const argStrs = argsStr.split(',');
-                    args = argStrs
-                        .filter((argStr) => !!argStr)
-                        .map((argStr) => {
-                        const keyword = argStr.trim().split('.');
-                        return {
-                            concept: 'Argument',
-                            expression: genArgumentMemberExpression(keyword),
-                        };
-                    });
-                    const viewLogics = context?.definition?.viewLogics || [];
-                    const currentLogic = viewLogics.find((item) => item.name === calleeName);
-                    if (currentLogic) {
-                        element.addBindEvent(new BindEvent({
-                            name,
-                            calleeNamespace: '',
-                            calleeName: '',
-                            arguments: args,
-                            logics: [currentLogic],
-                        }));
-                    }
-                });
-            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.addBindAttribute(new BindAttribute({
-                                type: 'dynamic',
-                                name: 'value',
-                                value: expression ? '' : directive.value,
-                                expression,
-                                sync: true,
-                            }));
-                        }
-                    }
-                    else {
-                        const expression = this._parseExpression(directive.value);
-                        element.addBindDirective(new BindDirective({
-                            type: expression ? 'string' : 'dynamic',
-                            name: directive.name,
-                            rawName: directive.rawName,
-                            value: expression ? '' : directive.value,
-                            expression,
-                            arg: directive.arg,
-                            // modifiers: directive.modifiers,
-                        }));
-                    }
-                });
-            if (astNode.if) {
-                element.addBindDirective(new BindDirective({
-                    type: 'dynamic',
-                    name: 'if',
-                    rawName: 'v-if',
-                    value: '',
-                    expression: this._parseExpression(astNode.if),
-                }));
-            }
-        }
-        else if (astNode.type === 2) {
-            const tagName = config_1.config.scope === 'h5' ? 'van-text' : 'u-text';
-            const baseName = tagName.replace(ViewElement_1.TAG_NAME_PREFIX_REG, '').replace(/-/g, '_');
-            element = new ViewElement_1({
-                tag: tagName,
-                name: view.getViewElementUniqueName(`${baseName}1`),
-            });
-            const value = astNode.text?.match(/{{(.*?)}}/)[1].trim();
-            const expression = this._parseExpression(value);
-            element.addBindAttribute(new BindAttribute({
-                type: 'dynamic',
-                name: 'text',
-                value: expression ? '' : value,
-                expression,
-            }));
-        }
-        else if (astNode.type === 3) {
-            const tagName = config_1.config.scope === 'h5' ? 'van-text' : 'u-text';
-            const 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({
-                name: 'text',
-                type: 'string',
-                value: astNode.text?.trim(),
-            }));
-        }
-        return element;
-    }
-    /**
-     * 解析 Vue 模板
-     * 该方法不会绑定 view 和 parent，如果是添加元素优先使用 fromHTML
-     * @param html Vue 的模板
-     * @TODO 处理多个元素的问题
-     */
-    static parse(code, context) {
-        code = code || '<div></div>';
-        const compilerOptions = {
-            preserveWhitespace: false,
-            outputSourceRange: true,
-        };
-        let ast = compiler.compile(code, compilerOptions).ast;
-        if (ast.tag === 'template' && !ast.slotTarget)
-            ast = ast.children[0];
-        return this._fromASTNode(ast, {
-            ...context,
-            code,
-        });
-    }
-    /**
-     * 从模板生成规范的 ViewElement 对象
-     */
-    static fromHTML(html, context) {
-        return this.parse(html, context);
-    }
-    /**
-     * 转换成设计器中使用的 Vue 文件
-     * @param options
-     */
-    toDesignerVue(options) {
-        return this.toVue({
-            isRoot: options?.isRoot,
-            asCompontent: options?.asCompontent,
-            finalCode: false,
-            nodePathAttr: true,
-            attrFormat: (attr, element, defaultResult) => {
-                if (attr.concept === 'BindAttribute' &&
-                    !['href', 'destination', 'externalDestination', 'download'].includes(attr.name)) {
-                    const api = config_1.config?.allNodesAPI?.[element.tag];
-                    const apiOfAttr = api && api.attrs && api.attrs.find((_attr) => _attr.name === attr.name);
-                    if (['u-form-item', 'u-validator', 'van-field'].includes(element.tag) && attr.name === 'rules') {
-                        return `${attr.name}=""`;
-                    }
-                    if (apiOfAttr && apiOfAttr['designer-value'] !== undefined) {
-                        let designerValue = apiOfAttr['designer-value'];
-                        //对流程模板拖拽进行特判
-                        element.bindAttrs.forEach((property) => {
-                            if (property.name === 'repeat' && property.value === '1')
-                                designerValue = '[{}, {}]';
-                        });
-                        if (typeof designerValue === 'string') {
-                            designerValue = designerValue.replace(/"/g, "'");
-                        }
-                        try {
-                            json5.parse(designerValue);
-                            return `:${attr.name}="${designerValue}"`;
-                        }
-                        catch (e) {
-                            return `${attr.name}="${designerValue}"`;
-                        }
-                    }
-                    if (attr.name === 'text' &&
-                        asserts.isMemberExpression(attr?.expression) &&
-                        attr?.expression?.object?.namespace?.startsWith('elements.') &&
-                        attr?.expression?.object?.namespace?.endsWith('.property')) {
-                        return `${attr.name}="{{ ${attr.expression.toUI()} }}"`;
-                    }
-                    if (attr.type === 'dynamic' &&
-                        !(element.tag === 'u-cascade-select' && attr.name === 'categories'))
-                        return defaultResult.replace(/:?([\w-]+)(?:.*?)="([\s\S]*)"/, (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 '';
-                            }
-                            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, '');
-                            if (isLockField(element)) {
-                                return element.tag === 'u-text' ? `${name}="--"` : `${name}=""`;
-                            }
-                            return `${name}="{{ ${value} }}"`;
-                        });
-                    else
-                        return defaultResult;
-                }
-                return false;
-            },
-            bindStylesFormat: (bindStyles, element) => false,
-            getExtraParts: (el) => {
-                const parts = [];
-                const api = config_1.config?.allNodesAPI?.[el?.tag];
-                const emptySlot = api && api.slots && api.slots.find((slot) => slot.name === 'default' && slot['empty-background']);
-                const hasSupport = api && api.slots && api.slots.some((slot) => slot.support);
-                if (emptySlot || hasSupport) {
-                    // 有些限制的组件如侧边栏分组有title插槽但要限制子元素放入
-                    const validChildren = el.children.filter((elem) => !(elem.tag === 'template' && elem.slotTarget !== 'default'));
-                    let childEmpty = !validChildren.length;
-                    const defaultSlot = el.children.find((elem) => elem.tag === 'template' && elem.slotTarget === 'default');
-                    if (defaultSlot) {
-                        childEmpty = !defaultSlot.children.length;
-                    }
-                    if (childEmpty) {
-                        let addEmpty = true;
-                        if (['u-grid-view', 'u-list-view', 'van-list-view', 'van-grid-view', 'u-carousel'].includes(el.tag)) {
-                            const hasDataSource = el.bindAttrs.find((attr) => attr.name === 'data-source');
-                            addEmpty = !hasDataSource;
-                        }
-                        if (el.tag === 'u-crumb') {
-                            const attrList = el.bindAttrs;
-                            const hasAuto = attrList.some((attr) => 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;
-                        }
-                        const 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)) {
-                    const excludes = ['background-color:', 'background:', 'background-image:'];
-                    if (excludes.some((key) => el.staticStyle && el.staticStyle.includes(key))) {
-                        parts.push(':designer="false"');
-                    }
-                }
-                return parts;
-            },
-            isDev: true,
-        });
-    }
-    isLikeComponent(node) {
-        return ['View', 'BusinessComponent'].includes(node?.concept);
-    }
-    // 获取currentList
-    getCurrentList() {
-        const argsList = [];
-        let parent = this.parentNode;
-        let index = 0;
-        while (parent && !this.isLikeComponent(parent)) {
-            if (parent.slotScope) {
-                argsList.push(index === 0 ? 'current' : 'current' + index);
-                index++;
-            }
-            parent = parent.parentNode;
-        }
-        return argsList;
-    }
-    get refName() {
-        let refName = this.name;
-        const list = this.getCurrentList();
-        if (Array.isArray(list) && list.length) {
-            list.forEach((item) => {
-                refName += `_\${(${item} || {}).__nodeKey || (${item} || {}).index}`;
-            });
-        }
-        return refName;
-    }
-    get keyName() {
-        // 是否配置了v-if
-        const isDefineIf = this.bindDirectives.some((directive) => directive.name === 'if' && directive.expression);
-        if (isDefineIf) {
-            let key = this.name;
-            const list = this.getCurrentList();
-            // v-for中需要加上nodeKey
-            if (Array.isArray(list) && list.length) {
-                list.forEach((item) => {
-                    key += `_\${(${item} || {}).__nodeKey || (${item} || {}).index}`;
-                });
-            }
-            return key;
-        }
-        return null;
-    }
-    get businessComponent() {
-        return this.getAncestor('BusinessComponent');
-    }
-    /**
-     * 转换成 Vue 的模板格式
-     */
-    toVue(options) {
-        // lockField 不翻译modal
-        if (options?.isDev && this?.tag === 'u-modal' && isLockField(this)) {
-            return ``;
-        }
-        const { finalCode, asCompontent } = options || {};
-        const parts = [];
-        if (finalCode === false) {
-            if (this.tag === 'slot') {
-                if (asCompontent) {
-                    return `<div vusion-slot-name="${this.name}">
-            <slot name="${this.name}">
-              <div s-empty="true" bs-empty="true" style="background: #f7f8fa;
-                border: 1px dashed #c3c3c3;
-                text-align: center;
-                color: #999;
-                min-height: 32px;
-                min-width: 32px;
-                width: 100%;
-                align-items: center;
-                display: inline-flex;
-                justify-content: center;">
-                +
-              </div>
-            </slot>
-          </div>`;
-                }
-                else {
-                    return `<div vusion-node-path="${this.nodePath}"
-            style="background: linear-gradient(-45deg,#fff 25%,#f3f5fa 0,#f3f5fa 50%,#fff 0,#fff 75%,#f3f5fa 0);
-            background-size: 45px 45px;
-            background-repeat: repeat;
-            line-height: 32px;
-            min-height: 32px;
-            color: var(--font-second-color);
-            text-align: center;">
-            组件占位，可在使用业务组件时插入任意组件
-          </div>`;
-                }
-            }
-            else if (this.businessComponent?.name === this.tag) {
-                // 组件内部使用自身的情况
-                return `<div vusion-node-path="${this.nodePath}"
-          style="background: linear-gradient(-45deg,#fff 25%,#f3f5fa 0,#f3f5fa 50%,#fff 0,#fff 75%,#f3f5fa 0);
-          background-size: 45px 45px;
-          background-repeat: repeat;
-          line-height: 32px;
-          min-height: 32px;
-          color: var(--font-second-color);
-          text-align: center;">
-          在组件内部使用自身可能会导致循环引用，请谨慎使用
-        </div>`;
-            }
-            const isRoot = options.isRoot;
-            if (isRoot && !options?.asCompontent) {
-                parts.push('type="root"');
-                if (this.frontendType?.kind === 'h5') {
-                    parts.push('class="l-root-h5"');
-                }
-                else {
-                    parts.push('style="height:100%; --custom-start: auto; min-height: 200px;"');
-                }
-            }
-        }
-        if (options) {
-            options.isRoot = false;
-        }
-        let currentList = [];
-        if (Array.isArray(options?.currentList)) {
-            currentList = [...options?.currentList];
-        }
-        if (this.slotScope) {
-            currentList.unshift(this.slotScope);
-        }
-        const newOptions = Object.assign({
-            indentStyle: 'space',
-            tabSize: 4,
-            indentLevel: 0,
-            aslIdAttr: false,
-            nodePathAttr: false,
-            getExtraParts: () => [],
-            attrFormat: (attr, element, defaultResult) => defaultResult,
-            bindStylesFormat: (bindStyles, element) => {
-                if (bindStyles.length === 0)
-                    return false;
-                return `:style="{${bindStyles
-                    .map((item) => item.toVue())
-                    .filter((item) => item !== undefined)
-                    .join(', ')}}"`;
-            },
-        }, options, {
-            currentList,
-        });
-        const tabString = ' '.repeat(newOptions.tabSize * newOptions.indentLevel);
-        const insideTabString = ' '.repeat(newOptions.tabSize * (newOptions.indentLevel + 1));
-        let shouldIndent = true;
-        const content = !this.children
-            ? ''
-            : this.children
-                .map((element) => {
-                const childOptions = Object.assign({}, newOptions);
-                childOptions.indentLevel++;
-                return (shouldIndent ? '\n' + insideTabString : '') + element?.toVue(childOptions);
-            })
-                .join('');
-        if (!content.length) {
-            shouldIndent = false;
-        }
-        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.refName && parts.push(`:ref="\`${this.refName}\`"`);
-        this.keyName && parts.push(`:key="\`${this.keyName}\`"`);
-        this.staticClass && parts.push(`class="${this.staticClass}"`);
-        this.staticStyle && parts.push(`style="${this.staticStyle}"`);
-        const vIfs = [];
-        []
-            .concat(this.bindAttrs, this.bindDirectives, this.bindEvents)
-            .forEach((attr) => {
-            const result = newOptions.attrFormat(attr, this, attr?.toVue(newOptions));
-            // v-auth v-if 都翻译成 v-if
-            if (asserts.isBindDirective(attr) && ['if', 'auth'].includes(attr.name) && result !== false) {
-                const expr = result.replace(/v-(if|auth)="(.*)"/, (match, p1, p2) => p2);
-                if (expr)
-                    vIfs.push(attr.name === 'if' ? expr : `$auth.has(${expr})`);
-                return;
-            }
-            result && parts.push(result);
-        });
-        if (vIfs.length === 2)
-            parts.push(`v-if="(${vIfs[0]}) && (${vIfs[1]})"`);
-        else if (vIfs.length === 1)
-            parts.push(`v-if="${vIfs[0]}"`);
-        const bindStyles = newOptions.bindStylesFormat(this.bindStyles, this);
-        if (bindStyles)
-            parts.push(bindStyles);
-        newOptions.getExtraParts(this).forEach((part) => parts.push(part));
-        if (['u-modal', 'u-drawer'].includes(this.tag)) {
-            this.children.forEach((citem) => {
-                if (citem.tag === 'template' && !citem.children.length) {
-                    parts.push(`:is-${citem.slotTarget}-slot-empty=true`);
-                }
-            });
-        }
-        // 部分组件增加 key 唯一标识，防止 vue 判断重复节点，导致渲染异常
-        if (this.name &&
-            ['u-table-view', 'u-list-view', 'u-grid-view', 'u-list-components', 'u-form', 'u-select'].includes(this.tag)) {
-            this.name && parts.push(`key="${this.name}"`);
-        }
-        if (this.tag === 'slot') {
-            this.name && parts.push(`name="${this.name}"`);
-        }
-        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;
-        });
-        let 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
-     */
-    delete() {
-        super.delete();
-        if (this.parentNode) {
-            this.traverseChildren((ele) => {
-                this.likeComponent?.removeExistingViewElement(ele);
-            });
-        }
-    }
-    findElementByName(name) {
-        return utils.traverse((current) => {
-            if (current.node.name === name)
-                return current.node;
-        }, { node: this });
-    }
-    findElementByTag(tag) {
-        return utils.traverse((current) => {
-            if (current.node.tag === tag)
-                return current.node;
-        }, { node: this });
-    }
-    findElementByAttr(name, value) {
-        return utils.traverse((current) => {
-            if (current.node.bindAttrs.some((attr) => attr.name === name && attr.value === value))
-                return current.node;
-        }, { node: this });
-    }
-    getCurrentName() {
-        let current = 'current';
-        let parent = this.parentNode;
-        let index = 0;
-        while (parent && !this.isLikeComponent(parent)) {
-            if (parent.slotScope) {
-                index++;
-            }
-            parent = parent.parentNode;
-        }
-        current = index === 0 ? 'current' : 'current' + index;
-        return current;
-    }
-    /**
-     * 计算约束样式
-     * @param positionData 位置数据
-     * @param ops 配置项
-     * @param ops.beforeSetStyleCb 设置样式前的回调
-     * @param ops.setStaticSize 是否设置静态尺寸，开启此项会将节点的宽高设置为像素值，通常在修改约束规则时候开启
-     */
-    computeConstraintStyle(positionData, ops = {}) {
-        if (!positionData) {
-            return;
-        }
-        const { nodeRect, parentRect, parentBorder } = positionData;
-        const staticWidth = nodeRect.width;
-        const staticHeight = nodeRect.height;
-        const staticLeft = nodeRect.left - parentRect.left - parentBorder.left;
-        const staticTop = nodeRect.top - parentRect.top - parentBorder.top;
-        const staticRight = parentRect.width - nodeRect.width - staticLeft - parentBorder.right - parentBorder.left;
-        const staticBottom = parentRect.height - nodeRect.height - staticTop - parentBorder.bottom - parentBorder.top;
-        const styleObj = this.parseStyleToObject(this.staticStyle);
-        const constraintX = styleObj['--constraint-x'] || 'left';
-        const constraintY = styleObj['--constraint-y'] || 'top';
-        const rawWidth = styleObj.width || '';
-        const rawHeight = styleObj.height || '';
-        let left = '';
-        let right = '';
-        let top = '';
-        let bottom = '';
-        let transform = '';
-        let width = ops.setStaticSize ? `${staticWidth}px` : rawWidth;
-        let height = ops.setStaticSize ? `${staticHeight}px` : rawHeight;
-        const parentWidth = staticLeft + staticWidth + staticRight;
-        const parentHeight = staticTop + staticHeight + staticBottom;
-        if (constraintX === 'left') {
-            left = staticLeft + 'px';
-            right = '';
-        }
-        else if (constraintX === 'right') {
-            left = '';
-            right = staticRight + 'px';
-        }
-        else if (constraintX === 'center') {
-            const offset = staticLeft + staticWidth / 2 - parentWidth / 2;
-            left = `calc(50% ${offset > 0 ? '+' : '-'} ${Math.abs(offset)}px)`;
-            right = '';
-            transform = 'translateX(-50%)';
-        }
-        else if (constraintX === 'scale') {
-            left = (staticLeft * 100) / parentWidth + '%';
-            right = '';
-            width = (staticWidth * 100) / parentWidth + '%';
-        }
-        else if (constraintX === 'left-right') {
-            left = staticLeft + 'px';
-            right = staticRight + 'px';
-            width = 'auto';
-        }
-        if (constraintY === 'top') {
-            top = staticTop + 'px';
-            bottom = '';
-        }
-        else if (constraintY === 'bottom') {
-            top = '';
-            bottom = staticBottom + 'px';
-        }
-        else if (constraintY === 'center') {
-            const offset = staticTop + staticHeight / 2 - parentHeight / 2;
-            top = `calc(50% ${offset > 0 ? '+' : '-'} ${Math.abs(offset)}px)`;
-            bottom = '';
-            transform = transform ? 'translate(-50%, -50%)' : 'translateY(-50%)';
-        }
-        else if (constraintY === 'scale') {
-            top = (staticTop * 100) / parentHeight + '%';
-            bottom = '';
-            height = (staticHeight * 100) / parentHeight + '%';
-        }
-        else if (constraintY === 'top-bottom') {
-            top = staticTop + 'px';
-            bottom = staticBottom + 'px';
-            height = 'auto';
-        }
-        const newStyleObj = {
-            ...styleObj,
-            left,
-            right,
-            top,
-            bottom,
-            transform,
-            width,
-            height,
-        };
-        ops.beforeSetStyleCb?.(newStyleObj);
-        const newStaticStyle = this.stringifyStyleAttr(newStyleObj);
-        this.setStaticStyle(newStaticStyle);
-    }
-    updateStyleObj(styleObj) {
-        this.setStaticStyle(this.stringifyStyleAttr({
-            ...this.parseStyleToObject(this.staticStyle),
-            ...styleObj,
-        }));
-    }
-    parseStyleToObject(styleStr = '') {
-        const [styleStr1, styleStr2] = styleStr.split('--custom-start: auto;');
-        const styleObj = styleStr1.split(/;/gim).reduce((obj, item) => {
-            // background-image:url(http://www...)
-            item = item.trim();
-            const pos = item.indexOf(':');
-            if (pos >= 0) {
-                const key = item.slice(0, pos).trim();
-                const value = item.slice(pos + 1).trim();
-                obj[key] = value;
-            }
-            return obj;
-        }, {});
-        styleObj['customStyle'] = styleStr2;
-        return styleObj;
-    }
-    stringifyStyleAttr(styleObj) {
-        const customStyle = styleObj['customStyle'] || '';
-        delete styleObj['customStyle'];
-        const styleStr = Object.keys(styleObj)
-            // 空字符串是允许的，因为有时候想要覆盖之前的样式。undefined 则不允许
-            .filter((key) => styleObj[key] !== undefined)
-            .map((key) => `${key}:${String(styleObj[key]).trim()};`)
-            .join('');
-        return styleStr + '--custom-start: auto;' + customStyle;
-    }
-    // 批量更新绑定属性
-    batchUpdateBindAttrs(attrOptions) {
-        const BindAttribute = (0, decorators_1.getConceptConstructor)('BindAttribute');
-        const oldBindAttrs = this.bindAttrs.filter((it) => !attrOptions.some((item) => item.name === it.name));
-        const newBindAttrs = attrOptions.map((it) => BindAttribute.from(it, this, 'bindAttrs'));
-        this.update({
-            bindAttrs: [...oldBindAttrs, ...newBindAttrs],
-        });
-    }
-};
-/** 类名 */
-ViewElement.ConceptName = 'ViewElement';
-/** 继承链 */
-ViewElement.inheritanceChain = ['BaseNode'];
-ViewElement.TAG_NAME_PREFIX_REG = /^([lieu]|van)[-_]/;
-__decorate([
-    (0, decorators_1.property)('concept')
-], 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, "authDescription", 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)({
-        objectRef: 'BindAttribute',
-        isArray: true,
-        defaultValue: [],
-    })
-], ViewElement.prototype, "bindAttrs", void 0);
-__decorate([
-    (0, decorators_1.property)({
-        objectRef: 'BindEvent',
-        isArray: true,
-        defaultValue: [],
-    })
-], ViewElement.prototype, "bindEvents", void 0);
-__decorate([
-    (0, decorators_1.property)({
-        objectRef: 'BindDirective',
-        isArray: true,
-        defaultValue: [],
-    })
-], ViewElement.prototype, "bindDirectives", void 0);
-__decorate([
-    (0, decorators_1.property)({
-        isArray: true,
-        defaultValue: [],
-    })
-], ViewElement.prototype, "bindRoles", void 0);
-__decorate([
-    (0, decorators_1.property)({
-        objectRef: 'BindStyle',
-        isArray: true,
-        defaultValue: [],
-    })
-], ViewElement.prototype, "bindStyles", void 0);
-__decorate([
-    (0, decorators_1.property)({
-        objectRef: 'ViewElement',
-        isArray: true,
-        defaultValue: [],
-    })
-], ViewElement.prototype, "children", void 0);
-__decorate([
-    translator_1.withGenerator
-], ViewElement.prototype, "toEmbeddedTSDefinition", null);
-__decorate([
-    translator_1.withGenerator
-], ViewElement.prototype, "toEmbeddedTSVariableDefinition", null);
-__decorate([
-    translator_1.withGenerator
-], ViewElement.prototype, "toEmbeddedTSVariableFunctionDefinition", null);
-__decorate([
-    translator_1.withSourceMapGenerator
-], ViewElement.prototype, "toEmbeddedTS", null);
-__decorate([
-    (0, translator_1.withSourceMap)()
-], ViewElement.prototype, "toNaturalTS", null);
-__decorate([
-    (0, decorators_1.excludedInJSON)()
-], ViewElement.prototype, "computedStyle", void 0);
-ViewElement = ViewElement_1 = __decorate([
-    (0, decorators_1.concept)('页面元素')
-], ViewElement);
-exports.ViewElement = ViewElement;
-exports.default = ViewElement;
-//================================================================================
-// ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
-// 自动生成的代码已结束。下面可以手动编写。
-//================================================================================
-//# sourceMappingURL=ViewElement__.js.map