@lcap/nasl 3.4.0-beta.3 → 3.4.0-beta.4

package/out/concepts/BindAttribute__.js

@@ -1,668 +1,672 @@
-"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 translator_1 = require("../translator");
-const decorators_1 = require("../decorators");
-const utils = __importStar(require("../utils"));
-const BaseNode_1 = __importDefault(require("../common/BaseNode"));
-const LogicItem__1 = __importDefault(require("./LogicItem__"));
-const ValidationRule__1 = __importDefault(require("./ValidationRule__"));
-const ViewElement__1 = __importDefault(require("./ViewElement__"));
-/**
- * 元素绑定属性
- */
-let BindAttribute = class BindAttribute extends BaseNode_1.default {
-    static { BindAttribute_1 = this; }
-    /** 类名 */
-    static ConceptName = 'BindAttribute';
-    /**
-     * 产品概念
-     */
-    concept;
-    /**
-     * 元素绑定属性名称
-     */
-    // @ts-ignore
-    name;
-    /**
-     * type
-     */
-    // @ts-ignore
-    type;
-    /**
-     * 属性值
-     */
-    // @ts-ignore
-    value;
-    /**
-     * 属性表达式
-     */
-    // @ts-ignore
-    expression;
-    /**
-     * 跳转页面
-     */
-    // @ts-ignore
-    destination;
-    /**
-     * 跳转页面
-     */
-    // @ts-ignore
-    externalDestination;
-    /**
-     * 验证规则
-     */
-    rules = [];
-    /**
-     * 经办人
-     */
-    // @ts-ignore
-    assignee;
-    /**
-     * 是否使用 v-model
-     */
-    // @ts-ignore
-    model;
-    /**
-     * 是否开启双向绑定
-     */
-    // @ts-ignore
-    sync;
-    /**
-     * 草稿态
-     */
-    playground = [];
-    /**
-     * i18nKey
-     */
-    // @ts-ignore
-    i18nKey;
-    /**
-     * 祖先 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');
-    }
-    /**
-     * @param source 需要合并的部分参数
-     */
-    constructor(source) {
-        source = Object.assign({}, BindAttribute_1.getDefaultOptions(), source);
-        super(source);
-        super.subConstructor(source);
-    }
-    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' };
-        let validationRule;
-        if (!options) {
-            validationRule = ValidationRule__1.default.from({
-                ...validationRuleOptions,
-                name: this.getValidationRuleUniqueName(),
-            }, this, 'rules');
-        }
-        else if (typeof options === 'string') {
-            validationRule = ValidationRule__1.default.from({
-                ...validationRuleOptions,
-                name: options,
-            }, this, 'rules');
-        }
-        else if (options instanceof ValidationRule__1.default) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            validationRule = options;
-            Object.assign(validationRule, relationOptions);
-        }
-        else {
-            validationRule = ValidationRule__1.default.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' };
-        let logicItem;
-        if (options instanceof LogicItem__1.default) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            logicItem = options;
-            Object.assign(logicItem, relationOptions);
-        }
-        else {
-            logicItem = LogicItem__1.default.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])) {
-                const index = t[parentKey].indexOf(n);
-                ~index && this[parentKey].splice(index, 1);
-                params.index = index;
-            }
-            else if (t[parentKey] === 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) => {
+"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 translator_1 = require("../translator");
+const decorators_1 = require("../decorators");
+const utils = __importStar(require("../utils"));
+const BaseNode_1 = __importDefault(require("../common/BaseNode"));
+const LogicItem__1 = __importDefault(require("./LogicItem__"));
+const ValidationRule__1 = __importDefault(require("./ValidationRule__"));
+const ViewElement__1 = __importDefault(require("./ViewElement__"));
+/**
+ * 元素绑定属性
+ */
+let BindAttribute = BindAttribute_1 = 
+// @ts-ignore
+class BindAttribute extends BaseNode_1.default {
+    /** 类名 */
+    static ConceptName = 'BindAttribute';
+    /** 继承链 */
+    static inheritanceChain = ['BaseNode'];
+    /**
+     * 产品概念
+     */
+    concept;
+    /**
+     * 元素绑定属性名称
+     */
+    // @ts-ignore
+    name;
+    /**
+     * type
+     */
+    // @ts-ignore
+    type;
+    /**
+     * 属性值
+     */
+    // @ts-ignore
+    value;
+    /**
+     * 属性表达式
+     */
+    // @ts-ignore
+    expression;
+    /**
+     * 跳转页面
+     */
+    // @ts-ignore
+    destination;
+    /**
+     * 跳转页面
+     */
+    // @ts-ignore
+    externalDestination;
+    /**
+     * 验证规则
+     */
+    rules = [];
+    /**
+     * 经办人
+     */
+    // @ts-ignore
+    assignee;
+    /**
+     * 是否使用 v-model
+     */
+    // @ts-ignore
+    model;
+    /**
+     * 是否开启双向绑定
+     */
+    // @ts-ignore
+    sync;
+    /**
+     * 草稿态
+     */
+    playground = [];
+    /**
+     * i18nKey
+     */
+    // @ts-ignore
+    i18nKey;
+    /**
+     * 祖先 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');
+    }
+    /**
+     * @param source 需要合并的部分参数
+     */
+    constructor(source) {
+        source = Object.assign({}, BindAttribute_1.getDefaultOptions(), source);
+        super(source);
+        super.subConstructor(source);
+    }
+    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' };
+        let validationRule;
+        if (!options) {
+            validationRule = ValidationRule__1.default.from({
+                ...validationRuleOptions,
+                name: this.getValidationRuleUniqueName(),
+            }, this, 'rules');
+        }
+        else if (typeof options === 'string') {
+            validationRule = ValidationRule__1.default.from({
+                ...validationRuleOptions,
+                name: options,
+            }, this, 'rules');
+        }
+        else if (options instanceof ValidationRule__1.default) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            validationRule = options;
+            Object.assign(validationRule, relationOptions);
+        }
+        else {
+            validationRule = ValidationRule__1.default.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' };
+        let logicItem;
+        if (options instanceof LogicItem__1.default) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            logicItem = options;
+            Object.assign(logicItem, relationOptions);
+        }
+        else {
+            logicItem = LogicItem__1.default.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 if (t[parentKey] === 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]`;
-            });
-        }
+                }\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(' , ')}]`;
-        }
-        // 变量重新设置，为了触发重新调用
+        }`;
+        // 新的参数
+        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`;
-        }
+        };`;
+        if (Array.isArray(argsList) && argsList.length) {
+            setVarStr += `this.${this.expressionNameInView} = {...this.${this.expressionNameInView}};\n`;
+        }
         const code = `${this.expressionBuilderName} (${argsList.join(', ')}) {
             // 容错代码
             ${ftCode}
@@ -679,422 +683,411 @@ let BindAttribute = class BindAttribute extends BaseNode_1.default {
                 }
             })();
             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;
