@lcap/nasl 3.2.0-beta.4 → 3.3.0-alpha

package/src/concepts/BindAttribute__.ts

@@ -1,17 +1,17 @@
+import { v4 as uuidv4 } from 'uuid';
 import { TranslatorState, shiftState, withSourceMap } from '../translator';
-import { ElementToVueOptions } from './ViewElement__';
+import ViewElement, { ElementToVueOptions } from './ViewElement__';
 import Namespace from './Namespace__';
 import MemberExpression from './MemberExpression__';
 
-//================================================================================
+//= ===============================================================================
 // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
 // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
-//================================================================================
+//= ===============================================================================
 import { EventPayload, Params } from '../common/EventEmitter';
 import { concept, excludedInJSON, property } from '../decorators';
 
 import * as utils from '../utils';
-import { v4 as uuidv4 } from 'uuid';
 import BaseNode from '../common/BaseNode';
 import classMap from '../common/classMap';
 import LogicItem from './LogicItem__';
@@ -19,7 +19,6 @@ import Destination from './Destination__';
 import ExternalDestination from './ExternalDestination__';
 import ValidationRule from './ValidationRule__';
 import Assignee from './Assignee__';
-import ViewElement from './ViewElement__';
 import ProcessElement from './ProcessElement__';
 import View from './View__';
 import Module from './Module__';
