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

package/src/concepts/Destination__.ts

@@ -1,18 +1,18 @@
+import { v4 as uuidv4 } from 'uuid';
 import View from './View__';
 import { getNodeByNodeCallee } from '../automate/engine/utils';
 import { TranslatorState, shiftState, withSourceMap, indent } from '../translator';
 import { ElementToVueOptions } from './ViewElement__';
 import { BindAttribute, Param } from '..';
 
-//================================================================================
+//= ===============================================================================
 // 从这里开始到结尾注释之间的代码由 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 Argument from './Argument__';
@@ -24,794 +24,856 @@ import LogicItem from './LogicItem__';
  */
 @concept('跳转页面')
 export class Destination extends LogicItem {
-    /**
-     * 产品概念
-     */
-    @property()
-    concept: 'Destination' = 'Destination';
-
-    /**
-     * 跳转页面标题
-     */
-    @property()
-    label: string = '跳转页面';
-
-    /**
-     * viewNamespace
-     */
-    @property()
-    viewNamespace: string = undefined;
-
-    /**
-     * viewName
-     */
-    @property()
-    viewName: string = undefined;
-
-    /**
-     * 实际参数
-     */
-    @property('Argument')
-    arguments: Array<Argument> = [];
-
-    /**
-     * 锚点参数
-     */
-    @property('Anchor')
-    anchor: Anchor = undefined;
-
-    /**
-     * target
-     */
-    @property()
-    target: string = '_self';
-
-    
-
-    /**
-     * @param source 需要合并的部分参数
-     */
-    constructor(source?: Partial<Destination>) {
-        source = Object.assign({}, Destination.getDefaultOptions(), source);
-        super(source);
-        super.subConstructor(source);
-    }
-    getClassName() {
-        return 'Destination';
-    }
-
-    static from(source: any, parentNode?: any, parentKey?: string): Destination {
-        return super.from(source, parentNode, parentKey) as Destination;
-    }
-
-    
-    /**
-     * 设置viewNamespace
-     */
-    setViewNamespace(viewNamespace: string) {
-        const object = {
-            viewNamespace,
-        };
-        this.update({
-            ...object,
-        });
-    }
-
-    /**
-     * 设置viewName
-     */
-    setViewName(viewName: string) {
-        const object = {
-            viewName,
-        };
-        this.update({
-            ...object,
-        });
-    }
-
-    /**
-     * 设置锚点参数
-     */
-    setAnchor(anchor: Anchor) {
-        anchor._delete();
-        const relationOptions = { parentNode: this, parentKey: 'anchor' };
-        Object.assign(anchor, relationOptions);
-        const object = {
-            anchor,
-        };
-        this.update({
-            ...object,
-        });
-    }
-
-    /**
-     * 设置target
-     */
-    setTarget(target: string) {
-        const object = {
-            target,
-        };
-        this.update({
-            ...object,
-        });
-    }
-
-    
-
-    
-
-    /**
-    * 插入实际参数
-    * @internal
-    * @param argumentOptions 实际参数参数
-    */
-    _insertArgumentAt(argumentOptions: Partial<Argument>, index: number): Argument;
-
-    /**
-    * 插入实际参数
-    * @internal
-    * @param argument 已有的实际参数实例
-    */
-    _insertArgumentAt(argument: Argument, index: number): Argument;
-
-    _insertArgumentAt(options: Partial<Argument> | Argument, index: number) {
-        const argumentOptions: any = {};
-        const relationOptions = { parentNode: this, parentKey: 'arguments' };
-        let argument: Argument;
-        if (options instanceof Argument) {
-            options.ensureDelete(); // 同一实例不支持多处存在
-            argument = options;
-            Object.assign(argument, relationOptions);
-        } else {
-            argument = Argument.from({
-                ...argumentOptions,
-                ...options,
-            }, this, 'arguments');
-        }
-        this.arguments.splice(index, 0, argument);
-        return argument;
-    }
-
-    
-
-    /**
-     * 插入实际参数
-     * @param argumentOptions 实际参数参数
-     */
-    insertArgumentAt(argumentOptions: Partial<Argument>, index: number): Argument;
-
-    /**
-     * 插入实际参数
-     * @param argument 已有的实际参数实例
-     */
-    insertArgumentAt(argument: Argument, index: number): Argument;
-
-    insertArgumentAt(options: Partial<Argument> | Argument, index: number) {
-        const node = this._insertArgumentAt(options as any, index);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'arguments',
-        });
-        return node;
-    }
-
-    
-
-    /**
-     * 添加实际参数
-     * @internal
-     * @param argumentOptions 实际参数参数
-     */
-    _addArgument(argumentOptions: Partial<Argument>): Argument;
-
-    /**
-     * 添加实际参数
-     * @internal
-     * @param argument 已有的实际参数实例
-     */
-    _addArgument(argument: Argument): Argument;
-
-    _addArgument(options?: Partial<Argument> | Argument) {
-        const index = this.arguments.length;
-        return this._insertArgumentAt(options as any, index);
-    }
-
-    
-
-    /**
-     * 添加实际参数
-     * @param argumentOptions 实际参数参数
-     */
-    addArgument(argumentOptions: Partial<Argument>): Argument;
-
-    /**
-     * 添加实际参数
-     * @param argument 已有的实际参数实例
-     */
-    addArgument(argument: Argument): Argument;
-
-    addArgument(options?: Partial<Argument> | Argument) {
-        const node = this._addArgument(options as any);
-        const index = this.arguments.indexOf(node);
-        node.create({
-            index,
-            parentNode: this,
-            parentKey: 'arguments',
-        });
-        return node;
-    }
-
-
-    
-
-    /**
-     * 删除实际参数
-     * @param argument 已有的实际参数实例
-     */
-    removeArgumentInArguments(argument: Argument): void;
-
-    removeArgumentInArguments(options: Argument) {
-        let argument: Argument = options;
-        return argument.delete();
-    }
-
-    
-
-    /**
-    * 删除锚点参数
-    * @param name 锚点参数名称
-    */
-    removeAnchor(name: string): void;
-
-    /**
-     * 删除锚点参数
-     * @param anchor 已有的锚点参数实例
-     */
-    removeAnchor(anchor: Anchor): void;
-
-    removeAnchor(options: string | Anchor) {
-        let anchor: Anchor;
-        if (typeof options === 'string') {
-            anchor = this.anchor;
-            if (!anchor) {
-                throw new Error('找不到锚点参数 ' + options);
-            }
-        } else {
-            anchor = options;
-        }
-        return anchor.delete();
-    }
-
-    __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;
-    }
-
-    //================================================================================
-    // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
-    // 自动生成的代码已结束。下面可以手动编写。
-    //================================================================================
-
-    get tsCalleeNamespace() {
-        if (this.viewNamespace) {
-            let tsCalleeNamespace = this.viewNamespace;
-            tsCalleeNamespace = tsCalleeNamespace.replace(/\.[0-9]/g, (m) => m.replace('.', '.$'));
-            tsCalleeNamespace = tsCalleeNamespace.replace(/-/g, '_');
-            return tsCalleeNamespace;
+  /**
+   * 产品概念
+   */
+  @property()
+  concept: 'Destination' = 'Destination';
+
+  /**
+   * 跳转页面标题
+   */
+  @property()
+  label: string = '跳转页面';
+
+  /**
+   * viewNamespace
+   */
+  @property()
+  viewNamespace: string = undefined;
+
+  /**
+   * viewName
+   */
+  @property()
+  viewName: string = undefined;
+
+  /**
+   * 实际参数
+   */
+  @property('Argument')
+  arguments: Array<Argument> = [];
+
+  /**
+   * 锚点参数
+   */
+  @property('Anchor')
+  anchor: Anchor = undefined;
+
+  /**
+   * target
+   */
+  @property()
+  target: string = '_self';
+
+  /**
+   * @param source 需要合并的部分参数
+   */
+  constructor(source?: Partial<Destination>) {
+    // @ts-ignore
+    source = { ...Destination.getDefaultOptions(), ...source };
+    super(source);
+    super.subConstructor(source);
+  }
+
+  getClassName() {
+    return 'Destination';
+  }
+
+  static from(source: any, parentNode?: any, parentKey?: string): Destination {
+    return super.from(source, parentNode, parentKey) as Destination;
+  }
+
+  /**
+   * 设置viewNamespace
+   */
+  setViewNamespace(viewNamespace: string) {
+    const object = {
+      viewNamespace,
+    };
+    this.update({
+      ...object,
+    });
+  }
+
+  /**
+   * 设置viewName
+   */
+  setViewName(viewName: string) {
+    const object = {
+      viewName,
+    };
+    this.update({
+      ...object,
+    });
+  }
+
+  /**
+   * 设置锚点参数
+   */
+  setAnchor(anchor: Anchor) {
+    anchor._delete();
+    const relationOptions = { parentNode: this, parentKey: 'anchor' };
+    Object.assign(anchor, relationOptions);
+    const object = {
+      anchor,
+    };
+    this.update({
+      ...object,
+    });
+  }
+
+  /**
+   * 设置target
+   */
+  setTarget(target: string) {
+    const object = {
+      target,
+    };
+    this.update({
+      ...object,
+    });
+  }
+
+  /**
+   * 插入实际参数
+   * @internal
+   * @param argumentOptions 实际参数参数
+   */
+  _insertArgumentAt(argumentOptions: Partial<Argument>, index: number): Argument;
+
+  /**
+   * 插入实际参数
+   * @internal
+   * @param argument 已有的实际参数实例
+   */
+  _insertArgumentAt(argument: Argument, index: number): Argument;
+
+  _insertArgumentAt(options: Partial<Argument> | Argument, index: number) {
+    const argumentOptions: any = {};
+    const relationOptions = { parentNode: this, parentKey: 'arguments' };
+    let argument: Argument;
+    if (options instanceof Argument) {
+      options.ensureDelete(); // 同一实例不支持多处存在
+      argument = options;
+      Object.assign(argument, relationOptions);
+    } else {
+      argument = Argument.from(
+        {
+          ...argumentOptions,
+          ...options,
+        },
+        this,
+        'arguments'
+      );
+    }
+    this.arguments.splice(index, 0, argument);
+    return argument;
+  }
+
+  /**
+   * 插入实际参数
+   * @param argumentOptions 实际参数参数
+   */
+  insertArgumentAt(argumentOptions: Partial<Argument>, index: number): Argument;
+
+  /**
+   * 插入实际参数
+   * @param argument 已有的实际参数实例
+   */
+  insertArgumentAt(argument: Argument, index: number): Argument;
+
+  insertArgumentAt(options: Partial<Argument> | Argument, index: number) {
+    const node = this._insertArgumentAt(options as any, index);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'arguments',
+    });
+    return node;
+  }
+
+  /**
+   * 添加实际参数
+   * @internal
+   * @param argumentOptions 实际参数参数
+   */
+  _addArgument(argumentOptions: Partial<Argument>): Argument;
+
+  /**
+   * 添加实际参数
+   * @internal
+   * @param argument 已有的实际参数实例
+   */
+  _addArgument(argument: Argument): Argument;
+
+  _addArgument(options?: Partial<Argument> | Argument) {
+    const index = this.arguments.length;
+    return this._insertArgumentAt(options as any, index);
+  }
+
+  /**
+   * 添加实际参数
+   * @param argumentOptions 实际参数参数
+   */
+  addArgument(argumentOptions: Partial<Argument>): Argument;
+
+  /**
+   * 添加实际参数
+   * @param argument 已有的实际参数实例
+   */
+  addArgument(argument: Argument): Argument;
+
+  addArgument(options?: Partial<Argument> | Argument) {
+    const node = this._addArgument(options as any);
+    const index = this.arguments.indexOf(node);
+    node.create({
+      index,
+      parentNode: this,
+      parentKey: 'arguments',
+    });
+    return node;
+  }
+
+  /**
+   * 删除实际参数
+   * @param argument 已有的实际参数实例
+   */
+  removeArgumentInArguments(argument: Argument): void;
+
+  removeArgumentInArguments(options: Argument) {
+    const argument: Argument = options;
+    return argument.delete();
+  }
+
+  /**
+   * 删除锚点参数
+   * @param name 锚点参数名称
+   */
+  removeAnchor(name: string): void;
+
+  /**
+   * 删除锚点参数
+   * @param anchor 已有的锚点参数实例
+   */
+  removeAnchor(anchor: Anchor): void;
+
+  removeAnchor(options: string | Anchor) {
+    let anchor: Anchor;
+    if (typeof options === 'string') {
+      anchor = this.anchor;
+      if (!anchor) {
+        throw new Error(`找不到锚点参数 ${options}`);
+      }
+    } else {
+      anchor = options;
+    }
+    return anchor.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;
+      }
+    }
+    return params;
+  }
+
+  //= ===============================================================================
+  // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
+  // 自动生成的代码已结束。下面可以手动编写。
+  //= ===============================================================================
+
+  get tsCalleeNamespace() {
+    if (this.viewNamespace) {
+      let tsCalleeNamespace = this.viewNamespace;
+      tsCalleeNamespace = tsCalleeNamespace.replace(/\.[0-9]/g, (m) => m.replace('.', '.$'));
+      tsCalleeNamespace = tsCalleeNamespace.replace(/-/g, '_');
+      return tsCalleeNamespace;
+    }
+    return '';
+  }
+
+  get tsName() {
+    if (this.viewName) {
+      let tsName = this.viewName;
+      // 匹配所有特殊字符都转为_
+      tsName = tsName.replace(/\W/g, '_');
+      if (/^\d/.test(tsName)) {
+        tsName = `$${tsName}`;
+      }
+      return tsName;
+    }
+    return '';
+  }
+
+  genViewArr() {
+    const viewArr =
+      this.viewNamespace
+        ?.split('.')
+        .splice(1)
+        .filter((item, index) => index % 2 === 1) || [];
+    if (this.viewName) {
+      viewArr.push(this.viewName);
+    }
+    // 第一个是端名，需要去掉
+    viewArr.shift();
+    return viewArr;
+  }
+
+  toInViewMethod() {
+    let code = '';
+    const viewArr = this.genViewArr();
+    if (Array.isArray(viewArr) && viewArr.length) {
+      code += `let url = '${this.viewNode.frontend.prefixPath ? this.viewNode.frontend.prefixPath : ''}/${viewArr.join('/')}';\n`;
+      const { completeArguments } = this;
+      if (Array.isArray(completeArguments) && completeArguments.length) {
+        const node = this.viewNode;
+        let logicParam: Param[] = [];
+        if (node?.params) {
+          logicParam = node.params;
         }
-        return '';
-    }
-
-    get tsName() {
-        if (this.viewName) {
-            let tsName = this.viewName;
-            // 匹配所有特殊字符都转为_
-            tsName = tsName.replace(/\W/g, '_');
-            if (/^\d/.test(tsName)) {
-                tsName = '$' + tsName;
+        const logicParamLen = logicParam.length;
+        const paramAssigns: string[] = [];
+        const args: string[] = [];
+        completeArguments.forEach((arg, index) => {
+          const value = arg?.toJS();
+          if (value && index < logicParamLen) {
+            let paramAssign = `const ${arg.keyword} = `;
+            if (value === 'undefined') {
+              paramAssign += `null`;
+            } else {
+              paramAssign += value;
             }
-            return tsName;
-        }
-        return '';
-    }
-    genViewArr() {
-        const viewArr
-            = this.viewNamespace
-                ?.split('.')
-                .splice(1)
-                .filter((item, index) => index % 2 === 1) || [];
-        if (this.viewName) {
-            viewArr.push(this.viewName);
+            paramAssign += '\n;';
+            paramAssigns.push(paramAssign);
+            const constStr = `\${${arg.keyword}}`;
+            args.push(`${arg.keyword}=${constStr}`);
+          }
+        });
+        code += `${paramAssigns.join(';\n')}\n`;
+        code += 'const params = `';
+        code += args.join('&');
+        code += '`;\n';
+        code += 'if (params) {\nurl += `?${params}`;\n}\n';
+      }
+      if (this.anchor) {
+        const anchorCode = this.anchor.toJS();
+        if (anchorCode) {
+          code += `const anchor = ${anchorCode};\n`;
+          code += 'if (anchor) {\nurl += `#${anchor}`;\n}\n';
         }
-        // 第一个是端名，需要去掉
-        viewArr.shift();
-        return viewArr;
+      }
+      code += 'return url;';
     }
-
-    toInViewMethod() {
-        let code = '';
-        const viewArr = this.genViewArr();
-        if (Array.isArray(viewArr) && viewArr.length) {
-            code += `let url = '${this.viewNode.frontend.prefixPath ? this.viewNode.frontend.prefixPath : ''}/${viewArr.join('/')}';\n`;
-            const completeArguments = this.completeArguments;
-            if (Array.isArray(completeArguments) && completeArguments.length) {
-                const node = this.viewNode;
-                let logicParam: Param[] = [];
-                if (node?.params) {
-                    logicParam = node.params;
-                }
-                const logicParamLen = logicParam.length;
-                const paramAssigns: string[] = [];
-                const args: string[] = [];
-                completeArguments.forEach((arg, index) => {
-                    const value = arg?.toJS();
-                    if (value && index < logicParamLen) {
-                        let paramAssign = `const ${arg.keyword} = `;
-                        if (value === 'undefined') {
-                            paramAssign += `null`;
-                        } else {
-                            paramAssign += value;
-                        }
-                        paramAssign += '\n;';
-                        paramAssigns.push(paramAssign);
-                        const constStr = '${' + arg.keyword + '}';
-                        args.push(`${arg.keyword}=${constStr}`);
-                    }
-                });
-                code += `${paramAssigns.join(';\n')}\n`;
-                code += 'const params = `';
-                code += args.join('&');
-                code += '`;\n';
-                code += 'if (params) {\nurl += `?${params}`;\n}\n';
-            }
-            if (this.anchor) {
-                const anchorCode = this.anchor.toJS();
-                if (anchorCode) {
-                    code += `const anchor = ${anchorCode};\n`;
-                    code += 'if (anchor) {\nurl += `#${anchor}`;\n}\n';
-                }
-            }
-            code += 'return url;';
-        }
-        return `await (async () => {
+    return `await (async () => {
             try {
                 ${code};
             } catch(err) {
                 console.log(err);
             }
         })();`;
-    }
-
-    toVue(options?: ElementToVueOptions) {
-        let url = '`';
-        const viewArr = this.genViewArr();
-        if (Array.isArray(viewArr) && viewArr.length) {
-            url += `${this.viewNode?.frontend?.prefixPath ? this.viewNode.frontend.prefixPath : ''}/${viewArr.join('/')}`;
-            const completeArguments = this.completeArguments;
-            if (completeArguments.length) {
-                const node = this.viewNode;
-                let logicParam: Param[] = [];
-                if (node?.params) {
-                    logicParam = node.params;
-                }
-                const logicParamLength = logicParam.length;
-                const args = completeArguments.map((arg, index) => {
-                    const value = arg?.toVue();
-                    let argStr = '';
-                    if (value && index < logicParamLength) {
-                        argStr += `${arg.keyword}=` + '${';
-                        if (value === 'undefined') {
-                            argStr += `null`;
-                        } else {
-                            argStr += value;
-                        }
-                        argStr += '}';
-                    }
-                    return argStr;
-                }).filter((arg) => !!arg);
-                url += `?${args.join('&')}`;
-            }
-            if (this.anchor) {
-                const anchor = this.anchor.toVue();
-                if (anchor)
-                    url += `#\${${anchor}}`;
-            }
+  }
+
+  toVue(options?: ElementToVueOptions) {
+    let url = '`';
+    const viewArr = this.genViewArr();
+    if (Array.isArray(viewArr) && viewArr.length) {
+      url += `${this.viewNode?.frontend?.prefixPath ? this.viewNode.frontend.prefixPath : ''}/${viewArr.join('/')}`;
+      const { completeArguments } = this;
+      if (completeArguments.length) {
+        const node = this.viewNode;
+        let logicParam: Param[] = [];
+        if (node?.params) {
+          logicParam = node.params;
         }
-        url += '`';
-        return url;
-    }
-
-    toUI(): string {
-        let url = '';
-        const viewArr = this.genViewArr();
-        if (Array.isArray(viewArr) && viewArr.length) {
-            url += '`';
-            // IDE内展示需要屏蔽掉“系统统一路径前缀”
-            url += `${this.viewNode?.frontend?.basePath ? this.viewNode.frontend.basePath : ''}/${viewArr.join('/')}`;
-            const completeArguments = this.completeArguments;
-            if (completeArguments.length) {
-                const node = this.viewNode;
-                let logicParam: Param[] = [];
-                if (node?.params) {
-                    logicParam = node.params;
-                }
-                const logicParamLength = logicParam.length;
-                const args = completeArguments.map((arg, index) => {
-                    const value = arg?.toUI();
-                    let argStr = '';
-                    if (value && index < logicParamLength) {
-                        argStr += `${arg.keyword}=` + '${';
-                        if (value === 'undefined') {
-                            argStr += 'null';
-                        } else {
-                            argStr += value;
-                        }
-                        argStr += '}';
-                    }
-                    return argStr;
-                }).filter((arg) => !!arg);
-                url += `?${args.join('&')}`;
-            }
-            if (this.anchor) {
-                const anchor = this.anchor.toUI();
-                if (anchor)
-                    url += `#\${${anchor}}`;
+        const logicParamLength = logicParam.length;
+        const args = completeArguments
+          .map((arg, index) => {
+            const value = arg?.toVue();
+            let argStr = '';
+            if (value && index < logicParamLength) {
+              argStr += `${arg.keyword}=` + '${';
+              if (value === 'undefined') {
+                argStr += `null`;
+              } else {
+                argStr += value;
+              }
+              argStr += '}';
             }
-            url += '`';
+            return argStr;
+          })
+          .filter((arg) => !!arg);
+        url += `?${args.join('&')}`;
+      }
+      if (this.anchor) {
+        const anchor = this.anchor.toVue();
+        if (anchor) url += `#\${${anchor}}`;
+      }
+    }
+    url += '`';
+    return url;
+  }
+
+  toUI(): string {
+    let url = '';
+    const viewArr = this.genViewArr();
+    if (Array.isArray(viewArr) && viewArr.length) {
+      url += '`';
+      // IDE内展示需要屏蔽掉“系统统一路径前缀”
+      url += `${this.viewNode?.frontend?.basePath ? this.viewNode.frontend.basePath : ''}/${viewArr.join('/')}`;
+      const { completeArguments } = this;
+      if (completeArguments.length) {
+        const node = this.viewNode;
+        let logicParam: Param[] = [];
+        if (node?.params) {
+          logicParam = node.params;
         }
-        return url;
-    }
-
-    toJS(): string {
-        let url = '';
-        const viewArr = this.genViewArr();
-        if (Array.isArray(viewArr) && viewArr.length) {
-            url += 'this.$destination(`';
-            url += `${this.viewNode?.frontend?.prefixPath ? this.viewNode.frontend.prefixPath : ''}/${viewArr.join('/')}`;
-            const completeArguments = this.completeArguments;
-
-            if (completeArguments.length) {
-                const node = this.viewNode;
-                let logicParam: Param[] = [];
-                if (node?.params) {
-                    logicParam = node.params;
-                }
-                const logicParamLength = logicParam.length;
-                const args = completeArguments.map((arg, index) => {
-                    const value = arg?.toJS();
-                    let argStr = '';
-                    if (value && index < logicParamLength) {
-                        argStr += `${arg.keyword}=` + '${';
-                        if (value === 'undefined') {
-                            argStr += 'null';
-                        } else {
-                            argStr += value;
-                        }
-                        argStr += '}';
-                    }
-                    return argStr;
-                }).filter((arg) => !!arg);
-                url += `?${args.join('&')}`;
-            }
-            if (this.anchor) {
-                const anchor = this.anchor.toJS();
-                if (anchor)
-                    url += `#\${${anchor}}`;
+        const logicParamLength = logicParam.length;
+        const args = completeArguments
+          .map((arg, index) => {
+            const value = arg?.toUI();
+            let argStr = '';
+            if (value && index < logicParamLength) {
+              argStr += `${arg.keyword}=` + '${';
+              if (value === 'undefined') {
+                argStr += 'null';
+              } else {
+                argStr += value;
+              }
+              argStr += '}';
             }
-            url += '`,"';
-            url += `${this.target}`;
-            url += '")';
+            return argStr;
+          })
+          .filter((arg) => !!arg);
+        url += `?${args.join('&')}`;
+      }
+      if (this.anchor) {
+        const anchor = this.anchor.toUI();
+        if (anchor) url += `#\${${anchor}}`;
+      }
+      url += '`';
+    }
+    return url;
+  }
+
+  toJS(): string {
+    let url = '';
+    const viewArr = this.genViewArr();
+    if (Array.isArray(viewArr) && viewArr.length) {
+      url += 'this.$destination(`';
+      url += `${this.viewNode?.frontend?.prefixPath ? this.viewNode.frontend.prefixPath : ''}/${viewArr.join('/')}`;
+      const { completeArguments } = this;
+
+      if (completeArguments.length) {
+        const node = this.viewNode;
+        let logicParam: Param[] = [];
+        if (node?.params) {
+          logicParam = node.params;
         }
-        return url;
-    }
-
-    public static getDefaultOptions(): any {
-        return {
-            anchor: {
-                concept: 'Anchor',
-            },
-        };
-    }
-
+        const logicParamLength = logicParam.length;
+        const args = completeArguments
+          .map((arg, index) => {
+            const value = arg?.toJS();
+            let argStr = '';
+            if (value && index < logicParamLength) {
+              argStr += `${arg.keyword}=` + '${';
+              if (value === 'undefined') {
+                argStr += 'null';
+              } else {
+                argStr += value;
+              }
+              argStr += '}';
+            }
+            return argStr;
+          })
+          .filter((arg) => !!arg);
+        url += `?${args.join('&')}`;
+      }
+      if (this.anchor) {
+        const anchor = this.anchor.toJS();
+        if (anchor) url += `#\${${anchor}}`;
+      }
+      url += '`,"';
+      url += `${this.target}`;
+      url += '")';
+    }
+    return url;
+  }
+
+  public static getDefaultOptions(): any {
+    return {
+      anchor: {
+        concept: 'Anchor',
+      },
+    };
+  }
+
+  /**
+   * 设置view
+   */
+  setView(view: View) {
+    const object = {
+      viewNamespace: view.getNamespace(),
+      viewName: view.name,
+    };
+    const params = view.params.map((param) => {
+      const relationOptions = { parentNode: this, parentKey: 'arguments' };
+      const argument = Argument.from(
+        {
+          keyword: param.name,
+        },
+        this
+      );
+      Object.assign(argument, relationOptions);
+      return argument;
+    });
+    this.update({
+      ...object,
+      arguments: params,
+      folded: false,
+    });
+  }
+
+  /**
+   * 设置view的argument
+   */
+  addCalleeArg(view: View) {
+    const newArgs = this.arguments.map((argument) =>
+      Argument.from(
+        {
+          ...argument,
+        },
+        this
+      )
+    );
+    const relationOptions = { parentNode: this, parentKey: 'arguments' };
     /**
-     * 设置view
+     * 当前两个参数对应上，添加的时候，view会比参数位内容多，就添加一个 argment
      */
-    setView(view: View) {
-        const object = {
-            viewNamespace: view.getNamespace(),
-            viewName: view.name,
-        };
-        const params = view.params.map((param) => {
-            const relationOptions = { parentNode: this, parentKey: 'arguments' };
-            const argument = Argument.from({
-                keyword: param.name,
-            }, this);
-            Object.assign(argument, relationOptions);
-            return argument;
-        });
-        this.update({
-            ...object,
-            arguments: params,
-            folded: false,
-        });
+    if (view.params.length >= newArgs.length) {
+      view.params.forEach((param: Param, index: number) => {
+        const arg = newArgs[index];
+        if (!arg) {
+          const newParam = Argument.from(
+            {
+              keyword: param.name,
+            },
+            this
+          );
+          Object.assign(newParam, relationOptions);
+          newArgs.push(newParam);
+        } else {
+          arg.keyword = param.name;
+        }
+      });
+    } else {
+      /**
+       * 当前callview上数量比view参数还多，他就需要找一个arg使他变成可用的参数
+       */
+      newArgs.forEach((arg: Argument, index: number) => {
+        const param = view.params[index];
+        if (param) {
+          arg.keyword = param.name;
+        }
+      });
     }
+    this.update({
+      arguments: newArgs,
+    });
+  }
 
+  deleteCalleeArg(argIndex: number) {
     /**
-     * 设置view的argument
+     * 传递过下标来，然后直接移动到最后结束
+     * 如果原来就是最后一个位置就不移动了
      */
-    addCalleeArg(view: View) {
-        const newArgs = this.arguments.map((argument) =>
-            Argument.from({
-                ...argument,
-            }, this));
-        const relationOptions = { parentNode: this, parentKey: 'arguments' };
-        /**
-         * 当前两个参数对应上，添加的时候，view会比参数位内容多，就添加一个 argment
-         */
-        if (view.params.length >= newArgs.length) {
-            view.params.forEach((param: Param, index: number) => {
-                const arg = newArgs[index];
-                if (!arg) {
-                    const newParam = Argument.from({
-                        keyword: param.name,
-                    }, this);
-                    Object.assign(newParam, relationOptions);
-                    newArgs.push(newParam);
-                } else {
-                    arg.keyword = param.name;
-                }
-            });
-        } else {
-            /**
-             * 当前callview上数量比view参数还多，他就需要找一个arg使他变成可用的参数
-             */
-            newArgs.forEach((arg: Argument, index: number) => {
-                const param = view.params[index];
-                if (param) {
-                    arg.keyword = param.name;
-                }
-            });
-        }
-        this.update({
-            arguments: newArgs,
+    if (typeof argIndex === 'number') {
+      if (!this.arguments[argIndex]?.expression) {
+        return this.arguments[argIndex]?.delete();
+      }
+      if (argIndex !== this.arguments.length - 1) {
+        // 如果本身没有值就直接删除
+        this.arguments[argIndex]?.moveNode({
+          sourceNode: this.arguments[this.arguments.length - 1],
+          position: 'insertAfter',
         });
-    }
-
-    deleteCalleeArg(argIndex: number) {
-        /**
-         * 传递过下标来，然后直接移动到最后结束
-         * 如果原来就是最后一个位置就不移动了
-         */
-        if (typeof argIndex === 'number') {
-            if (!this.arguments[argIndex]?.expression) {
-                return this.arguments[argIndex]?.delete();
-            }
-            if (argIndex !== this.arguments.length - 1) {
-                // 如果本身没有值就直接删除
-                this.arguments[argIndex]?.moveNode({
-                    sourceNode: this.arguments[this.arguments.length - 1],
-                    position: 'insertAfter',
-                });
-            }
+      }
+    }
+  }
+
+  /**
+   * 设置Arguments的KeyWord
+   */
+  setArgumentsKeyWord(options: { findArgument: Argument; newKeyword: string }) {
+    const { findArgument, newKeyword } = options;
+    findArgument.setKeyword(newKeyword);
+  }
+
+  get viewUIPath() {
+    if (!this.viewNamespace) {
+      return '';
+    }
+    const namespaceAttr = this.viewNamespace.split('.');
+    namespaceAttr.push(this.viewName);
+    const viewNameAttr: string[] = [];
+    if (Array.isArray(namespaceAttr)) {
+      namespaceAttr.forEach((item, index) => {
+        if (item === 'views') {
+          viewNameAttr.push(namespaceAttr[index + 1]);
         }
+      });
     }
-    /**
-     * 设置Arguments的KeyWord
-     */
-    setArgumentsKeyWord(options: { findArgument: Argument; newKeyword: string }) {
-        const { findArgument, newKeyword } = options;
-        findArgument.setKeyword(newKeyword);
+    if (this.viewNode && this.viewNode.frontend) {
+      return `${this.viewNode.frontend.basePath}/${viewNameAttr.join('/')}`;
     }
+    return `/${viewNameAttr.join('/')}`;
+  }
 
-    get viewUIPath() {
-        if (!this.viewNamespace) {
-            return '';
-        }
-        const namespaceAttr = this.viewNamespace.split('.');
-        namespaceAttr.push(this.viewName);
-        const viewNameAttr: string[] = [];
-        if (Array.isArray(namespaceAttr)) {
-            namespaceAttr.forEach((item, index) => {
-                if (item === 'views') {
-                    viewNameAttr.push(namespaceAttr[index + 1]);
-                }
-            });
-        }
-        if (this.viewNode && this.viewNode.frontend) {
-            return `${this.viewNode.frontend.basePath}/${viewNameAttr.join('/')}`;
-        }
-        return `/${viewNameAttr.join('/')}`;
+  get viewPath() {
+    if (!this.viewNamespace) {
+      return '';
     }
-
-    get viewPath() {
-        if (!this.viewNamespace) {
-            return '';
-        }
-        const namespaceAttr = this.viewNamespace.split('.');
-        namespaceAttr.push(this.viewName);
-        const viewNameAttr: string[] = [];
-        if (Array.isArray(namespaceAttr)) {
-            namespaceAttr.forEach((item, index) => {
-                if (item === 'views') {
-                    viewNameAttr.push(namespaceAttr[index + 1]);
-                }
-            });
+    const namespaceAttr = this.viewNamespace.split('.');
+    namespaceAttr.push(this.viewName);
+    const viewNameAttr: string[] = [];
+    if (Array.isArray(namespaceAttr)) {
+      namespaceAttr.forEach((item, index) => {
+        if (item === 'views') {
+          viewNameAttr.push(namespaceAttr[index + 1]);
         }
-        if (this.viewNode) {
-            return `${this.viewNode.frontend.prefixPath}/${viewNameAttr.join('/')}`;
+      });
+    }
+    if (this.viewNode) {
+      return `${this.viewNode.frontend.prefixPath}/${viewNameAttr.join('/')}`;
+    }
+    return `/${viewNameAttr.join('/')}`;
+  }
+
+  @withSourceMap()
+  toEmbeddedTSInProcess(state: TranslatorState, prependCode: string): string {
+    // const tab = indent((state?.tabSize || 0));
+    if (this.tsCalleeNamespace && this.tsName) {
+      const destinationName = this.parentNode.name.replace('-', '_');
+      let code = `${destinationName}: function() {\n`;
+      code += prependCode;
+      code += '\n';
+      if (this.tsCalleeNamespace && this.viewName) {
+        code += `${this.tsCalleeNamespace}.${this.viewName}.$destination({`;
+        if (Array.isArray(this.arguments)) {
+          this.arguments.forEach((argument: Argument) => {
+            code += `${argument.toEmbeddedTS(shiftState(state, code), false, true)}, `;
+          });
         }
-        return `/${viewNameAttr.join('/')}`;
-    }
-    @withSourceMap()
-    toEmbeddedTSInProcess(state: TranslatorState, prependCode: string): string {
-        // const tab = indent((state?.tabSize || 0));
-        if (this.tsCalleeNamespace && this.tsName) {
-            const destinationName = this.parentNode.name.replace('-', '_');
-            let code = `${destinationName}: function() {\n`;
-            code += prependCode;
-            code += '\n';
-            if (this.tsCalleeNamespace && this.viewName) {
-                code += `${this.tsCalleeNamespace}.${this.viewName}.$destination({`;
-                if (Array.isArray(this.arguments)) {
-                    this.arguments.forEach((argument: Argument) => {
-                        code += argument.toEmbeddedTS(shiftState(state, code), false, true) + ', ';
-                    });
-                }
-                code += this.anchor?.toEmbeddedTS(shiftState(state, code), true) || '';
-                code += `});\n`;
+        code += this.anchor?.toEmbeddedTS(shiftState(state, code), true) || '';
+        code += `});\n`;
+      }
+      code += `${indent((state?.tabSize || 0) + 1)}}\n`;
+      return code;
+    }
+    return 'destinationEmpty(){ const __destinationEmpty__: any = null}';
+  }
+
+  @withSourceMap()
+  toEmbeddedTS(state?: TranslatorState): string {
+    let code = '';
+
+    const node = this.viewNode;
+    let logicParam: Param[] = [];
+    if (node?.params) {
+      logicParam = node.params;
+    }
+    const logicParamLength = logicParam.length;
+
+    if (this.parentNode instanceof BindAttribute) {
+      code += indent((state?.tabSize || 0) + 2);
+      if (this.tsCalleeNamespace && this.tsName) {
+        code += `${this.tsCalleeNamespace}.${this.tsName}.$destination({`;
+        if (Array.isArray(this.arguments)) {
+          this.arguments.forEach((argument: Argument, index) => {
+            const oldName = argument.keyword;
+            if (index >= logicParamLength) {
+              argument.keyword = '__unknown__';
             }
-            code += indent((state?.tabSize || 0) + 1) + `}\n`;
-            return code;
-        } else {
-            return 'destinationEmpty(){ const __destinationEmpty__: any = null}';
+            code += `${argument.toEmbeddedTS(shiftState(state, code), false, true)}, `;
+            argument.keyword = oldName;
+          });
         }
-    }
 
-    @withSourceMap()
-    toEmbeddedTS(state?: TranslatorState): string {
-        let code = '';
+        code += this.anchor?.toEmbeddedTS(shiftState(state, code), true) || '';
+
+        code += `});\n`;
+      }
+      return code;
+    }
+    if (this.tsCalleeNamespace && this.tsName) {
+      code += `${this.tsCalleeNamespace}.${this.tsName}.$destination({`;
+      if (Array.isArray(this.arguments)) {
+        this.arguments.forEach((argument: Argument, index) => {
+          const oldName = argument.keyword;
+          if (index >= logicParamLength) {
+            argument.keyword = '__unknown__';
+          }
+          code += `${argument.toEmbeddedTS(shiftState(state, code), false, true)}, `;
+          argument.keyword = oldName;
+        });
+      }
 
-        const node = this.viewNode;
-        let logicParam: Param[] = [];
-        if (node?.params) {
-            logicParam = node.params;
-        }
-        const logicParamLength = logicParam.length;
+      code += this.anchor?.toEmbeddedTS(shiftState(state, code), true) || '';
 
-        if (this.parentNode instanceof BindAttribute) {
-            code += indent((state?.tabSize || 0) + 2);
-            if (this.tsCalleeNamespace && this.tsName) {
-                code += `${this.tsCalleeNamespace}.${this.tsName}.$destination({`;
-                if (Array.isArray(this.arguments)) {
-                    this.arguments.forEach((argument: Argument, index) => {
-                        const oldName = argument.keyword;
-                        if (index >= logicParamLength) {
-                            argument.keyword = '__unknown__';
-                        }
-                        code += argument.toEmbeddedTS(shiftState(state, code), false, true) + ', ';
-                        argument.keyword = oldName;
-                    });
-                }
-
-                code += this.anchor?.toEmbeddedTS(shiftState(state, code), true) || '';
-
-                code += `});\n`;
-            }
-            return code;
-        } else {
-            if (this.tsCalleeNamespace && this.tsName) {
-                code += `${this.tsCalleeNamespace}.${this.tsName}.$destination({`;
-                if (Array.isArray(this.arguments)) {
-                    this.arguments.forEach((argument: Argument, index) => {
-                        const oldName = argument.keyword;
-                        if (index >= logicParamLength) {
-                            argument.keyword = '__unknown__';
-                        }
-                        code += argument.toEmbeddedTS(shiftState(state, code), false, true) + ', ';
-                        argument.keyword = oldName;
-                    });
-                }
-
-                code += this.anchor?.toEmbeddedTS(shiftState(state, code), true) || '';
-
-                code += `});\n`;
-            } else {
-                code += '__IDENTIFIER__';
-            }
-            return code;
-        }
+      code += `});\n`;
+    } else {
+      code += '__IDENTIFIER__';
     }
+    return code;
+  }
 
-    toBrief(): string {
-        const q = [];
-        if (this.anchor?.expression) {
-            q.push(this.anchor.toBrief());
-        }
-        return this.arguments.map((a) => a.toBrief()).concat(q).join('<br />');
+
+  @withSourceMap()
+  toNaturalTS(state?: TranslatorState): string {
+    let code = '';
+
+    const node = this.viewNode;
+    let logicParam: Param[] = [];
+    if (node) {
+      logicParam = node.params;
     }
+    const logicParamLength = logicParam.length;
 
-    @withSourceMap()
-    toEmbeddedTSNormalFunction(state?: TranslatorState): string {
-        let code = `let ${utils.firstLowerCase(this.concept)} = function() {\n`;
-        const tab = indent((state?.tabSize || 0) + 2);
-        if (this.tsCalleeNamespace && this.tsName) {
-            code += `${tab}${this.tsCalleeNamespace}.${this.tsName}.$destination(`;
-            if (Array.isArray(this.arguments)) {
-                this.arguments.forEach((argument: Argument) => {
-                    code += argument.toEmbeddedTS(shiftState(state, code)) + ', ';
-                });
+    if (this.parentNode instanceof BindAttribute) {
+      code += indent(state.tabSize + 2);
+      if (this.tsCalleeNamespace && this.tsName) {
+        code += `${this.tsCalleeNamespace}.${this.tsName}.$destination({`;
+        if (Array.isArray(this.arguments)) {
+          this.arguments.slice(0, logicParamLength).forEach((argument: Argument, index) => {
+            const oldName = argument.keyword;
+            if (index >= logicParamLength) {
+              argument.keyword = '__unknown__';
             }
-            code += this.anchor?.toEmbeddedTS(shiftState(state, code)) || '';
-            code += `${tab});\n`;
+            code += `${argument.toNaturalTS(shiftState(state, code), false, true)}, `;
+            argument.keyword = oldName;
+          });
         }
-        code += `${indent((state?.tabSize || 0) + 1)}}\n`;
-        return code;
-    }
 
-    get viewNode() {
-        if (!this.viewNamespace || !this.viewName)
-            return null;
-        let nameSpace = this.viewNamespace;
-        nameSpace = nameSpace.replaceAll('views', 'children');
-        nameSpace = nameSpace.replace('children', 'views');
-        return getNodeByNodeCallee(this.app, nameSpace + '.' + this.viewName);
-    }
-    // 用于logic回填
-    get calleewholeKey(): string {
-        return this.viewNamespace + '.' + this.viewName;
-    }
-    get completeArguments() {
-        const node = this.viewNode as View;
-        const logicParam: Map<string, Param> = new Map();
-        const Arguments: Argument[] = [];
-        if (node?.params) {
-            node.params.forEach((param) => {
-                logicParam.set(param.name, param);
-            });
-        }
-        if (this.arguments?.length) {
-            this.arguments.forEach((arg) => {
-                const param = logicParam.get(arg.keyword);
-                // 取到是不是必填放入参数中
-                const newArg = Argument.from(arg);
-                if (param && !newArg.expression) {
-                    newArg.paramTypeAnnotation = param.typeAnnotation;
-                    newArg.paramDefaultValue = param.defaultValue;
-                    newArg.paramRequired = param.required;
-                }
-                Arguments.push(newArg);
-            });
+        code += this.anchor?.toNaturalTS(shiftState(state, code), true) || '';
+
+        code += `});\n`;
+      }
+      return code;
+    }
+    if (this.tsCalleeNamespace && this.tsName) {
+      code += `${this.tsCalleeNamespace}.${this.tsName}.$destination({`;
+      if (Array.isArray(this.arguments)) {
+        this.arguments.slice(0, logicParamLength).forEach((argument: Argument, index) => {
+          const oldName = argument.keyword;
+          if (index >= logicParamLength) {
+            argument.keyword = '__unknown__';
+          }
+          code += `${argument.toNaturalTS(shiftState(state, code, { inline: true }), false, true)}, `;
+          argument.keyword = oldName;
+        });
+      }
+
+      code += this.anchor?.toNaturalTS(shiftState(state, code, { inline: true }), true) || '';
+      code += `, target: '${this.target}'`;
+
+      code += `});\n`;
+    } else {
+      code += '__IDENTIFIER__';
+    }
+    return code;
+  }
+
+  toBrief(): string {
+    const q = [];
+    if (this.anchor?.expression) {
+      q.push(this.anchor.toBrief());
+    }
+    return this.arguments
+      .map((a) => a.toBrief())
+      .concat(q)
+      .join('<br />');
+  }
+
+  @withSourceMap()
+  toEmbeddedTSNormalFunction(state?: TranslatorState): string {
+    let code = `let ${utils.firstLowerCase(this.concept)} = function() {\n`;
+    const tab = indent((state?.tabSize || 0) + 2);
+    if (this.tsCalleeNamespace && this.tsName) {
+      code += `${tab}${this.tsCalleeNamespace}.${this.tsName}.$destination(`;
+      if (Array.isArray(this.arguments)) {
+        this.arguments.forEach((argument: Argument) => {
+          code += `${argument.toEmbeddedTS(shiftState(state, code))}, `;
+        });
+      }
+      code += this.anchor?.toEmbeddedTS(shiftState(state, code)) || '';
+      code += `${tab});\n`;
+    }
+    code += `${indent((state?.tabSize || 0) + 1)}}\n`;
+    return code;
+  }
+
+  get viewNode() {
+    if (!this.viewNamespace || !this.viewName) return null;
+    let nameSpace = this.viewNamespace;
+    nameSpace = nameSpace.replaceAll('views', 'children');
+    nameSpace = nameSpace.replace('children', 'views');
+    return getNodeByNodeCallee(this.app, `${nameSpace}.${this.viewName}`);
+  }
+
+  // 用于logic回填
+  get calleewholeKey(): string {
+    return `${this.viewNamespace}.${this.viewName}`;
+  }
+
+  get completeArguments() {
+    const node = this.viewNode as View;
+    const logicParam: Map<string, Param> = new Map();
+    const Arguments: Argument[] = [];
+    if (node?.params) {
+      node.params.forEach((param) => {
+        logicParam.set(param.name, param);
+      });
+    }
+    if (this.arguments?.length) {
+      this.arguments.forEach((arg) => {
+        const param = logicParam.get(arg.keyword);
+        // 取到是不是必填放入参数中
+        const newArg = Argument.from(arg);
+        if (param && !newArg.expression) {
+          newArg.paramTypeAnnotation = param.typeAnnotation;
+          newArg.paramDefaultValue = param.defaultValue;
+          newArg.paramRequired = param.required;
         }
-        return Arguments;
-    }
-    //================================================================================
-    // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
-    // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
-    //================================================================================
+        Arguments.push(newArg);
+      });
+    }
+    return Arguments;
+  }
+  //= ===============================================================================
+  // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
+  // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
+  //= ===============================================================================
 }
 
 classMap.Destination = Destination;
 export default Destination;
-//================================================================================
+//= ===============================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
 // 自动生成的代码已结束。下面可以手动编写。
-//================================================================================
+//= ===============================================================================