-                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 { name, type, value, rules, expression, playground } = this;
-        let code = '';
-        if (this?.name === 'data-source' && this?.expression?.concept === 'CallLogic') {
-            code = `() => {`;
-        }
-        else {
-            code = '() => {';
-        }
-        if (['destination', 'externalDestination'].includes(name) && type === 'dynamic') {
-            code += this[name].toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
-            code += ';\n';
-        }
-        else if (name === 'rules') {
-            rules?.forEach((item, index) => {
-                code += item.toEmbeddedTS((0, translator_1.shiftState)(state, code));
-                code += ';\n';
-            });
-        }
-        else if (expression) {
-            code += 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';
-            }
-        }
-        if (type === 'dynamic') {
-            playground?.forEach((item, index) => {
-                code += item.toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
-                code += ';\n';
-            });
-        }
-        code += '}';
-        return code;
-    }
-    toEmbeddedTSVariableDefinition(state, attrList, elementName, currentLevel) {
-        let code = '';
-        let arrCode = '';
-        code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
-        code += `${attrConvertCamelCase(this.name)}: `;
-        if (this.expression) {
-            if (this.name === 'data-source') {
-                code += `ReturnType<typeof __elements_stashFunctionVariable.${elementName}_${attrConvertCamelCase(this.name)}>`;
-            }
-            else {
-                code += `ReturnType<typeof __elements_stashFunctionVariable.${elementName}_${attrConvertCamelCase(this.name)}>`;
-            }
+        }`;
+        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;
+                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 { name, type, value, rules, expression, playground } = this;
+        let code = '';
+        if (this?.name === 'data-source' && this?.expression?.concept === 'CallLogic') {
+            code = `() => {`;
+        }
+        else {
+            code = '() => {';
+        }
+        if (['destination', 'externalDestination'].includes(name) && type === 'dynamic') {
+            code += this[name].toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+            code += ';\n';
+        }
+        else if (name === 'rules') {
+            rules?.forEach((item, index) => {
+                code += item.toEmbeddedTS((0, translator_1.shiftState)(state, code));
+                code += ';\n';
+            });
+        }
+        else if (expression) {
+            code += 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';
+            }
+        }
+        if (type === 'dynamic') {
+            playground?.forEach((item, index) => {
+                code += item.toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+                code += ';\n';
+            });
+        }
+        code += '}';
+        return code;
+    }
+    toEmbeddedTSVariableDefinition(state, attrList, elementName, currentLevel) {
+        let code = '';
+        let arrCode = '';
+        code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
+        code += `${attrConvertCamelCase(this.name)}: `;
+        if (this.expression) {
+            if (this.name === 'data-source') {
+                code += `ReturnType<typeof __elements_stashFunctionVariable.${elementName}_${attrConvertCamelCase(this.name)}>`;
+            }
+            else {
+                code += `ReturnType<typeof __elements_stashFunctionVariable.${elementName}_${attrConvertCamelCase(this.name)}>`;
+            }
             arrCode = `() => {
         return __elements_variable_function.${currentLevel}?.${attrConvertCamelCase(this.name)}?.()
-      }`;
-        }
-        else if (this.name === 'sorting') {
+      }`;
+        }
+        else if (this.name === 'sorting') {
             code += `{
               field: nasl.core.String
               order: nasl.core.String
-          }`;
-        }
-        else if (this.type === 'static') {
-            let type = 'nasl.core.String';
-            if (typeof this.value === 'number') {
-                type = `${this.value}`.includes('.') ? 'nasl.core.Decimal' : 'nasl.core.Long';
-            }
-            else if (typeof this.value === 'boolean') {
-                type = 'nasl.core.Boolean';
-            }
-            code += `${type}`;
-        }
-        else {
-            code += 'undefined';
-        }
-        code += `\n`;
-        if (arrCode.length > 0) {
-            attrList.push(`${elementName}_${attrConvertCamelCase(this.name)}: ${arrCode},\n`);
-        }
-        return code;
-    }
-    toEmbeddedTSVariableFunctionDefinition(state) {
-        let code = '';
-        if (this.expression) {
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 4);
-            code += `${attrConvertCamelCase(this.name)}: `;
-            let stashVariable;
-            if (this.name === 'data-source') {
-                const extraParams = {
-                    tabSize: 4,
-                    inline: true,
-                    noNeedParams: true,
-                };
-                stashVariable = `${this.expression.toEmbeddedTS((0, translator_1.shiftState)(state, code, this?.expression?.concept === 'CallLogic' ? extraParams : {}))}`;
-            }
-            else {
-                stashVariable = `${this.expression.toEmbeddedTS()}`;
-            }
-            code += `() => {\n`;
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 5);
-            code += `return ${stashVariable}\n`;
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 4);
-            code += `},\n`;
-        }
-        return code;
-    }
-    findCurrentElementParent(node) {
-        if (node.parentNode instanceof ViewElement__1.default) {
-            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,
-        });
-    }
-};
-exports.BindAttribute = BindAttribute;
-__decorate([
-    (0, decorators_1.property)('concept')
-    // @ts-ignore
-], BindAttribute.prototype, "concept", void 0);
-__decorate([
-    (0, decorators_1.property)()
-    // @ts-ignore
-], BindAttribute.prototype, "name", void 0);
-__decorate([
-    (0, decorators_1.property)()
-    // @ts-ignore
-], BindAttribute.prototype, "type", void 0);
-__decorate([
-    (0, decorators_1.property)()
-    // @ts-ignore
-], BindAttribute.prototype, "value", void 0);
-__decorate([
-    (0, decorators_1.property)({
-        objectRef: 'LogicItem',
-    })
-    // @ts-ignore
-], BindAttribute.prototype, "expression", void 0);
-__decorate([
-    (0, decorators_1.property)({
-        objectRef: 'Destination',
-    })
-    // @ts-ignore
-], BindAttribute.prototype, "destination", void 0);
-__decorate([
-    (0, decorators_1.property)({
-        objectRef: 'ExternalDestination',
-    })
-    // @ts-ignore
-], 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',
-    })
-    // @ts-ignore
-], BindAttribute.prototype, "assignee", void 0);
-__decorate([
-    (0, decorators_1.property)()
-    // @ts-ignore
-], BindAttribute.prototype, "model", void 0);
-__decorate([
-    (0, decorators_1.property)()
-    // @ts-ignore
-], 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)()
-    // @ts-ignore
-], BindAttribute.prototype, "i18nKey", void 0);
-__decorate([
-    (0, translator_1.withSourceMap)()
-], BindAttribute.prototype, "toEmbeddedTS", null);
-__decorate([
-    (0, translator_1.withSourceMap)()
-], BindAttribute.prototype, "toNaturalTS", null);
-exports.BindAttribute = BindAttribute = BindAttribute_1 = __decorate([
-    decorators_1.className,
-    (0, decorators_1.concept)('元素绑定属性')
-    // @ts-ignore
-], 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;
+          }`;
+        }
+        else if (this.type === 'static') {
+            let type = 'nasl.core.String';
+            if (typeof this.value === 'number') {
+                type = `${this.value}`.includes('.') ? 'nasl.core.Decimal' : 'nasl.core.Long';
+            }
+            else if (typeof this.value === 'boolean') {
+                type = 'nasl.core.Boolean';
+            }
+            code += `${type}`;
+        }
+        else {
+            code += 'undefined';
+        }
+        code += `\n`;
+        if (arrCode.length > 0) {
+            attrList.push(`${elementName}_${attrConvertCamelCase(this.name)}: ${arrCode},\n`);
+        }
+        return code;
+    }
+    toEmbeddedTSVariableFunctionDefinition(state) {
+        let code = '';
+        if (this.expression) {
+            code += (0, translator_1.indent)((state?.tabSize || 0) + 4);
+            code += `${attrConvertCamelCase(this.name)}: `;
+            let stashVariable;
+            if (this.name === 'data-source') {
+                const extraParams = {
+                    tabSize: 4,
+                    inline: true,
+                    noNeedParams: true,
+                };
+                stashVariable = `${this.expression.toEmbeddedTS((0, translator_1.shiftState)(state, code, this?.expression?.concept === 'CallLogic' ? extraParams : {}))}`;
+            }
+            else {
+                stashVariable = `${this.expression.toEmbeddedTS()}`;
+            }
+            code += `() => {\n`;
+            code += (0, translator_1.indent)((state?.tabSize || 0) + 5);
+            code += `return ${stashVariable}\n`;
+            code += (0, translator_1.indent)((state?.tabSize || 0) + 4);
+            code += `},\n`;
+        }
+        return code;
+    }
+    findCurrentElementParent(node) {
+        if (node.parentNode instanceof ViewElement__1.default) {
+            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,
+        });
+    }
+};
+__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([
+    (0, translator_1.withSourceMap)()
+], BindAttribute.prototype, "toEmbeddedTS", null);
+__decorate([
+    (0, translator_1.withSourceMap)()
+], BindAttribute.prototype, "toNaturalTS", null);
+BindAttribute = BindAttribute_1 = __decorate([
+    decorators_1.className,
+    (0, decorators_1.concept)('元素绑定属性')
+    // @ts-ignore
+], 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