@@ -32,876 +31,885 @@ import Process from './Process__';
  */
 @concept('元素绑定属性')
 export class BindAttribute extends BaseNode {
-    /**
-     * 产品概念
-     */
-    @property()
-    concept: 'BindAttribute' = 'BindAttribute';
-
-    /**
-     * 元素绑定属性名称
-     */
-    @property()
-    name: string = undefined;
-
-    /**
-     * type
-     */
-    @property()
-    type: 'string' | 'static' | 'dynamic' = undefined;
-
-    /**
-     * 属性值
-     */
-    @property()
-    value: string = undefined;
-
-    /**
-     * 属性表达式
-     */
-    @property('LogicItem')
-    expression: LogicItem = undefined;
-
-    /**
-     * 跳转页面
-     */
-    @property('Destination')
-    destination: Destination = undefined;
-
-    /**
-     * 跳转页面
-     */
-    @property('ExternalDestination')
-    externalDestination: ExternalDestination = undefined;
-
-    /**
-     * 验证规则
-     */
-    @property('ValidationRule')
-    rules: Array<ValidationRule> = [];
-
-    /**
-     * 经办人
-     */
-    @property('Assignee')
-    assignee: Assignee = undefined;
-
-    /**
-     * 是否使用 v-model
-     */
-    @property()
-    model: boolean = undefined;
-
-    /**
-     * 是否开启双向绑定
-     */
-    @property()
-    sync: boolean = undefined;
-
-    /**
-     * 草稿态
-     */
-    @property('LogicItem')
-    playground: Array<LogicItem> = [];
-
-    /**
-     * 祖先 ViewElement
-     */
-    get viewElement() {
-        return this.getAncestor('ViewElement') as ViewElement;
-    }
-    /**
-     * 祖先 View
-     */
-    get view() {
-        return this.getAncestor('View') as View;
+  /**
+   * 产品概念
+   */
+  @property()
+  concept: 'BindAttribute' = 'BindAttribute';
+
+  /**
+   * 元素绑定属性名称
+   */
+  @property()
+  name: string = undefined;
+
+  /**
+   * type
+   */
+  @property()
+  type: 'string' | 'static' | 'dynamic' = undefined;
+
+  /**
+   * 属性值
+   */
+  @property()
+  value: string = undefined;
+
+  /**
+   * 属性表达式
+   */
+  @property('LogicItem')
+  expression: LogicItem = undefined;
+
+  /**
+   * 跳转页面
+   */
+  @property('Destination')
+  destination: Destination = undefined;
+
+  /**
+   * 跳转页面
+   */
+  @property('ExternalDestination')
+  externalDestination: ExternalDestination = undefined;
+
+  /**
+   * 验证规则
+   */
+  @property('ValidationRule')
+  rules: Array<ValidationRule> = [];
+
+  /**
+   * 经办人
+   */
+  @property('Assignee')
+  assignee: Assignee = undefined;
+
+  /**
+   * 是否使用 v-model
+   */
+  @property()
+  model: boolean = undefined;
+
+  /**
+   * 是否开启双向绑定
+   */
+  @property()
+  sync: boolean = undefined;
+
+  /**
+   * 草稿态
+   */
+  @property('LogicItem')
+  playground: Array<LogicItem> = [];
+
+  /**
+   * 祖先 ViewElement
+   */
+  get viewElement() {
+    return this.getAncestor('ViewElement') as ViewElement;
+  }
+
+  /**
+   * 祖先 View
+   */
+  get view() {
+    return this.getAncestor('View') as View;
+  }
+
+  /**
+   * 祖先 Module
+   */
+  get module() {
+    return this.getAncestor('Module') as Module;
+  }
+
+  /**
+   * 祖先 App
+   */
+  get app() {
+    return this.getAncestor('App') as App;
+  }
+
+  /**
+   * 祖先 Frontend
+   */
+  get frontend() {
+    return this.getAncestor('Frontend') as Frontend;
+  }
+
+  /**
+   * 祖先 ProcessElement
+   */
+  get processElement() {
+    return this.getAncestor('ProcessElement') as ProcessElement;
+  }
+
+  /**
+   * 祖先 Process
+   */
+  get process() {
+    return this.getAncestor('Process') as Process;
+  }
+
+  /**
+   * @param source 需要合并的部分参数
+   */
+  constructor(source?: Partial<BindAttribute>) {
+    // @ts-ignore
+    source = { ...BindAttribute.getDefaultOptions(), ...source };
+    super(source);
+    super.subConstructor(source);
+  }
+
+  getClassName() {
+    return 'BindAttribute';
+  }
+
+  static from(source: any, parentNode?: any, parentKey?: string): BindAttribute {
+    return super.from(source, parentNode, parentKey) as BindAttribute;
+  }
+
+  /**
+   * 从父级删除该节点
+   * @internal
+   */
+  _delete() {
+    let params: Params = null;
+    if (this.parentNode) {
+      params = (this.parentNode as any)?.__removeBindAttribute?.(this);
     }
-    /**
-     * 祖先 Module
-     */
-    get module() {
-        return this.getAncestor('Module') as Module;
+    return params;
+  }
+
+  /**
+   * 设置属性值
+   */
+  setValue(value: string) {
+    const object = {
+      value,
+    };
+    this.update({
+      ...object,
+    });
+  }
+
+  /**
+   * 设置属性表达式
+   */
+  setExpression(expression: LogicItem) {
+    expression._delete();
+    const relationOptions = { parentNode: this, parentKey: 'expression' };
+    Object.assign(expression, relationOptions);
+    const object = {
+      expression,
+    };
+    this.update({
+      ...object,
+    });
+  }
+
+  /**
+   * 设置跳转页面
+   */
+  setDestination(destination: Destination) {
+    destination._delete();
+    const relationOptions = { parentNode: this, parentKey: 'destination' };
+    Object.assign(destination, relationOptions);
+    const object = {
+      destination,
+    };
+    this.update({
+      ...object,
+    });
+  }
+
+  /**
+   * 设置跳转页面
+   */
+  setExternalDestination(externalDestination: ExternalDestination) {
+    externalDestination._delete();
+    const relationOptions = { parentNode: this, parentKey: 'externalDestination' };
+    Object.assign(externalDestination, relationOptions);
+    const object = {
+      externalDestination,
+    };
+    this.update({
+      ...object,
+    });
+  }
+
+  /**
+   * 设置经办人
+   */
+  setAssignee(assignee: Assignee) {
+    assignee._delete();
+    const relationOptions = { parentNode: this, parentKey: 'assignee' };
+    Object.assign(assignee, relationOptions);
+    const object = {
+      assignee,
+    };
+    this.update({
+      ...object,
+    });
+  }
+
+  /**
+   * 设置是否开启双向绑定
+   */
+  setSync(sync: boolean) {
+    const object = {
+      sync,
+    };
+    this.update({
+      ...object,
+    });
+  }
+
+  getValidationRuleExistingNames(excludedList: Array<ValidationRule> = []) {
+    const excludedSet = new Set(excludedList);
+    return ((this.rules as ValidationRule[]) || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
+  }
+
+  getValidationRuleUniqueName(name = 'validationRule1') {
+    return utils.unique(name, this.getValidationRuleExistingNames(), undefined, false);
+  }
+
+  /**
+   * 插入验证规则
+   * @internal
+   * @param name 验证规则名称，如果不填会自动生成一个唯一名称
+   */
+  _insertValidationRuleInRulesAt(name: string, index: number): ValidationRule;
+
+  /**
+   * 插入验证规则
+   * @internal
+   * @param validationRuleOptions 验证规则参数
+   */
+  _insertValidationRuleInRulesAt(validationRuleOptions: Partial<ValidationRule>, index: number): ValidationRule;
+
+  /**
+   * 插入验证规则
+   * @internal
+   * @param validationRule 已有的验证规则实例
+   */
+  _insertValidationRuleInRulesAt(validationRule: ValidationRule, index: number): ValidationRule;
+
+  _insertValidationRuleInRulesAt(options: string | Partial<ValidationRule> | ValidationRule, index: number) {
+    const validationRuleOptions: any = {};
+    const relationOptions = { parentNode: this, parentKey: 'rules' };
+    let validationRule: 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 (options instanceof ValidationRule) {
+      options.ensureDelete(); // 同一实例不支持多处存在
+      validationRule = options;
+      Object.assign(validationRule, relationOptions);
+    } else {
+      validationRule = ValidationRule.from(
+        {
+          ...validationRuleOptions,
+          ...options,
+        },
+        this,
+        'rules'
+      );
     }
-    /**
-     * 祖先 App
-     */
-    get app() {
-        return this.getAncestor('App') as App;
+    this.rules.splice(index, 0, validationRule);
+    return validationRule;
+  }
+
+  /**
+   * 插入验证规则
+   * @param name 验证规则名称，如果不填会自动生成一个唯一名称
+   */
+  insertValidationRuleInRulesAt(name: string, index: number): ValidationRule;
+
+  /**
+   * 插入验证规则
+   * @param validationRuleOptions 验证规则参数
+   */
+  insertValidationRuleInRulesAt(validationRuleOptions: Partial<ValidationRule>, index: number): ValidationRule;
+
+  /**
+   * 插入验证规则
+   * @param validationRule 已有的验证规则实例
+   */
+  insertValidationRuleInRulesAt(validationRule: ValidationRule, index: number): ValidationRule;
+
+  insertValidationRuleInRulesAt(options: string | Partial<ValidationRule> | ValidationRule, index: number) {
+    const node = this._insertValidationRuleInRulesAt(options as any, index);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'rules',
+    });
+    return node;
+  }
+
+  /**
+   * 添加验证规则
+   * @internal
+   * @param name 验证规则名称，如果不填会自动生成一个唯一名称
+   */
+  _addValidationRuleInRules(name?: string): ValidationRule;
+
+  /**
+   * 添加验证规则
+   * @internal
+   * @param validationRuleOptions 验证规则参数
+   */
+  _addValidationRuleInRules(validationRuleOptions: Partial<ValidationRule>): ValidationRule;
+
+  /**
+   * 添加验证规则
+   * @internal
+   * @param validationRule 已有的验证规则实例
+   */
+  _addValidationRuleInRules(validationRule: ValidationRule): ValidationRule;
+
+  _addValidationRuleInRules(options?: string | Partial<ValidationRule> | ValidationRule) {
+    const index = this.rules.length;
+    return this._insertValidationRuleInRulesAt(options as any, index);
+  }
+
+  /**
+   * 添加验证规则
+   * @internal
+   * @param name 验证规则名称，如果不填会自动生成一个唯一名称
+   */
+  addValidationRuleInRules(name?: string): ValidationRule;
+
+  /**
+   * 添加验证规则
+   * @param validationRuleOptions 验证规则参数
+   */
+  addValidationRuleInRules(validationRuleOptions: Partial<ValidationRule>): ValidationRule;
+
+  /**
+   * 添加验证规则
+   * @param validationRule 已有的验证规则实例
+   */
+  addValidationRuleInRules(validationRule: ValidationRule): ValidationRule;
+
+  addValidationRuleInRules(options?: string | Partial<ValidationRule> | ValidationRule) {
+    const node = this._addValidationRuleInRules(options as any);
+    const index = this.rules.indexOf(node);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'rules',
+    });
+    return node;
+  }
+
+  /**
+   * 插入逻辑项
+   * @internal
+   * @param logicItemOptions 逻辑项参数
+   */
+  _insertItemInPlaygroundAt(logicItemOptions: Partial<LogicItem>, index: number): LogicItem;
+
+  /**
+   * 插入逻辑项
+   * @internal
+   * @param logicItem 已有的逻辑项实例
+   */
+  _insertItemInPlaygroundAt(logicItem: LogicItem, index: number): LogicItem;
+
+  _insertItemInPlaygroundAt(options: Partial<LogicItem> | LogicItem, index: number) {
+    const logicItemOptions: any = {};
+    const relationOptions = { parentNode: this, parentKey: 'playground' };
+    let logicItem: LogicItem;
+    if (options instanceof LogicItem) {
+      options.ensureDelete(); // 同一实例不支持多处存在
+      logicItem = options;
+      Object.assign(logicItem, relationOptions);
+    } else {
+      logicItem = LogicItem.from(
+        {
+          ...logicItemOptions,
+          ...options,
+        },
+        this,
+        'playground'
+      );
     }
-    /**
-     * 祖先 Frontend
-     */
-    get frontend() {
-        return this.getAncestor('Frontend') as Frontend;
+    this.playground.splice(index, 0, logicItem);
+    return logicItem;
+  }
+
+  /**
+   * 插入逻辑项
+   * @param logicItemOptions 逻辑项参数
+   */
+  insertItemInPlaygroundAt(logicItemOptions: Partial<LogicItem>, index: number): LogicItem;
+
+  /**
+   * 插入逻辑项
+   * @param logicItem 已有的逻辑项实例
+   */
+  insertItemInPlaygroundAt(logicItem: LogicItem, index: number): LogicItem;
+
+  insertItemInPlaygroundAt(options: Partial<LogicItem> | LogicItem, index: number) {
+    const node = this._insertItemInPlaygroundAt(options as any, index);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'playground',
+    });
+    return node;
+  }
+
+  /**
+   * 添加逻辑项
+   * @internal
+   * @param logicItemOptions 逻辑项参数
+   */
+  _addItemInPlayground(logicItemOptions: Partial<LogicItem>): LogicItem;
+
+  /**
+   * 添加逻辑项
+   * @internal
+   * @param logicItem 已有的逻辑项实例
+   */
+  _addItemInPlayground(logicItem: LogicItem): LogicItem;
+
+  _addItemInPlayground(options?: Partial<LogicItem> | LogicItem) {
+    const index = this.playground.length;
+    return this._insertItemInPlaygroundAt(options as any, index);
+  }
+
+  /**
+   * 添加逻辑项
+   * @param logicItemOptions 逻辑项参数
+   */
+  addItemInPlayground(logicItemOptions: Partial<LogicItem>): LogicItem;
+
+  /**
+   * 添加逻辑项
+   * @param logicItem 已有的逻辑项实例
+   */
+  addItemInPlayground(logicItem: LogicItem): LogicItem;
+
+  addItemInPlayground(options?: Partial<LogicItem> | LogicItem) {
+    const node = this._addItemInPlayground(options as any);
+    const index = this.playground.indexOf(node);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'playground',
+    });
+    return node;
+  }
+
+  /**
+   * 删除逻辑项
+   * @param name 逻辑项名称
+   */
+  removeExpression(name: string): void;
+
+  /**
+   * 删除逻辑项
+   * @param expression 已有的逻辑项实例
+   */
+  removeExpression(expression: LogicItem): void;
+
+  removeExpression(options: string | LogicItem) {
+    let expression: LogicItem;
+    if (typeof options === 'string') {
+      expression = this.expression;
+      if (!expression) {
+        throw new Error(`找不到逻辑项 ${options}`);
+      }
+    } else {
+      expression = options;
     }
-    /**
-     * 祖先 ProcessElement
-     */
-    get processElement() {
-        return this.getAncestor('ProcessElement') as ProcessElement;
-    }
-    /**
-     * 祖先 Process
-     */
-    get process() {
-        return this.getAncestor('Process') as Process;
-    }
-
-    /**
-     * @param source 需要合并的部分参数
-     */
-    constructor(source?: Partial<BindAttribute>) {
-        source = Object.assign({}, BindAttribute.getDefaultOptions(), source);
-        super(source);
-        super.subConstructor(source);
+    return expression.delete();
+  }
+
+  /**
+   * 删除跳转页面
+   * @param name 跳转页面名称
+   */
+  removeDestination(name: string): void;
+
+  /**
+   * 删除跳转页面
+   * @param destination 已有的跳转页面实例
+   */
+  removeDestination(destination: Destination): void;
+
+  removeDestination(options: string | Destination) {
+    let destination: Destination;
+    if (typeof options === 'string') {
+      destination = this.destination;
+      if (!destination) {
+        throw new Error(`找不到跳转页面 ${options}`);
+      }
+    } else {
+      destination = options;
     }
-    getClassName() {
-        return 'BindAttribute';
-    }
-
-    static from(source: any, parentNode?: any, parentKey?: string): BindAttribute {
-        return super.from(source, parentNode, parentKey) as BindAttribute;
-    }
-
-    /**
-     * 从父级删除该节点
-     * @internal
-     */
-    _delete() {
-        let params: Params = null;
-        if (this.parentNode) {
-            params = (this.parentNode as any)?.__removeBindAttribute?.(this);
-        }
-        return params;
+    return destination.delete();
+  }
+
+  /**
+   * 删除外部链接
+   * @param name 外部链接名称
+   */
+  removeExternalDestination(name: string): void;
+
+  /**
+   * 删除外部链接
+   * @param externalDestination 已有的外部链接实例
+   */
+  removeExternalDestination(externalDestination: ExternalDestination): void;
+
+  removeExternalDestination(options: string | ExternalDestination) {
+    let externalDestination: ExternalDestination;
+    if (typeof options === 'string') {
+      externalDestination = this.externalDestination;
+      if (!externalDestination) {
+        throw new Error(`找不到外部链接 ${options}`);
+      }
+    } else {
+      externalDestination = options;
     }
-    /**
-     * 设置属性值
-     */
-    setValue(value: string) {
-        const object = {
-            value,
-        };
-        this.update({
-            ...object,
-        });
-    }
-
-    /**
-     * 设置属性表达式
-     */
-    setExpression(expression: LogicItem) {
-        expression._delete();
-        const relationOptions = { parentNode: this, parentKey: 'expression' };
-        Object.assign(expression, relationOptions);
-        const object = {
-            expression,
-        };
-        this.update({
-            ...object,
-        });
-    }
-
-    /**
-     * 设置跳转页面
-     */
-    setDestination(destination: Destination) {
-        destination._delete();
-        const relationOptions = { parentNode: this, parentKey: 'destination' };
-        Object.assign(destination, relationOptions);
-        const object = {
-            destination,
-        };
-        this.update({
-            ...object,
-        });
-    }
-
-    /**
-     * 设置跳转页面
-     */
-    setExternalDestination(externalDestination: ExternalDestination) {
-        externalDestination._delete();
-        const relationOptions = { parentNode: this, parentKey: 'externalDestination' };
-        Object.assign(externalDestination, relationOptions);
-        const object = {
-            externalDestination,
-        };
-        this.update({
-            ...object,
-        });
-    }
-
-    /**
-     * 设置经办人
-     */
-    setAssignee(assignee: Assignee) {
-        assignee._delete();
-        const relationOptions = { parentNode: this, parentKey: 'assignee' };
-        Object.assign(assignee, relationOptions);
-        const object = {
-            assignee,
-        };
-        this.update({
-            ...object,
-        });
-    }
-
-    /**
-     * 设置是否开启双向绑定
-     */
-    setSync(sync: boolean) {
-        const object = {
-            sync,
-        };
-        this.update({
-            ...object,
-        });
-    }
-
-        getValidationRuleExistingNames(excludedList: Array<ValidationRule> = []) {
-        const excludedSet = new Set(excludedList);
-        return ((this.rules as ValidationRule[]) || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
-    }
-    getValidationRuleUniqueName(name = 'validationRule1') {
-        return utils.unique(name, this.getValidationRuleExistingNames(), undefined, false);
-    }
-
-    /**
-    * 插入验证规则
-    * @internal
-    * @param name 验证规则名称，如果不填会自动生成一个唯一名称
-    */
-    _insertValidationRuleInRulesAt(name: string, index: number): ValidationRule;
-
-    /**
-    * 插入验证规则
-    * @internal
-    * @param validationRuleOptions 验证规则参数
-    */
-    _insertValidationRuleInRulesAt(validationRuleOptions: Partial<ValidationRule>, index: number): ValidationRule;
-
-    /**
-    * 插入验证规则
-    * @internal
-    * @param validationRule 已有的验证规则实例
-    */
-    _insertValidationRuleInRulesAt(validationRule: ValidationRule, index: number): ValidationRule;
-
-    _insertValidationRuleInRulesAt(options: string | Partial<ValidationRule> | ValidationRule, index: number) {
-        const validationRuleOptions: any = {};
-        const relationOptions = { parentNode: this, parentKey: 'rules' };
-        let validationRule: 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 (options instanceof ValidationRule) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            validationRule = options;
-            Object.assign(validationRule, relationOptions);
-        } else {
-            validationRule = ValidationRule.from({
-                ...validationRuleOptions,
-                ...options,
-            }, this, 'rules');
-        }
-        this.rules.splice(index, 0, validationRule);
-        return validationRule;
-    }
-
-    /**
-     * 插入验证规则
-     * @param name 验证规则名称，如果不填会自动生成一个唯一名称
-     */
-    insertValidationRuleInRulesAt(name: string, index: number): ValidationRule;
-
-    /**
-     * 插入验证规则
-     * @param validationRuleOptions 验证规则参数
-     */
-    insertValidationRuleInRulesAt(validationRuleOptions: Partial<ValidationRule>, index: number): ValidationRule;
-
-    /**
-     * 插入验证规则
-     * @param validationRule 已有的验证规则实例
-     */
-    insertValidationRuleInRulesAt(validationRule: ValidationRule, index: number): ValidationRule;
-
-    insertValidationRuleInRulesAt(options: string | Partial<ValidationRule> | ValidationRule, index: number) {
-        const node = this._insertValidationRuleInRulesAt(options as any, index);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'rules',
-        });
-        return node;
-    }
-
-    /**
-     * 添加验证规则
-     * @internal
-     * @param name 验证规则名称，如果不填会自动生成一个唯一名称
-     */
-    _addValidationRuleInRules(name?: string): ValidationRule;
-
-    /**
-     * 添加验证规则
-     * @internal
-     * @param validationRuleOptions 验证规则参数
-     */
-    _addValidationRuleInRules(validationRuleOptions: Partial<ValidationRule>): ValidationRule;
-
-    /**
-     * 添加验证规则
-     * @internal
-     * @param validationRule 已有的验证规则实例
-     */
-    _addValidationRuleInRules(validationRule: ValidationRule): ValidationRule;
-
-    _addValidationRuleInRules(options?: string | Partial<ValidationRule> | ValidationRule) {
-        const index = this.rules.length;
-        return this._insertValidationRuleInRulesAt(options as any, index);
-    }
-
-    /**
-     * 添加验证规则
-     * @internal
-     * @param name 验证规则名称，如果不填会自动生成一个唯一名称
-     */
-    addValidationRuleInRules(name?: string): ValidationRule;
-
-    /**
-     * 添加验证规则
-     * @param validationRuleOptions 验证规则参数
-     */
-    addValidationRuleInRules(validationRuleOptions: Partial<ValidationRule>): ValidationRule;
-
-    /**
-     * 添加验证规则
-     * @param validationRule 已有的验证规则实例
-     */
-    addValidationRuleInRules(validationRule: ValidationRule): ValidationRule;
-
-    addValidationRuleInRules(options?: string | Partial<ValidationRule> | ValidationRule) {
-        const node = this._addValidationRuleInRules(options as any);
-        const index = this.rules.indexOf(node);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'rules',
-        });
-        return node;
+    return externalDestination.delete();
+  }
+
+  /**
+   * 删除验证规则
+   * @param name 验证规则名称
+   */
+  removeValidationRuleInRules(name: string): void;
+
+  /**
+   * 删除验证规则
+   * @param validationRule 已有的验证规则实例
+   */
+  removeValidationRuleInRules(validationRule: ValidationRule): void;
+
+  removeValidationRuleInRules(options: string | ValidationRule) {
+    let validationRule: ValidationRule;
+    if (typeof options === 'string') {
+      validationRule = (this.rules as ValidationRule[]).find((item) => item.name === options);
+      if (!validationRule) {
+        throw new Error(`找不到验证规则 ${options}`);
+      }
+    } else {
+      validationRule = options;
     }
-
-    
-
-    /**
-    * 插入逻辑项
-    * @internal
-    * @param logicItemOptions 逻辑项参数
-    */
-    _insertItemInPlaygroundAt(logicItemOptions: Partial<LogicItem>, index: number): LogicItem;
-
-    /**
-    * 插入逻辑项
-    * @internal
-    * @param logicItem 已有的逻辑项实例
-    */
-    _insertItemInPlaygroundAt(logicItem: LogicItem, index: number): LogicItem;
-
-    _insertItemInPlaygroundAt(options: Partial<LogicItem> | LogicItem, index: number) {
-        const logicItemOptions: any = {};
-        const relationOptions = { parentNode: this, parentKey: 'playground' };
-        let logicItem: LogicItem;
-        if (options instanceof LogicItem) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            logicItem = options;
-            Object.assign(logicItem, relationOptions);
-        } else {
-            logicItem = LogicItem.from({
-                ...logicItemOptions,
-                ...options,
-            }, this, 'playground');
-        }
-        this.playground.splice(index, 0, logicItem);
-        return logicItem;
+    return validationRule.delete();
+  }
+
+  /**
+   * 删除经办人
+   * @param name 经办人名称
+   */
+  removeAssignee(name: string): void;
+
+  /**
+   * 删除经办人
+   * @param assignee 已有的经办人实例
+   */
+  removeAssignee(assignee: Assignee): void;
+
+  removeAssignee(options: string | Assignee) {
+    let assignee: Assignee;
+    if (typeof options === 'string') {
+      assignee = this.assignee;
+      if (!assignee) {
+        throw new Error(`找不到经办人 ${options}`);
+      }
+    } else {
+      assignee = options;
     }
-
-    
-
-    /**
-     * 插入逻辑项
-     * @param logicItemOptions 逻辑项参数
-     */
-    insertItemInPlaygroundAt(logicItemOptions: Partial<LogicItem>, index: number): LogicItem;
-
-    /**
-     * 插入逻辑项
-     * @param logicItem 已有的逻辑项实例
-     */
-    insertItemInPlaygroundAt(logicItem: LogicItem, index: number): LogicItem;
-
-    insertItemInPlaygroundAt(options: Partial<LogicItem> | LogicItem, index: number) {
-        const node = this._insertItemInPlaygroundAt(options as any, index);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'playground',
-        });
-        return node;
+    return assignee.delete();
+  }
+
+  /**
+   * 删除逻辑项
+   * @param logicItem 已有的逻辑项实例
+   */
+  removeItemInPlayground(logicItem: LogicItem): void;
+
+  removeItemInPlayground(options: LogicItem) {
+    const logicItem: LogicItem = options;
+    return logicItem.delete();
+  }
+
+  __removeLogicItem(logicItem: LogicItem) {
+    const { parentKey } = logicItem;
+    const params: Params = {
+      parentNode: this,
+      parentKey,
+      index: -1,
+      object: null,
+      oldObject: logicItem,
+    };
+    if (parentKey) {
+      params.parentKey = parentKey;
+      if (Array.isArray((this as any)[parentKey])) {
+        const index = (this as any)[parentKey].indexOf(logicItem);
+        ~index && (this as any)[parentKey].splice(index, 1);
+        params.index = index;
+      } else if ((this as any)[parentKey] === logicItem) {
+        params.index = 0;
+        (this as any)[parentKey] = undefined;
+      }
     }
-
-    
-
-    /**
-     * 添加逻辑项
-     * @internal
-     * @param logicItemOptions 逻辑项参数
-     */
-    _addItemInPlayground(logicItemOptions: Partial<LogicItem>): LogicItem;
-
-    /**
-     * 添加逻辑项
-     * @internal
-     * @param logicItem 已有的逻辑项实例
-     */
-    _addItemInPlayground(logicItem: LogicItem): LogicItem;
-
-    _addItemInPlayground(options?: Partial<LogicItem> | LogicItem) {
-        const index = this.playground.length;
-        return this._insertItemInPlaygroundAt(options as any, index);
+    return params;
+  }
+
+  //= ===============================================================================
+  // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+  // 自动生成的代码已结束。下面可以手动编写。
+  //= ===============================================================================
+
+  onChange($event?: EventPayload): void {
+    this.emit('change', $event);
+  }
+
+  updateSource(source?: Partial<BindAttribute>) {
+    const object = {
+      ...source,
+    };
+    this.update({
+      ...object,
+    });
+  }
+
+  getNamespace(ns: string) {
+    if (this.parentNode && (this.parentNode as Namespace).getNamespace) {
+      const parentNamespace = (this.parentNode as Namespace).getNamespace();
+      const parentName = this.parentNode.name;
+      const arr = [parentNamespace];
+      if (this.parentNode.concept !== 'App' && parentName) {
+        arr.push(parentName);
+      }
+      return `${arr.join('.')}.${ns || 'bindAttribute'}`;
     }
-
-    
-
-    /**
-     * 添加逻辑项
-     * @param logicItemOptions 逻辑项参数
-     */
-    addItemInPlayground(logicItemOptions: Partial<LogicItem>): LogicItem;
-
-    /**
-     * 添加逻辑项
-     * @param logicItem 已有的逻辑项实例
-     */
-    addItemInPlayground(logicItem: LogicItem): LogicItem;
-
-    addItemInPlayground(options?: Partial<LogicItem> | LogicItem) {
-        const node = this._addItemInPlayground(options as any);
-        const index = this.playground.indexOf(node);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'playground',
+    throw new Error('无法获取命名空间，请设置 parentNode！');
+  }
+
+  // 属性上绑定的表达式
+  get bindExpressions() {
+    const expressions: any[] = [];
+    // 跳转需要特殊处理
+    if (['externalDestination', 'destination'].includes(this.name)) {
+      const { link, arguments: params, anchor } = (this as any)[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);
         });
-        return node;
+      }
+    } else if (this.expression) {
+      expressions.push(this.expression);
     }
