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

package/out/concepts/BindAttribute__.js

@@ -0,0 +1,1130 @@
+"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 BindAttribute_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.attrConvertCamelCase = exports.BindAttribute = void 0;
+const time_slicing_1 = require("../utils/time-slicing");
+const translator_1 = require("../translator");
+const decorators_1 = require("../decorators");
+const utils = __importStar(require("../utils"));
+const asserts = __importStar(require("./utils/asserts"));
+const BaseNode_1 = __importDefault(require("../common/BaseNode"));
+/**
+ * 元素绑定属性
+ */
+let BindAttribute = BindAttribute_1 = class BindAttribute extends BaseNode_1.default {
+    /**
+     * @param source 需要合并的部分参数
+     */
+    constructor(source) {
+        source = Object.assign({}, BindAttribute_1.getDefaultOptions(), source);
+        super(source);
+        /**
+         * 验证规则
+         */
+        this.rules = [];
+        /**
+         * 草稿态
+         */
+        this.playground = [];
+        //================================================================================
+        // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+        // 自动生成的代码已结束。下面可以手动编写。
+        //================================================================================
+        this.toHump = (name) => (name ? name.replace(/\-(\w)/g, (all, letter) => letter.toUpperCase()) : '');
+        super.subConstructor(source);
+    }
+    /**
+     * 祖先 ViewElement
+     */
+    get viewElement() {
+        return this.getAncestor('ViewElement');
+    }
+    /**
+     * 祖先 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');
+    }
+    /**
+     * 祖先 ProcessElement
+     */
+    get processElement() {
+        return this.getAncestor('ProcessElement');
+    }
+    /**
+     * 祖先 Process
+     */
+    get process() {
+        return this.getAncestor('Process');
+    }
+    static from(source, parentNode, parentKey) {
+        return super.from(source, parentNode, parentKey);
+    }
+    /**
+     * 从父级删除该节点
+     * @internal
+     */
+    _delete() {
+        let params = null;
+        if (this.parentNode) {
+            params = this.parentNode?.__removeBindAttribute?.(this);
+        }
+        return params;
+    }
+    /**
+     * 设置属性值
+     */
+    setValue(value) {
+        const object = {
+            value,
+        };
+        this.update({
+            ...object,
+        });
+    }
+    /**
+     * 设置属性表达式
+     */
+    setExpression(expression) {
+        expression._delete();
+        const relationOptions = { parentNode: this, parentKey: 'expression' };
+        Object.assign(expression, relationOptions);
+        const object = {
+            expression,
+        };
+        this.update({
+            ...object,
+        });
+    }
+    /**
+     * 设置跳转页面
+     */
+    setDestination(destination) {
+        destination._delete();
+        const relationOptions = { parentNode: this, parentKey: 'destination' };
+        Object.assign(destination, relationOptions);
+        const object = {
+            destination,
+        };
+        this.update({
+            ...object,
+        });
+    }
+    /**
+     * 设置跳转页面
+     */
+    setExternalDestination(externalDestination) {
+        externalDestination._delete();
+        const relationOptions = { parentNode: this, parentKey: 'externalDestination' };
+        Object.assign(externalDestination, relationOptions);
+        const object = {
+            externalDestination,
+        };
+        this.update({
+            ...object,
+        });
+    }
+    /**
+     * 设置经办人
+     */
+    setAssignee(assignee) {
+        assignee._delete();
+        const relationOptions = { parentNode: this, parentKey: 'assignee' };
+        Object.assign(assignee, relationOptions);
+        const object = {
+            assignee,
+        };
+        this.update({
+            ...object,
+        });
+    }
+    /**
+     * 设置是否开启双向绑定
+     */
+    setSync(sync) {
+        const object = {
+            sync,
+        };
+        this.update({
+            ...object,
+        });
+    }
+    getValidationRuleExistingNames(excludedList = []) {
+        const excludedSet = new Set(excludedList);
+        return (this.rules || []).filter((item) => !excludedSet.has(item)).map((item) => item?.name);
+    }
+    getValidationRuleUniqueName(name = 'validationRule1') {
+        return utils.unique(name, this.getValidationRuleExistingNames(), undefined, false);
+    }
+    _insertValidationRuleInRulesAt(options, index) {
+        const validationRuleOptions = {};
+        const relationOptions = { parentNode: this, parentKey: 'rules' };
+        const ValidationRule = (0, decorators_1.getConceptConstructor)('ValidationRule');
+        let validationRule;
+        if (!options) {
+            validationRule = ValidationRule.from({
+                ...validationRuleOptions,
+                name: this.getValidationRuleUniqueName(),
+            }, this, 'rules');
+        }
+        else if (typeof options === 'string') {
+            validationRule = ValidationRule.from({
+                ...validationRuleOptions,
+                name: options,
+            }, this, 'rules');
+        }
+        else if (asserts.isValidationRule(options)) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            validationRule = options;
+            Object.assign(validationRule, relationOptions);
+        }
+        else {
+            validationRule = ValidationRule.from({
+                ...validationRuleOptions,
+                ...options,
+            }, this, 'rules');
+        }
+        this.rules.splice(index, 0, validationRule);
+        return validationRule;
+    }
+    insertValidationRuleInRulesAt(options, index) {
+        const node = this._insertValidationRuleInRulesAt(options, index);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'rules',
+        });
+        return node;
+    }
+    _addValidationRuleInRules(options) {
+        const index = this.rules.length;
+        return this._insertValidationRuleInRulesAt(options, index);
+    }
+    addValidationRuleInRules(options) {
+        const node = this._addValidationRuleInRules(options);
+        const index = this.rules.indexOf(node);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'rules',
+        });
+        return node;
+    }
+    _insertItemInPlaygroundAt(options, index) {
+        const logicItemOptions = {};
+        const relationOptions = { parentNode: this, parentKey: 'playground' };
+        const LogicItem = (0, decorators_1.getConceptConstructor)('LogicItem');
+        let logicItem;
+        if (asserts.isLogicItem(options)) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            logicItem = options;
+            Object.assign(logicItem, relationOptions);
+        }
+        else {
+            logicItem = LogicItem.from({
+                ...logicItemOptions,
+                ...options,
+            }, this, 'playground');
+        }
+        this.playground.splice(index, 0, logicItem);
+        return logicItem;
+    }
+    insertItemInPlaygroundAt(options, index) {
+        const node = this._insertItemInPlaygroundAt(options, index);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'playground',
+        });
+        return node;
+    }
+    _addItemInPlayground(options) {
+        const index = this.playground.length;
+        return this._insertItemInPlaygroundAt(options, index);
+    }
+    addItemInPlayground(options) {
+        const node = this._addItemInPlayground(options);
+        const index = this.playground.indexOf(node);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'playground',
+        });
+        return node;
+    }
+    removeExpression(options) {
+        let expression;
+        if (typeof options === 'string') {
+            expression = this.expression;
+            if (!expression) {
+                throw new Error('找不到逻辑项 ' + options);
+            }
+        }
+        else {
+            expression = options;
+        }
+        return expression.delete();
+    }
+    removeDestination(options) {
+        let destination;
+        if (typeof options === 'string') {
+            destination = this.destination;
+            if (!destination) {
+                throw new Error('找不到跳转页面 ' + options);
+            }
+        }
+        else {
+            destination = options;
+        }
+        return destination.delete();
+    }
+    removeExternalDestination(options) {
+        let externalDestination;
+        if (typeof options === 'string') {
+            externalDestination = this.externalDestination;
+            if (!externalDestination) {
+                throw new Error('找不到跳转到外部链接 ' + options);
+            }
+        }
+        else {
+            externalDestination = options;
+        }
+        return externalDestination.delete();
+    }
+    removeValidationRuleInRules(options) {
+        let validationRule;
+        if (typeof options === 'string') {
+            validationRule = this.rules.find((item) => item.name === options);
+            if (!validationRule) {
+                throw new Error('找不到验证规则 ' + options);
+            }
+        }
+        else {
+            validationRule = options;
+        }
+        return validationRule.delete();
+    }
+    removeAssignee(options) {
+        let assignee;
+        if (typeof options === 'string') {
+            assignee = this.assignee;
+            if (!assignee) {
+                throw new Error('找不到经办人 ' + options);
+            }
+        }
+        else {
+            assignee = options;
+        }
+        return assignee.delete();
+    }
+    removeItemInPlayground(options) {
+        let logicItem = options;
+        return logicItem.delete();
+    }
+    __removeLogicItem(logicItem) {
+        const parentKey = logicItem.parentKey;
+        const params = {
+            parentNode: this,
+            parentKey,
+            index: -1,
+            object: null,
+            oldObject: logicItem,
+        };
+        if (parentKey) {
+            params.parentKey = parentKey;
+            // @ts-ignore
+            const t = this.__v_raw || this;
+            // @ts-ignore
+            const n = logicItem.__v_raw || logicItem;
+            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;
+    }
+    onChange($event) {
+        this.emit('change', $event);
+    }
+    updateSource(source) {
+        const object = {
+            ...source,
+        };
+        this.update({
+            ...object,
+        });
+    }
+    getNamespace(ns) {
+        if (this.parentNode && this.parentNode.getNamespace) {
+            const parentNamespace = this.parentNode.getNamespace();
+            const parentName = this.parentNode.name;
+            const arr = [parentNamespace];
+            if (this.parentNode.concept !== 'App' && parentName) {
+                arr.push(parentName);
+            }
+            return `${arr.join('.')}.${ns || 'bindAttribute'}`;
+        }
+        throw new Error('无法获取命名空间，请设置 parentNode！');
+    }
+    // 属性上绑定的表达式
+    get bindExpressions() {
+        const expressions = [];
+        // 跳转需要特殊处理
+        if (['externalDestination', 'destination'].includes(this.name)) {
+            const { link, arguments: params, anchor } = this[this.name] || {};
+            // externalDestination有跳转链接表达式
+            if (link) {
+                expressions.push(link);
+            }
+            // destination有参数
+            if (Array.isArray(params)) {
+                expressions.push(...params);
+            }
+            // 锚点表达式
+            if (anchor?.expression) {
+                expressions.push(anchor?.expression);
+            }
+        }
+        else if (this.name === 'rules') {
+            if (Array.isArray(this.rules)) {
+                this.rules.forEach((rule) => {
+                    const { arguments: args, errorMessage } = rule || {};
+                    if (Array.isArray(args)) {
+                        expressions.push(...args);
+                    }
+                    expressions.push(errorMessage);
+                });
+            }
+        }
+        else if (this.expression) {
+            expressions.push(this.expression);
+        }
+        return expressions;
+    }
+    // 是否需要用标识符替换
+    get needReplaceWithIdentifier() {
+        let bindExpression = false;
+        const expressions = this.bindExpressions;
+        if (Array.isArray(expressions) && expressions.length) {
+            expressions.forEach((expression) => {
+                let rootMemberExpression;
+                let tempNode = expression;
+                while (tempNode?.concept === 'MemberExpression') {
+                    rootMemberExpression = tempNode;
+                    tempNode = tempNode?.object;
+                }
+                // 变量和变量的成员表达式不进行替换
+                if (!(['Identifier', 'StringLiteral'].includes(expression?.concept) ||
+                    (rootMemberExpression && rootMemberExpression.object?.concept === 'Identifier')) &&
+                    (this.type === 'dynamic' || (this.name === 'rules' && this.rules))) {
+                    bindExpression = true;
+                }
+            });
+        }
+        return bindExpression;
+    }
+    // 获取表达式在页面中的名字
+    get expressionNameInView() {
+        const nameList = [];
+        let node = this;
+        while (node) {
+            nameList.unshift(node.name);
+            if (node.concept === 'ViewElement') {
+                node = null;
+            }
+            else {
+                nameList.unshift(node.parentKey);
+                node = node.parentNode;
+            }
+        }
+        return nameList.join('_').replace(/-/g, '_');
+    }
+    // 获取表达式生成器名称
+    get expressionBuilderName() {
+        let expressionInViewName = this.expressionNameInView;
+        expressionInViewName = expressionInViewName.charAt(0).toUpperCase() + expressionInViewName.slice(1);
+        return `gen${expressionInViewName}`;
+    }
+    // 获取参数列表
+    getArgsList() {
+        const viewElement = this?.getAncestor('ViewElement');
+        const argsList = [];
+        let parent = viewElement?.parentNode;
+        let index = 0;
+        while (parent && parent.concept !== 'View') {
+            if (parent.slotScope) {
+                argsList.unshift(index === 0 ? 'current' : `current${index}`);
+                index++;
+            }
+            parent = parent.parentNode;
+        }
+        return argsList;
+    }
+    // 表达式中需要被监听的变量
+    get watchedVariableMap() {
+        const map = {};
+        // 页面中表达式用到的变量需要监听，从而重新执行match表达式
+        utils.traverse((current) => {
+            const { node } = current || {};
+            const { concept } = node || {};
+            if (['Identifier'].includes(concept)) {
+                let expressionNode = node;
+                let memberExpressionNode = node?.parentNode;
+                while (memberExpressionNode?.concept === 'MemberExpression') {
+                    expressionNode = memberExpressionNode;
+                    // 为了处理MemberExpression里面存在CallLogic、CallFunction等的情况
+                    const { concept: objConcept } = memberExpressionNode.object || {};
+                    if (!['MemberExpression', 'Identifier'].includes(objConcept)) {
+                        memberExpressionNode = null;
+                        expressionNode = null;
+                    }
+                    else {
+                        memberExpressionNode = memberExpressionNode.parentNode;
+                    }
+                }
+                if (expressionNode) {
+                    map[expressionNode.toJS()] = true;
+                }
+            }
+        }, {
+            node: this,
+        }, {
+            mode: 'anyObject',
+            excludedKeySet: new Set([
+                // 排除playground里的表达式
+                'playground',
+                'parentNode',
+                'sourceMap',
+                'storageJSON',
+                'tsErrorDetail',
+                'NaslAnnotatedJSON',
+                'calledFrom',
+                '_events',
+                '_collectingList',
+                '_historyList',
+            ]),
+        });
+        return map;
+    }
+    getInViewMethod(state) {
+        const argsList = this.getArgsList() || [];
+        const hasArgs = !!argsList.length;
+        let argStr = '';
+        // 容错代码
+        let ftCode = '';
+        if (hasArgs) {
+            argsList.forEach((arg) => {
+                ftCode += `if (!this.${this.expressionNameInView}${argStr}) {
+                    this.${this.expressionNameInView}${argStr} = {};
+                }\n`;
+                argStr += `[${arg}.hasOwnProperty('__nodeKey') ? ${arg}.__nodeKey : ${arg}.index]`;
+            });
+        }
+        ftCode += `if (!this.${this.expressionNameInView}${argStr}) {
+            this.${this.expressionNameInView}${argStr} = {};
+        }`;
+        // 新的参数
+        const paramList = Object.keys(this.watchedVariableMap);
+        let newParams = `const newParams = [];`;
+        if (Array.isArray(paramList) && paramList.length) {
+            paramList.forEach((param) => {
+                newParams += `newParams.push(${param});\n`;
+            });
+        }
+        // 表达式主体
+        let expressionStr = '';
+        if (this.type === 'dynamic') {
+            if (['externalDestination', 'destination'].includes(this.name)) {
+                expressionStr = this[this.name].toInViewMethod() || '';
+            }
+            else {
+                expressionStr = this.expression?.toJS() || '';
+            }
+        }
+        if (this.name === 'rules' && this.rules) {
+            const ruleStrs = this.rules.map((rule) => rule.toInViewMethod());
+            expressionStr = `[${ruleStrs.join(' , ')}]`;
+        }
+        // 变量重新设置，为了触发重新调用
+        let setVarStr = `this.${this.expressionNameInView}${argStr} = {
+            ...(this.${this.expressionNameInView}${argStr} || {}),
+            value: value,
+        };`;
+        if (Array.isArray(argsList) && argsList.length) {
+            setVarStr += `this.${this.expressionNameInView} = {...this.${this.expressionNameInView}};\n`;
+        }
+        const code = `${this.expressionBuilderName} (${argsList.join(', ')}) {
+            // 容错代码
+            ${ftCode}
+            (async () => {
+                // 旧的参数
+                const oldParams = this.${this.expressionNameInView}${argStr}.params;
+                // 新的参数
+                ${newParams}
+                const isLooseEqual = this.$isLooseEqualFn(oldParams, newParams);
+                if (!isLooseEqual) {
+                    this.${this.expressionNameInView}${argStr}.params = newParams;
+                    const value = ${expressionStr};
+                    ${setVarStr}
+                }
+            })();
+            return this.${this.expressionNameInView}${argStr}.value;
+        }`;
+        return code;
+    }
+    /**
+     * 转换成 Vue 的模板格式
+     */
+    toVue(options) {
+        let str = '';
+        let { value } = this;
+        if (this.type === 'dynamic' || (this.name === 'rules' && this.rules)) {
+            // 需要用标识符替换
+            // if (options?.finalCode !== false && this.needReplaceWithIdentifier) {
+            //    const argsList = this.getArgsList();
+            //    value = `${this.expressionBuilderName}(${argsList.join(', ')})`;
+            // } else
+            if (this.name === 'rules' && this.rules) {
+                const ruleStrs = this.rules.map((rule) => rule.toVue(options));
+                value = `[${ruleStrs.join(' , ')}]`;
+            }
+            else if (['destination', 'externalDestination'].includes(this.name)) {
+                value = this?.[this.name]?.toVue(options) || '';
+            }
+            else if ('ArrowFunctionExpression'.includes(this.expression?.concept)) {
+                value = this.value;
+            }
+            else {
+                value = this.expression?.toVue(options) || '';
+            }
+        }
+        else if (this.type === 'string') {
+            // fix-bug: http://projectmanage.netease-official.lcap.163yun.com/dashboard/BugDetail?id=2613580902909440
+            if (
+            // fix: 2647986781937408 导航栏项中配置链接，取消动态绑定，直接配置为外部链接，无法跳转，且导航栏项消失
+            (this.name === 'destination' || this.name === 'href') &&
+                value &&
+                value.startsWith('/') &&
+                this.frontend?.prefixPath) {
+                value = `${this.frontend?.prefixPath}${value}`;
+            }
+            else if (['van-uploader', 'u-uploader'].includes(this.viewElement.tag) &&
+                this.name === 'url' &&
+                value.startsWith('/') &&
+                this.app?.sysPrefixPath) {
+                value = `${this.app?.sysPrefixPath}${value}`;
+            }
+            else {
+                let code = '';
+                if (typeof value === 'string') {
+                    code = value;
+                    if (options?.finalCode !== false) {
+                        if (this.i18nKey && this.frontend?.i18nInfo?.enabled) {
+                            code = '$';
+                            code += `{ $t('${this.i18nKey}') }`;
+                        }
+                        else {
+                            code = value.replace(/['"`\\]/g, (m) => {
+                                let escape = '\\\\';
+                                escape = '\\\\';
+                                /// #if process.env.BUILD_TARGET === 'node'
+                                escape = '\\';
+                                /// #endif
+                                if (m === '\\') {
+                                    return `${escape}${escape}`;
+                                }
+                                return `${escape}${m}`;
+                            });
+                        }
+                    }
+                }
+                value = code;
+            }
+        }
+        if (value !== undefined && value !== null && typeof value === 'string') {
+            value = value.replace(/"/g, "'");
+        }
+        let { name } = this;
+        if (value !== undefined && value !== null && value !== '') {
+            if (name === 'download') {
+                str += 'download="true" ';
+                name = 'href';
+            }
+            // 文本默认要经过toString转换
+            if (options?.finalCode !== false && name === 'text' && !this.sync && this.type === 'dynamic') {
+                const expTypeAnnotation = this.expression?.typeAnnotation || this.expression?.__TypeAnnotation;
+                (0, translator_1.transfromUnionTypeAnnotation)(expTypeAnnotation, this.app);
+                if (expTypeAnnotation?.typeNamespace?.endsWith('.metadataTypes')) {
+                    const referenceNode = this.app.findNodeByCompleteName(expTypeAnnotation.typeNamespace + '.' + expTypeAnnotation.typeName)
+                        ?.typeAnnotation || {};
+                    value = `$utils['ToString']('${referenceNode?.typeNamespace}.${referenceNode.typeName}', ${value})`;
+                }
+                else {
+                    value = `$utils['ToString']('${expTypeAnnotation?.sortedTypeKey}', ${value})`;
+                }
+            }
+            if (this.type === 'string' && name !== 'rules') {
+                if (options?.finalCode !== false) {
+                    str += `:${name}="\`${value}\`"`;
+                }
+                else {
+                    str += `${name}="${value}"`;
+                }
+            }
+            else if (this.sync) {
+                str += `:${name}.sync="${value}"`;
+            }
+            else if (name === 'destination') {
+                str += `:destination="${value}"`;
+            }
+            else if (name === 'externalDestination') {
+                str += `:link="${value}"`;
+            }
+            else if (name === 'rules') {
+                str += `:${name}="${value}"`;
+            }
+            else {
+                str += `:${name}="${value}"`;
+            }
+        }
+        else if (this.type === 'string' && this.value === '')
+            if (!['destination', 'externalDestination'].includes(this.name)) {
+                str = `${name}="${this.value}"`;
+            }
+        return str;
+    }
+    *toEmbeddedTS(state = (0, translator_1.createCompilerState)()) {
+        const self = this;
+        const { name, type, value, rules, expression, playground } = self;
+        const humpName = self.toHump(name);
+        let code = '';
+        if (!name) {
+            return code;
+        }
+        // 过滤掉vusion-的属性
+        if (/^vusion-/.test(name)) {
+            return code;
+        }
+        // 不翻译的属性
+        const excludeProps = [
+            'dataSchema',
+            'key',
+        ];
+        if (excludeProps.includes(humpName)) {
+            return code;
+        }
+        // 业务组件
+        const isBusinessComponent = self.viewElement?.isCorrespondingBusinessComponent;
+        // if (isBusinessComponent) {
+        //   code += `${name}: `;
+        // } else if (self?.name === 'data-source' && self?.expression?.concept === 'CallLogic') {
+        //   code += `() => {\n`;
+        // } else {
+        //   code += `() => {\n`;
+        // }
+        // feild属性需要特殊处理
+        if ([
+            'valueField',
+            'textField',
+            'parentField',
+            'childrenField',
+        ].includes(humpName)) {
+            if (type !== 'dynamic') {
+                code += `${self.toHump(name)}: item => item.${value}`;
+            }
+            return code;
+        }
+        // 特殊处理dataSource
+        if (['dataSource'].includes(humpName)) {
+            code += `${humpName}: (()`;
+            if (!expression) {
+                code += ': any';
+            }
+            code += ' => {\n';
+            if (expression) {
+                if (expression.concept === 'Identifier') {
+                    const { name: n } = expression;
+                    code += `let result: typeof ${n} extends ((...args: any[]) => any) ? ReturnType<typeof ${n}> : typeof ${n};\n`;
+                    code += `return result;\n`;
+                }
+                else {
+                    code += `return `;
+                    code += yield* expression.toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+                    code += ';\n';
+                }
+            }
+            code += `})()`;
+            return code;
+        }
+        code += `${humpName}: ((): any => {\n`;
+        code += `return `;
+        if (['destination', 'externalDestination'].includes(name) && type === 'dynamic') {
+            code += yield* self[name].toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+            code += ';\n';
+        }
+        else if (name === 'rules') {
+            yield* (0, time_slicing_1.wrapForEachToGenerator)(rules, function* warpForEachGenerator(item, index) {
+                code += yield* item.toEmbeddedTS((0, translator_1.shiftState)(state, code));
+                code += ';\n';
+            });
+        }
+        else if (expression) {
+            code += yield* expression.toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+            code += ';\n';
+        }
+        else if (name === 'url' && value) {
+            /**
+             * ls定制化处理
+             * url字符串处理成实体的引用，方便改名或者删除的时候查找引用
+             * 因为这里只有字符串信息，所以在这里拼接成一个有引用的内容
+             */
+            const names = /api\/(.+?)\/import/g.exec(value);
+            if (names) {
+                const dataSourceNameAndEntityName = names[1];
+                let dataSourceName = '';
+                let entityName = '';
+                if (dataSourceNameAndEntityName.includes('/')) {
+                    const arr = dataSourceNameAndEntityName.split('/');
+                    dataSourceName = arr[0];
+                    entityName = arr[1];
+                }
+                else {
+                    entityName = dataSourceNameAndEntityName;
+                }
+                // 连接符转驼峰
+                entityName = entityName.replace(/\-(\w)/g, (all, letter) => letter.toUpperCase());
+                entityName = entityName[0].toUpperCase() + entityName.substr(1);
+                code += `app.dataSources.${dataSourceName || 'defaultDS'}.entities.${entityName}`;
+                code += ';\n';
+            }
+        }
+        else if (['static', 'string'].includes(type)) {
+            code += typeof value === 'boolean'
+                ? value
+                : ['true', 'false'].includes(value)
+                    ? value.replace(/'/g, '')
+                    : JSON.stringify(value);
+            code += ';\n';
+        }
+        if (type === 'dynamic') {
+            yield* (0, time_slicing_1.wrapForEachToGenerator)(playground, function* warpForEachGenerator(item, index) {
+                code += yield* item.toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+                code += ';\n';
+            });
+        }
+        // if (type === 'dynamic' && !isBusinessComponent) {
+        //   yield* wrapForEach(playground, function* warpForEachGenerator(item, index) {
+        //     code += yield* item.toEmbeddedTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+        //     code += ';\n';
+        //   });
+        // }
+        // if (!isBusinessComponent) {
+        //   code += '\n}';
+        // }
+        code += `})()`;
+        return code;
+    }
+    // 这个不用了
+    // @withGenerator
+    // *toEmbeddedTSVariableDefinition(
+    //   state = createCompilerState(),
+    //   attrList?: string[],
+    //   elementName?: string,
+    //   currentLevel?: string,
+    // ): TranslatorGenerator {
+    //   const self = this;
+    //   let code = '';
+    //   let arrCode = '';
+    //   code += indent((state?.tabSize || 0) + 3);
+    //   code += `${attrConvertCamelCase(self.name)}: `;
+    //   if (self.expression) {
+    //     if (self.name === 'dataSource') {
+    //       code += `ReturnType<typeof __elements_stashFunctionVariable.${elementName}_${attrConvertCamelCase(self.name)}>`;
+    //     } else {
+    //       code += `ReturnType<typeof __elements_stashFunctionVariable.${elementName}_${attrConvertCamelCase(self.name)}>`;
+    //     }
+    //     arrCode = `() => {
+    //       return __elements_variable_function.${currentLevel}?.${attrConvertCamelCase(self.name)}?.()
+    //     }`;
+    //   } else if (self.name === 'sorting') {
+    //     code += `{
+    //             field: nasl.core.String
+    //             order: nasl.core.String
+    //         }`;
+    //   } else if (self.type === 'static') {
+    //     let type = 'nasl.core.String';
+    //     if (typeof self.value === 'number') {
+    //       type = `${self.value}`.includes('.') ? 'nasl.core.Decimal' : 'nasl.core.Long';
+    //     } else if (typeof self.value === 'boolean') {
+    //       type = 'nasl.core.Boolean';
+    //     } else if (['page-size', 'page-number'].includes(self.name) && self.value === null) {
+    //       type = 'nasl.core.Long'
+    //     }
+    //     code += `${type}`;
+    //   } else {
+    //     code += 'undefined';
+    //   }
+    //   code += `\n`;
+    //   if (arrCode.length > 0) {
+    //     attrList.push(`${elementName}_${attrConvertCamelCase(self.name)}: ${arrCode},\n`);
+    //   }
+    //   return code;
+    // }
+    // 这个不用了
+    // @withGenerator
+    // *toEmbeddedTSRefTree(state = createCompilerState()): TranslatorGenerator {
+    //   const self = this;
+    //   let code = '';
+    //   if (self.expression) {
+    //     code += indent((state?.tabSize || 0) + 4);
+    //     code += `${attrConvertCamelCase(self.name)}: `;
+    //     let stashVariable;
+    //     if (self.name === 'dataSource') {
+    //       const extraParams = {
+    //         tabSize: 4,
+    //         inline: true,
+    //         noNeedParams: true,
+    //       };
+    //       stashVariable = `${yield* self.expression.toEmbeddedTS(
+    //         shiftState(state, code, self?.expression?.concept === 'CallLogic' ? extraParams : {}),
+    //       )}`;
+    //     } else {
+    //       stashVariable = `${yield* self.expression.toEmbeddedTS()}`;
+    //     }
+    //     code += `() => {\n`;
+    //     code += indent((state?.tabSize || 0) + 5);
+    //     code += `return ${stashVariable}\n`;
+    //     code += indent((state?.tabSize || 0) + 4);
+    //     code += `},\n`;
+    //   }
+    //   return code;
+    // }
+    findCurrentElementParent(node) {
+        if (asserts.isViewElement(node.parentNode)) {
+            if ([
+                'u-table-view',
+                'u-list-view',
+                'u-grid-view',
+                'u-list-components',
+                'van-list-view',
+                'van-grid-view',
+                'van-for-components',
+            ].includes(node.parentNode.tag)) {
+                return node.parentNode;
+            }
+            else {
+                return this.findCurrentElementParent(node.parentNode);
+            }
+        }
+        else {
+            return undefined;
+        }
+    }
+    toNaturalTS(state = (0, translator_1.createCompilerState)()) {
+        const { name, type, value, rules, expression, playground } = this;
+        let code = '() => {';
+        if (['destination', 'externalDestination'].includes(name) && type === 'dynamic') {
+            code += this[name].toNaturalTS((0, translator_1.shiftState)(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+            code += ';\n';
+        }
+        else if (name === 'rules') {
+            rules?.forEach((item) => {
+                code += item.toNaturalTS((0, translator_1.shiftState)(state, code));
+                code += ';\n';
+            });
+        }
+        else if (expression) {
+            code += expression.toNaturalTS((0, translator_1.shiftState)(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+            code += ';\n';
+        }
+        else if (name === 'url' && value) {
+            /**
+             * ls定制化处理
+             * url字符串处理成实体的引用，方便改名或者删除的时候查找引用
+             * 因为这里只有字符串信息，所以在这里拼接成一个有引用的内容
+             */
+            const names = /api\/(.+?)\/import/g.exec(value);
+            if (names) {
+                const dataSourceNameAndEntityName = names[1];
+                let dataSourceName = '';
+                let entityName = '';
+                if (dataSourceNameAndEntityName.includes('/')) {
+                    const arr = dataSourceNameAndEntityName.split('/');
+                    dataSourceName = arr[0];
+                    entityName = arr[1];
+                }
+                else {
+                    entityName = dataSourceNameAndEntityName;
+                }
+                // 连接符转驼峰
+                entityName = entityName.replace(/\-(\w)/g, (all, letter) => letter.toUpperCase());
+                entityName = entityName[0].toUpperCase() + entityName.substr(1);
+                code += `app.dataSources.${dataSourceName || 'defaultDS'}.entities.${entityName}`;
+                code += ';\n';
+            }
+        }
+        if (type === 'dynamic') {
+            playground?.forEach((item) => {
+                code += item.toNaturalTS((0, translator_1.shiftState)(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+                code += ';\n';
+            });
+        }
+        code += '}';
+        return code;
+    }
+    setUrlValue(newValue) {
+        const object = {
+            value: newValue,
+        };
+        this.update({
+            ...object,
+        });
+    }
+};
+/** 类名 */
+BindAttribute.ConceptName = 'BindAttribute';
+/** 继承链 */
+BindAttribute.inheritanceChain = ['BaseNode'];
+__decorate([
+    (0, decorators_1.property)('concept')
+], BindAttribute.prototype, "concept", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], BindAttribute.prototype, "name", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], BindAttribute.prototype, "type", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], BindAttribute.prototype, "value", void 0);
+__decorate([
+    (0, decorators_1.property)({
+        objectRef: 'LogicItem',
+    })
+], BindAttribute.prototype, "expression", void 0);
+__decorate([
+    (0, decorators_1.property)({
+        objectRef: 'Destination',
+    })
+], BindAttribute.prototype, "destination", void 0);
+__decorate([
+    (0, decorators_1.property)({
+        objectRef: 'ExternalDestination',
+    })
+], BindAttribute.prototype, "externalDestination", void 0);
+__decorate([
+    (0, decorators_1.property)({
+        objectRef: 'ValidationRule',
+        isArray: true,
+        defaultValue: [],
+    })
+], BindAttribute.prototype, "rules", void 0);
+__decorate([
+    (0, decorators_1.property)({
+        objectRef: 'Assignee',
+    })
+], BindAttribute.prototype, "assignee", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], BindAttribute.prototype, "model", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], BindAttribute.prototype, "sync", void 0);
+__decorate([
+    (0, decorators_1.property)({
+        objectRef: 'LogicItem',
+        isArray: true,
+        defaultValue: [],
+    })
+], BindAttribute.prototype, "playground", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], BindAttribute.prototype, "i18nKey", void 0);
+__decorate([
+    translator_1.withSourceMapGenerator
+], BindAttribute.prototype, "toEmbeddedTS", null);
+__decorate([
+    (0, translator_1.withSourceMap)()
+], BindAttribute.prototype, "toNaturalTS", null);
+BindAttribute = BindAttribute_1 = __decorate([
+    (0, decorators_1.concept)('元素绑定属性')
+], BindAttribute);
+exports.BindAttribute = BindAttribute;
+exports.default = BindAttribute;
+//================================================================================
+// ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+// 自动生成的代码已结束。下面可以手动编写。
+//================================================================================
+function attrConvertCamelCase(str) {
+    let strList = str.split('-');
+    strList = strList.map((strItem, index) => {
+        if (index === 0) {
+            return strItem;
+        }
+        else {
+            return `${strItem.slice(0, 1).toUpperCase()}${strItem.slice(1)}`;
+        }
+    });
+    return strList.join('');
+}
+exports.attrConvertCamelCase = attrConvertCamelCase;
+//# sourceMappingURL=BindAttribute__.js.map