@lcap/nasl-concepts 3.9.0-beta.1

package/out/concepts/BindAttribute__.js

@@ -0,0 +1,1023 @@
+"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.BindAttribute = void 0;
+const json5 = __importStar(require("json5"));
+const utils_1 = require("../utils");
+const nasl_translator_1 = require("@lcap/nasl-translator");
+const service_1 = require("../service");
+const store_1 = require("../store");
+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 = class BindAttribute extends BaseNode_1.default {
+    static { BindAttribute_1 = this; }
+    /** 类名 */
+    static { this.ConceptName = 'BindAttribute'; }
+    /**
+     * 是否为抽象类
+     * 抽象类不能产生 concept: string
+     */
+    static { this.isAbstract = false; }
+    /** 继承链 */
+    static { this.inheritanceChain = ['BaseNode']; }
+    /**
+     * @param source 需要合并的部分参数
+     */
+    constructor(source) {
+        source = Object.assign({}, BindAttribute_1.getDefaultOptions(), source);
+        super(source);
+        /**
+         * 元素绑定属性名称
+         */
+        this.name = '';
+        /**
+         * 草稿态
+         */
+        this.playground = [];
+        this.toHump = (name) => (name ? name.replace(/\-(\w)/g, (all, letter) => letter.toUpperCase()) : '');
+        super.subConstructor(source);
+    }
+    static from(source, parentNode, parentKey) {
+        return super.from(source, parentNode, parentKey);
+    }
+    /**
+     * 设置属性值
+     */
+    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,
+        });
+    }
+    /**
+     * 设置经办人
+     */
+    setAssigneeV2(assigneeV2) {
+        assigneeV2._delete();
+        const relationOptions = { parentNode: this, parentKey: 'assigneeV2' };
+        Object.assign(assigneeV2, relationOptions);
+        const object = {
+            assigneeV2,
+        };
+        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);
+    }
+    _insertValidationRuleAt(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;
+    }
+    insertValidationRuleAt(options, index) {
+        const node = this._insertValidationRuleAt(options, index);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'rules',
+        });
+        return node;
+    }
+    _addValidationRule(options) {
+        const index = this.rules.length;
+        return this._insertValidationRuleAt(options, index);
+    }
+    addValidationRule(options) {
+        const node = this._addValidationRule(options);
+        const index = this.rules.indexOf(node);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'rules',
+        });
+        return node;
+    }
+    _insertItemAt(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;
+    }
+    insertItemAt(options, index) {
+        const node = this._insertItemAt(options, index);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'playground',
+        });
+        return node;
+    }
+    _addItem(options) {
+        const index = this.playground.length;
+        return this._insertItemAt(options, index);
+    }
+    addItem(options) {
+        const node = this._addItem(options);
+        const index = this.playground.indexOf(node);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'playground',
+        });
+        return node;
+    }
+    removeValidationRule(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();
+    }
+    removeItem(options) {
+        let logicItem = options;
+        return logicItem.delete();
+    }
+    //================================================================================
+    // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+    // 自动生成的代码已结束。下面可以手动编写。
+    //================================================================================
+    /**
+     * 祖先 ViewElement
+     */
+    get viewElement() {
+        return this.getAncestor('ViewElement');
+    }
+    /**
+     * 祖先 View
+     */
+    get view() {
+        return this.getAncestor('View');
+    }
+    /**
+     * 祖先 Module
+     */
+    get module() {
+        return this.getAncestor('Module');
+    }
+    /**
+     * 祖先 Frontend
+     */
+    get frontend() {
+        return this.getAncestor('Frontend');
+    }
+    /**
+     * 祖先 ProcessElement
+     */
+    get processElement() {
+        return this.getAncestor('ProcessElement');
+    }
+    /**
+     * 祖先 Process
+     */
+    get process() {
+        return this.getAncestor('Process');
+    }
+    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.value && (this.frontend?.i18nInfo?.enabled || options?.frontendI18nEnabled)) {
+                            code = '$';
+                            code += `{ $t('${this.i18nKey}') }`;
+                        }
+                        else {
+                            code = value.replace(/['"`\\]/g, (m) => {
+                                let escape = '\\\\';
+                                if (options?.isGeneratorExport) {
+                                    escape = '\\';
+                                }
+                                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, service_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, nasl_translator_1.createCompilerState)(), options = { carryName: false }) {
+        const self = this;
+        const { name, type, value, rules, expression, playground } = self;
+        const humpName = self.toHump(name);
+        const { allNodesAPI = {} } = (0, store_1.getConfig)();
+        const { carryName } = options;
+        let code = '';
+        if (!name) {
+            return code;
+        }
+        // 过滤掉vusion-的属性
+        if (/^vusion-/.test(name)) {
+            return code;
+        }
+        // 不翻译的属性
+        const excludeProps = ['dataSchema', 'key'];
+        if (excludeProps.includes(humpName)) {
+            return code;
+        }
+        if (carryName) {
+            code += `${humpName}: `;
+        }
+        // 从allNodesAPI中找到对应的属性
+        let prop;
+        if (allNodesAPI && self.parentNode.concept === 'ViewElement') {
+            prop = allNodesAPI[self.parentNode.tag]?.props?.find((item) => item.name === humpName);
+        }
+        // feild属性需要特殊处理
+        if (self.parentNode.concept === 'ViewElement') {
+            // allNodesAPI中找到对应的属性
+            if (/\(\s*item\s*:\s*T\s*\)\s*=>\s*.+/.test(prop?.tsType)) {
+                if (type === 'dynamic') {
+                    code += `((): any => {
+
+          })()`;
+                }
+                else {
+                    code += `item => item${value ? `.${value}` : ''}`;
+                }
+                return code;
+            }
+        }
+        // 不校验类型的属性
+        const ignoreCheckProps = [
+            'sorting',
+            'advancedFormat',
+            'unit',
+            'decimalPlaces',
+            'autosize',
+            'destination',
+            'externalDestination',
+            'rules',
+            'url',
+            'dataSource',
+            'converter',
+        ];
+        // @ts-ignore
+        if (prop?.implicitToString) {
+            ignoreCheckProps.push(humpName);
+        }
+        // 数据源是Enum的value属性
+        if (name === 'value' && self.parentNode.concept === 'ViewElement') {
+            // 向上查找ViewElement
+            const dataSourceAttr = self.parentNode.bindAttrs.find((attr) => attr.name === 'dataSource');
+            // @ts-ignore
+            if (dataSourceAttr?.expression &&
+                'calleeName' in dataSourceAttr.expression &&
+                (/Enum/.test(dataSourceAttr?.expression?.name) || /Enum/.test(dataSourceAttr?.expression?.calleeName))) {
+                ignoreCheckProps.push(humpName);
+            }
+        }
+        if (type === 'dynamic' && !expression) {
+            ignoreCheckProps.push(humpName);
+        }
+        if (['string', 'static'].includes(type) && ['', undefined, null].includes(value)) {
+            ignoreCheckProps.push(humpName);
+        }
+        if (['string', 'static'].includes(type) && /^\[.*\]$/.test(value)) {
+            ignoreCheckProps.push(humpName);
+        }
+        const ignore = ignoreCheckProps.includes(humpName);
+        const start = `nasl.util._bindAttrWrap(() => {\n`;
+        const end = `}, ${ignore ? 'true' : 'false'})`;
+        code += start;
+        code += `return `;
+        if (['destination', 'externalDestination'].includes(name) && type === 'dynamic') {
+            code += yield* self[name].toEmbeddedTS((0, nasl_translator_1.shiftState)(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+            code += ';\n';
+        }
+        else if (name === 'rules') {
+            yield* (0, utils_1.wrapForEachToGenerator)(rules, function* warpForEachGenerator(item, index) {
+                code += yield* item.toEmbeddedTS((0, nasl_translator_1.shiftState)(state, code));
+                code += ';\n';
+            });
+        }
+        else if (expression) {
+            code += yield* expression.toEmbeddedTS((0, nasl_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)) {
+            if (ignore) {
+                code += `new nasl.core.StringLiteral<\`\`>()`;
+            }
+            else {
+                const formattedValue = typeof value === 'string' ? value.trim() : value;
+                // 普通string类型的属性
+                if (type === 'string') {
+                    // 存在特殊字符的情况
+                    if (/(<|>|\\r|\\n)/g.test(formattedValue)) {
+                        code += `new nasl.core.StringLiteral<\`StringLiteral\`>()`;
+                    }
+                    else {
+                        code += `new nasl.core.StringLiteral<\`${formattedValue}\`>()`;
+                    }
+                }
+                // 普通static类型的属性
+                if (type === 'static') {
+                    let t = 'string';
+                    try {
+                        const val = json5.parse(formattedValue);
+                        // @ts-ignore
+                        t = typeof val || 'string';
+                    }
+                    catch (error) { }
+                    switch (t) {
+                        case 'string':
+                            code += `new nasl.core.StringLiteral<\`StringLiteral\`>()`;
+                            break;
+                        case 'number':
+                            if (String(formattedValue).includes('.')) {
+                                code += `new nasl.core.Decimal(${formattedValue})`;
+                            }
+                            else {
+                                code += `new nasl.core.Long(${formattedValue})`;
+                            }
+                            break;
+                        case 'boolean':
+                            code += [true, 'true'].includes(formattedValue)
+                                ? `new nasl.core.BooleanTrue()`
+                                : `new nasl.core.BooleanFalse()`;
+                            break;
+                        default:
+                            code += `new nasl.core.StringLiteral<\`\`>()`;
+                            break;
+                    }
+                }
+            }
+            code += ';\n';
+        }
+        if (type === 'dynamic') {
+            yield* (0, utils_1.wrapForEachToGenerator)(playground, function* warpForEachGenerator(item, index) {
+                code += yield* item.toEmbeddedTS((0, nasl_translator_1.shiftState)(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+                code += ';\n';
+            });
+        }
+        code += end;
+        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;
+            }
+            return this.findCurrentElementParent(node.parentNode);
+        }
+        return undefined;
+    }
+    toNaturalTS(state = (0, nasl_translator_1.createCompilerState)()) {
+        let code = `${utils.firstLowerCase(utils.kebab2Camel(this.name))}: `;
+        if (['destination', 'externalDestination'].includes(this.name) && this.type === 'dynamic') {
+            code += this[this.name].toNaturalTS((0, nasl_translator_1.shiftState)(state, code, { tabSize: state.tabSize + 1, inline: true }));
+        }
+        else if (this.name === 'rules') {
+            code += '[\n';
+            this.rules?.forEach((item) => {
+                code += item.toNaturalTS((0, nasl_translator_1.shiftState)(state, code, { tabSize: state.tabSize + 1 }));
+                code += ',\n';
+            });
+            code += `\n${(0, nasl_translator_1.indent)(state.tabSize)}]`;
+        }
+        else if (this.type === 'dynamic' && this.sync) {
+            code += 'sync(';
+            code += this.expression?.toNaturalTS((0, nasl_translator_1.shiftState)(state, code, { tabSize: state.tabSize, inline: true }));
+            code += ')';
+        }
+        else {
+            if (this.type === 'string')
+                code += `'${this.value?.replace(/'/g, "\\'")}'`;
+            else if (this.type === 'static')
+                code += `${this.value}`;
+            else {
+                code += this.expression?.toNaturalTS((0, nasl_translator_1.shiftState)(state, code, { tabSize: state.tabSize, inline: true }));
+            }
+        }
+        return code;
+    }
+    toTextualNASL(state = (0, nasl_translator_1.createCompilerState)()) {
+        let code = `${this.name} = `;
+        if (['destination', 'externalDestination'].includes(this.name) && this.type === 'dynamic') {
+            code += this[this.name].toNaturalTS((0, nasl_translator_1.shiftState)(state, code, { tabSize: state.tabSize + 1, inline: true }));
+        }
+        else if (this.name === 'rules') {
+            code += '[\n';
+            this.rules?.forEach((item) => {
+                code += item.toNaturalTS((0, nasl_translator_1.shiftState)(state, code));
+                code += ',\n';
+            });
+            code += '\n]';
+        }
+        else {
+            if (this.type === 'string')
+                code += `'${this.value.replace(/'/g, "\\'")}'`;
+            else if (this.type === 'static')
+                code += `${this.value}`;
+            else {
+                code += this.expression?.toTextualNASL((0, nasl_translator_1.shiftState)(state, code, { tabSize: state.tabSize, inline: true }));
+            }
+        }
+        return code;
+    }
+    setUrlValue(newValue) {
+        const object = {
+            value: newValue,
+        };
+        this.update({
+            ...object,
+        });
+    }
+};
+exports.BindAttribute = BindAttribute;
+__decorate([
+    (0, decorators_1.property)()
+    // @ts-ignore
+], 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: null,
+    })
+], BindAttribute.prototype, "rules", void 0);
+__decorate([
+    (0, decorators_1.property)({
+        objectRef: 'Assignee',
+    })
+], BindAttribute.prototype, "assignee", void 0);
+__decorate([
+    (0, decorators_1.property)({
+        objectRef: 'AssigneeV2',
+    })
+], BindAttribute.prototype, "assigneeV2", 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([
+    nasl_translator_1.withSourceMapGenerator
+], BindAttribute.prototype, "toEmbeddedTS", null);
+__decorate([
+    (0, nasl_translator_1.withSourceMap)()
+], BindAttribute.prototype, "toNaturalTS", null);
+__decorate([
+    (0, nasl_translator_1.withSourceMap)()
+], BindAttribute.prototype, "toTextualNASL", null);
+exports.BindAttribute = BindAttribute = BindAttribute_1 = __decorate([
+    (0, decorators_1.concept)('元素绑定属性')
+], BindAttribute);
+exports.default = BindAttribute;
+//================================================================================
+// ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+// 自动生成的代码已结束。下面可以手动编写。
+//================================================================================
+//# sourceMappingURL=BindAttribute__.js.map