-
-
-    
-
-    /**
-    * 删除逻辑项
-    * @param name 逻辑项名称
-    */
-    removeExpression(name: string): void;
-
-    /**
-     * 删除逻辑项
-     * @param expression 已有的逻辑项实例
-     */
-    removeExpression(expression: LogicItem): void;
-
-    removeExpression(options: string | LogicItem) {
-        let expression: LogicItem;
-        if (typeof options === 'string') {
-            expression = this.expression;
-            if (!expression) {
-                throw new Error('找不到逻辑项 ' + options);
-            }
-        } else {
-            expression = options;
+    return expressions;
+  }
+
+  // 是否需要用标识符替换
+  get needReplaceWithIdentifier() {
+    let bindExpression = false;
+    const expressions: any[] = this.bindExpressions;
+    if (Array.isArray(expressions) && expressions.length) {
+      expressions.forEach((expression) => {
+        let rootMemberExpression: any;
+        let tempNode = expression;
+        while (tempNode?.concept === 'MemberExpression') {
+          rootMemberExpression = tempNode;
+          tempNode = (tempNode as MemberExpression)?.object;
         }
-        return expression.delete();
-    }
-
-    
-
-    /**
-    * 删除跳转页面
-    * @param name 跳转页面名称
-    */
-    removeDestination(name: string): void;
-
-    /**
-     * 删除跳转页面
-     * @param destination 已有的跳转页面实例
-     */
-    removeDestination(destination: Destination): void;
-
-    removeDestination(options: string | Destination) {
-        let destination: Destination;
-        if (typeof options === 'string') {
-            destination = this.destination;
-            if (!destination) {
-                throw new Error('找不到跳转页面 ' + options);
-            }
-        } else {
-            destination = options;
+        // 变量和变量的成员表达式不进行替换
+        if (
+          !(
+            ['Identifier', 'StringLiteral'].includes(expression?.concept) ||
+            (rootMemberExpression && rootMemberExpression.object?.concept === 'Identifier')
+          ) &&
+          (this.type === 'dynamic' || (this.name === 'rules' && this.rules))
+        ) {
+          bindExpression = true;
         }
-        return destination.delete();
+      });
     }
-
-    
-
-    /**
-    * 删除外部链接
-    * @param name 外部链接名称
-    */
-    removeExternalDestination(name: string): void;
-
-    /**
-     * 删除外部链接
-     * @param externalDestination 已有的外部链接实例
-     */
-    removeExternalDestination(externalDestination: ExternalDestination): void;
-
-    removeExternalDestination(options: string | ExternalDestination) {
-        let externalDestination: ExternalDestination;
-        if (typeof options === 'string') {
-            externalDestination = this.externalDestination;
-            if (!externalDestination) {
-                throw new Error('找不到外部链接 ' + options);
-            }
-        } else {
-            externalDestination = options;
-        }
-        return externalDestination.delete();
-    }
-
-    
-
-    /**
-    * 删除验证规则
-    * @param name 验证规则名称
-    */
-    removeValidationRuleInRules(name: string): void;
-
-    /**
-     * 删除验证规则
-     * @param validationRule 已有的验证规则实例
-     */
-    removeValidationRuleInRules(validationRule: ValidationRule): void;
-
-    removeValidationRuleInRules(options: string | ValidationRule) {
-        let validationRule: ValidationRule;
-        if (typeof options === 'string') {
-            validationRule = (this.rules as ValidationRule[]).find((item) => item.name === options);
-            if (!validationRule) {
-                throw new Error('找不到验证规则 ' + options);
-            }
-        } else {
-            validationRule = options;
-        }
-        return validationRule.delete();
-    }
-
-    
-
-    /**
-    * 删除经办人
-    * @param name 经办人名称
-    */
-    removeAssignee(name: string): void;
-
-    /**
-     * 删除经办人
-     * @param assignee 已有的经办人实例
-     */
-    removeAssignee(assignee: Assignee): void;
-
-    removeAssignee(options: string | Assignee) {
-        let assignee: Assignee;
-        if (typeof options === 'string') {
-            assignee = this.assignee;
-            if (!assignee) {
-                throw new Error('找不到经办人 ' + options);
-            }
-        } else {
-            assignee = options;
-        }
-        return assignee.delete();
-    }
-
-    
-
-    /**
-     * 删除逻辑项
-     * @param logicItem 已有的逻辑项实例
-     */
-    removeItemInPlayground(logicItem: LogicItem): void;
-
-    removeItemInPlayground(options: LogicItem) {
-        let logicItem: LogicItem = options;
-        return logicItem.delete();
+    return bindExpression;
+  }
+
+  // 获取表达式在页面中的名字
+  get expressionNameInView() {
+    const nameList: string[] = [];
+    let node: BaseNode = this;
+    while (node) {
+      nameList.unshift(node.name);
+      if (node.concept === 'ViewElement') {
+        node = null;
+      } else {
+        nameList.unshift(node.parentKey);
+        node = node.parentNode;
+      }
     }
-
-    __removeLogicItem(logicItem: LogicItem) {
-        const parentKey = logicItem.parentKey;
-        const params: Params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: logicItem,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            if (Array.isArray((this as any)[parentKey])) {
-                const index = (this as any)[parentKey].indexOf(logicItem);
-                ~index && (this as any)[parentKey].splice(index, 1);
-                params.index = index;
-            } else if ((this as any)[parentKey] === logicItem) {
-                params.index = 0;
-                (this as any)[parentKey] = undefined;
-            }
-        }
-        return params;
+    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 as ViewElement).slotScope) {
+        argsList.unshift(index === 0 ? 'current' : `current${index}`);
+        index++;
+      }
+      parent = parent.parentNode;
     }
-
-    //================================================================================
-    // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
-    // 自动生成的代码已结束。下面可以手动编写。
-    //================================================================================
-
-    onChange($event?: EventPayload): void {
-        this.emit('change', $event);
-    }
-
-    updateSource(source?: Partial<BindAttribute>) {
-        const object = {
-            ...source,
-        };
-        this.update({
-            ...object,
-        });
-    }
-
-    getNamespace(ns: string) {
-        if (this.parentNode && (this.parentNode as Namespace).getNamespace) {
-            const parentNamespace = (this.parentNode as Namespace).getNamespace();
-            const parentName = this.parentNode.name;
-            const arr = [parentNamespace];
-            if (this.parentNode.concept !== 'App' && parentName) {
-                arr.push(parentName);
-            }
-            return `${arr.join('.')}.${ns || 'bindAttribute'}`;
-        } else
-            throw new Error('无法获取命名空间，请设置 parentNode！');
-    }
-
-    // 属性上绑定的表达式
-    get bindExpressions() {
-        const expressions: any[] = [];
-        // 跳转需要特殊处理
-        if (['externalDestination', 'destination'].includes(this.name)) {
-            const { link, arguments: params, anchor } = (this as any)[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: any[] = this.bindExpressions;
-        if (Array.isArray(expressions) && expressions.length) {
-            expressions.forEach((expression) => {
-                let rootMemberExpression: any;
-                let tempNode = expression;
-                while (tempNode?.concept === 'MemberExpression') {
-                    rootMemberExpression = tempNode;
-                    tempNode = (tempNode as MemberExpression)?.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: string[] = [];
-        let node: BaseNode = this;
-        while (node) {
-            nameList.unshift(node.name);
-            if (node.concept === 'ViewElement') {
-                node = null;
+    return argsList;
+  }
+
+  // 表达式中需要被监听的变量
+  get watchedVariableMap() {
+    const map: any = {};
+    // 页面中表达式用到的变量需要监听，从而重新执行match表达式
+    utils.traverse(
+      (current: any) => {
+        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 {
-                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 as ViewElement).slotScope) {
-                argsList.unshift(index === 0 ? 'current' : 'current' + index);
-                index++;
+              memberExpressionNode = memberExpressionNode.parentNode;
             }
-            parent = parent.parentNode;
+          }
+          if (expressionNode) {
+            map[expressionNode.toJS()] = true;
+          }
         }
-        return argsList;
-    }
-
-    // 表达式中需要被监听的变量
-    get watchedVariableMap() {
-        const map: any = {};
-        // 页面中表达式用到的变量需要监听，从而重新执行match表达式
-        utils.traverse((current: any) => {
-            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?: TranslatorState) {
-        const argsList = this.getArgsList() || [];
-        const hasArgs = !!argsList.length;
-        let argStr = '';
-
-        // 容错代码
-        let ftCode = '';
-        if (hasArgs) {
-            argsList.forEach((arg) => {
-                ftCode += `if (!this.${this.expressionNameInView}${argStr}) {
+      },
+      {
+        node: this,
+      },
+      {
+        mode: 'anyObject',
+        excludedKeySet: new Set([
+          // 排除playground里的表达式
+          'playground',
+          'parentNode',
+          'sourceMap',
+          'storageJSON',
+          'tsErrorDetail',
+          'NaslAnnotatedJSON',
+          'calledFrom',
+          '_events',
+          '_collectingList',
+          '_historyList',
+        ]),
+      }
+    );
+    return map;
+  }
+
+  getInViewMethod(state?: TranslatorState) {
+    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}) {
+        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`;
-            });
-        }
+    // 新的参数
+    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 as any)[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} = {
+    // 表达式主体
+    let expressionStr = '';
+    if (this.type === 'dynamic') {
+      if (['externalDestination', 'destination'].includes(this.name)) {
+        expressionStr = (this as any)[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(', ')}) {
+    if (Array.isArray(argsList) && argsList.length) {
+      setVarStr += `this.${this.expressionNameInView} = {...this.${this.expressionNameInView}};\n`;
+    }
+    const code = `${this.expressionBuilderName} (${argsList.join(', ')}) {
             // 容错代码
             ${ftCode}
             (async () => {
@@ -919,177 +927,219 @@ export class BindAttribute extends BaseNode {
             return this.${this.expressionNameInView}${argStr}.value;
         }`;
 
-        return code;
-    }
-
-    /**
-     * 转换成 Vue 的模板格式
-     */
-    toVue(options?: ElementToVueOptions) {
-        let str = '';
-        let value = this.value;
-        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 as any)?.[this.name]?.toVue(options) || '';
-            } 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) {
-                        code = value.replace(/['"`\\]/g, (m) => {
-                            const escape = '\\';
-                            if (m === '\\') {
-                                return `${escape}${escape}`;
-                            } else {
-                                return `${escape}${m}`;
-                            }
-                        });
-                    }
-                }
-                value = code;
-            }
+    return code;
+  }
+
+  /**
+   * 转换成 Vue 的模板格式
+   */
+  toVue(options?: ElementToVueOptions) {
+    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 as any)?.[this.name]?.toVue(options) || '';
+      } 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) {
+            code = value.replace(/['"`\\]/g, (m) => {
+              const escape = '\\';
+              if (m === '\\') {
+                return `${escape}${escape}`;
+              }
+              return `${escape}${m}`;
+            });
+          }
         }
-        if (value !== undefined && value !== null && typeof value === 'string') {
-            value = value.replace(/"/g, "'");
+        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 as any)?.typeAnnotation || this.expression?.__TypeAnnotation;
+        value = `$utils['ToString'](${value}, '${expTypeAnnotation?.sortedTypeKey}')`;
+      }
+      if (this.type === 'string' && name !== 'rules') {
+        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;
+  }
+
+  @withSourceMap()
+  toEmbeddedTS(state?: TranslatorState): string {
+    const { name, type, value, rules, expression, playground } = this;
+
+    let code = '() => {';
+
+    if (['destination', 'externalDestination'].includes(name) && type === 'dynamic') {
+      code += (this as any)[name].toEmbeddedTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+      code += ';\n';
+    } else if (name === 'rules') {
+      rules?.forEach((item, index) => {
+        code += item.toEmbeddedTS(shiftState(state, code));
+        code += ';\n';
+      });
+    } else if (expression) {
+      code += expression.toEmbeddedTS(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: string[] = dataSourceNameAndEntityName.split('/');
+          dataSourceName = arr[0];
+          entityName = arr[1];
+        } else {
+          entityName = dataSourceNameAndEntityName;
         }
-        let name = this.name;
-        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 as any)?.typeAnnotation || this.expression?.__TypeAnnotation;
-                value = `$utils['ToString'](${value}, '${expTypeAnnotation?.sortedTypeKey}')`;
-            }
-            if (this.type === 'string' && name !== 'rules') {
-                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;
+        // 连接符转驼峰
+        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(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+        code += ';\n';
+      });
     }
 
-    @withSourceMap()
-    toEmbeddedTS(state?: TranslatorState): string {
-        const {
-            name,
-            type,
-            value,
-            rules,
-            expression,
-            playground,
-        } = this;
-
-        let code = '() => {';
-
-        if (['destination', 'externalDestination'].includes(name) && type === 'dynamic') {
-            code += (this as any)[name].toEmbeddedTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
-            code += ';\n';
-        } else if (name === 'rules') {
-            rules?.forEach((item, index) => {
-                code += item.toEmbeddedTS(shiftState(state, code));
-                code += ';\n';
-            });
-        } else if (expression) {
-            code += expression.toEmbeddedTS(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: string[] = 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(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
-                code += ';\n';
-            });
+    code += '}';
+    return code;
+  }
+
+  @withSourceMap()
+  toNaturalTS(state?: TranslatorState): string {
+    const { name, type, value, rules, expression, playground } = this;
+    let code = '() => {';
+
+    if (['destination', 'externalDestination'].includes(name) && type === 'dynamic') {
+      code += (this as any)[name].toNaturalTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+      code += ';\n';
+    } else if (name === 'rules') {
+      rules?.forEach((item) => {
+        code += item.toNaturalTS(shiftState(state, code));
+        code += ';\n';
+      });
+    } else if (expression) {
+      code += expression.toNaturalTS(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: string[] = dataSourceNameAndEntityName.split('/');
+          dataSourceName = arr[0];
+          entityName = arr[1];
+        } else {
+          entityName = dataSourceNameAndEntityName;
         }
-
-        code += '}';
-        return code;
+        // 连接符转驼峰
+        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';
+      }
     }
-
-    setUrlValue(newValue: string) {
-        const object = {
-            value: newValue,
-        };
-        this.update({
-            ...object,
-        });
+    if (type === 'dynamic') {
+      playground?.forEach((item) => {
+        code += item.toNaturalTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+        code += ';\n';
+      });
     }
-    //================================================================================
-    // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
-    // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
-    //================================================================================
+
+    code += '}';
+    return code;
+  }
+
+  setUrlValue(newValue: string) {
+    const object = {
+      value: newValue,
+    };
+    this.update({
+      ...object,
+    });
+  }
+  //= ===============================================================================
+  // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
+  // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
+  //= ===============================================================================
 }
 
 classMap.BindAttribute = BindAttribute;
 export default BindAttribute;
-//================================================================================
+//= ===============================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
 // 自动生成的代码已结束。下面可以手动编写。
-//================================================================================
+//= ===============================================================================