@lcap/nasl 3.4.0-alpha.1 → 3.4.0-alpha.2

package/src/concepts/BindAttribute__.ts

@@ -1,77 +1,89 @@
-import { v4 as uuidv4 } from 'uuid';
 import { TranslatorState, indent, shiftState, withSourceMap, createCompilerState } from '../translator';
-import ViewElement, { ElementToVueOptions } from './ViewElement__';
+import { 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 { concept, excludedInJSON, property, className } 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__';
 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__';
 import App from './App__';
 import Frontend from './Frontend__';
 import Process from './Process__';
+import Identifier from './Identifier__';
 
 /**
  * 元素绑定属性
  */
+@className
 @concept('元素绑定属性')
+// @ts-ignore
 export class BindAttribute extends BaseNode {
+  /** 类名 */
+  static readonly ConceptName = 'BindAttribute';
+
   /**
    * 产品概念
    */
-  @property()
-  concept: 'BindAttribute' = 'BindAttribute';
+  // @ts-ignore
+  readonly concept!: 'BindAttribute';
 
   /**
    * 元素绑定属性名称
    */
   @property()
-  name: string = undefined;
+  // @ts-ignore
+  name!: string;
 
   /**
    * type
    */
   @property()
-  type: 'string' | 'static' | 'dynamic' = undefined;
+  // @ts-ignore
+  type!: 'string' | 'static' | 'dynamic';
 
   /**
    * 属性值
    */
   @property()
-  value: string = undefined;
+  // @ts-ignore
+  value!: string;
 
   /**
    * 属性表达式
    */
   @property('LogicItem')
-  expression: LogicItem = undefined;
+  // @ts-ignore
+  expression!: LogicItem;
 
   /**
    * 跳转页面
    */
   @property('Destination')
-  destination: Destination = undefined;
+  // @ts-ignore
+  destination!: Destination;
 
   /**
    * 跳转页面
    */
   @property('ExternalDestination')
-  externalDestination: ExternalDestination = undefined;
+  // @ts-ignore
+  externalDestination!: ExternalDestination;
 
   /**
    * 验证规则
@@ -83,19 +95,22 @@ export class BindAttribute extends BaseNode {
    * 经办人
    */
   @property('Assignee')
-  assignee: Assignee = undefined;
+  // @ts-ignore
+  assignee!: Assignee;
 
   /**
    * 是否使用 v-model
    */
   @property()
-  model: boolean = undefined;
+  // @ts-ignore
+  model!: boolean;
 
   /**
    * 是否开启双向绑定
    */
   @property()
-  sync: boolean = undefined;
+  // @ts-ignore
+  sync!: boolean;
 
   /**
    * 草稿态
@@ -109,42 +124,36 @@ export class BindAttribute extends BaseNode {
   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
    */
@@ -156,16 +165,11 @@ export class BindAttribute extends BaseNode {
    * @param source 需要合并的部分参数
    */
   constructor(source?: Partial<BindAttribute>) {
-    // @ts-ignore
-    source = { ...BindAttribute.getDefaultOptions(), ...source };
+    source = Object.assign({}, 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;
   }
@@ -181,7 +185,6 @@ export class BindAttribute extends BaseNode {
     }
     return params;
   }
-
   /**
    * 设置属性值
    */
@@ -270,7 +273,6 @@ export class BindAttribute extends BaseNode {
     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);
   }
@@ -307,7 +309,7 @@ export class BindAttribute extends BaseNode {
           name: this.getValidationRuleUniqueName(),
         },
         this,
-        'rules'
+        'rules',
       );
     } else if (typeof options === 'string') {
       validationRule = ValidationRule.from(
@@ -316,7 +318,7 @@ export class BindAttribute extends BaseNode {
           name: options,
         },
         this,
-        'rules'
+        'rules',
       );
     } else if (options instanceof ValidationRule) {
       options.ensureDelete(); // 同一实例不支持多处存在
@@ -329,7 +331,7 @@ export class BindAttribute extends BaseNode {
           ...options,
         },
         this,
-        'rules'
+        'rules',
       );
     }
     this.rules.splice(index, 0, validationRule);
@@ -449,7 +451,7 @@ export class BindAttribute extends BaseNode {
           ...options,
         },
         this,
-        'playground'
+        'playground',
       );
     }
     this.playground.splice(index, 0, logicItem);
@@ -537,7 +539,7 @@ export class BindAttribute extends BaseNode {
     if (typeof options === 'string') {
       expression = this.expression;
       if (!expression) {
-        throw new Error(`找不到逻辑项 ${options}`);
+        throw new Error('找不到逻辑项 ' + options);
       }
     } else {
       expression = options;
@@ -562,7 +564,7 @@ export class BindAttribute extends BaseNode {
     if (typeof options === 'string') {
       destination = this.destination;
       if (!destination) {
-        throw new Error(`找不到跳转页面 ${options}`);
+        throw new Error('找不到跳转页面 ' + options);
       }
     } else {
       destination = options;
@@ -571,14 +573,14 @@ export class BindAttribute extends BaseNode {
   }
 
   /**
-   * 删除外部链接
-   * @param name 外部链接名称
+   * 删除跳转到外部链接
+   * @param name 跳转到外部链接名称
    */
   removeExternalDestination(name: string): void;
 
   /**
-   * 删除外部链接
-   * @param externalDestination 已有的外部链接实例
+   * 删除跳转到外部链接
+   * @param externalDestination 已有的跳转到外部链接实例
    */
   removeExternalDestination(externalDestination: ExternalDestination): void;
 
@@ -587,7 +589,7 @@ export class BindAttribute extends BaseNode {
     if (typeof options === 'string') {
       externalDestination = this.externalDestination;
       if (!externalDestination) {
-        throw new Error(`找不到外部链接 ${options}`);
+        throw new Error('找不到跳转到外部链接 ' + options);
       }
     } else {
       externalDestination = options;
@@ -612,7 +614,7 @@ export class BindAttribute extends BaseNode {
     if (typeof options === 'string') {
       validationRule = (this.rules as ValidationRule[]).find((item) => item.name === options);
       if (!validationRule) {
-        throw new Error(`找不到验证规则 ${options}`);
+        throw new Error('找不到验证规则 ' + options);
       }
     } else {
       validationRule = options;
@@ -637,7 +639,7 @@ export class BindAttribute extends BaseNode {
     if (typeof options === 'string') {
       assignee = this.assignee;
       if (!assignee) {
-        throw new Error(`找不到经办人 ${options}`);
+        throw new Error('找不到经办人 ' + options);
       }
     } else {
       assignee = options;
@@ -652,12 +654,12 @@ export class BindAttribute extends BaseNode {
   removeItemInPlayground(logicItem: LogicItem): void;
 
   removeItemInPlayground(options: LogicItem) {
-    const logicItem: LogicItem = options;
+    let logicItem: LogicItem = options;
     return logicItem.delete();
   }
 
   __removeLogicItem(logicItem: LogicItem) {
-    const { parentKey } = logicItem;
+    const parentKey = logicItem.parentKey;
     const params: Params = {
       parentNode: this,
       parentKey,
@@ -679,10 +681,10 @@ export class BindAttribute extends BaseNode {
     return params;
   }
 
-  //= ===============================================================================
+  //================================================================================
   // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
   // 自动生成的代码已结束。下面可以手动编写。
-  //= ===============================================================================
+  //================================================================================
 
   onChange($event?: EventPayload): void {
     this.emit('change', $event);
@@ -855,7 +857,7 @@ export class BindAttribute extends BaseNode {
           '_collectingList',
           '_historyList',
         ]),
-      }
+      },
     );
     return map;
   }
@@ -975,7 +977,11 @@ export class BindAttribute extends BaseNode {
           code = value;
           if (options?.finalCode !== false) {
             code = value.replace(/['"`\\]/g, (m) => {
-              const escape = '\\';
+              let escape = '\\\\';
+              escape = '\\\\';
+              /// #if process.env.BUILD_TARGET === 'node'
+              escape = '\\';
+              /// #endif
               if (m === '\\') {
                 return `${escape}${escape}`;
               }
@@ -1001,7 +1007,11 @@ export class BindAttribute extends BaseNode {
         value = `$utils['ToString'](${value}, '${expTypeAnnotation?.sortedTypeKey}')`;
       }
       if (this.type === 'string' && name !== 'rules') {
-        str += `${name}="${value}"`;
+        if (options?.finalCode !== false) {
+          str += `:${name}="\`${value}\`"`;
+        } else {
+          str += `${name}="${value}"`;
+        }
       } else if (this.sync) {
         str += `:${name}.sync="${value}"`;
       } else if (name === 'destination') {
@@ -1024,9 +1034,9 @@ export class BindAttribute extends BaseNode {
   toEmbeddedTS(state = createCompilerState()): string {
     const { name, type, value, rules, expression, playground } = this;
 
-    let code = ''
+    let code = '';
     if (this?.name === 'data-source' && this?.expression?.concept === 'CallLogic') {
-      code = `(params: nasl.ui.DataSourceParams) => {`;
+      code = `() => {`;
     } else {
       code = '() => {';
     }
@@ -1078,51 +1088,81 @@ export class BindAttribute extends BaseNode {
     return code;
   }
 
-  toEmbeddedTSVariableDefinition(state?: TranslatorState, attrList?: string[], elementName?: string): string {
-      let code = '';
-      let arrCode = '';
-      code += indent((state?.tabSize || 0) + 3);
-      code += `${attrConvertCamelCase(this.name)}: `
-      if (this.expression) {
-          if (this.name === 'data-source') {
-              if (this?.expression?.concept === 'CallLogic') {
-                  arrCode += `(params: nasl.ui.DataSourceParams) => `;
-              }
-              if (['CallLogic', 'CallFunction'].includes(this.expression?.concept)) {
-                  code += `nasl.ui.GetItemTypeFromDataSource<typeof __elements_stashFunctionVariable.${elementName}_${attrConvertCamelCase(this.name)}>`
-                  arrCode += `${this.expression.toEmbeddedTS()}`
-              } else {
-                  code += `nasl.ui.GetItemTypeFromDataSource<typeof ${this.expression.toEmbeddedTS()}>`
-              }
-          } else {
-              if (['CallLogic', 'CallFunction'].includes(this.expression?.concept)) {
-                  code += `typeof __elements_stashFunctionVariable.${elementName}_${attrConvertCamelCase(this.name)}`
-                  arrCode += `${this.expression.toEmbeddedTS()}`
-              } else {
-                  code += `typeof ${this.expression.toEmbeddedTS()}`
-              }
-          }
-      } else if (this.name === 'sorting') {
-          code += `{
+  toEmbeddedTSVariableDefinition(state?: TranslatorState, attrList?: string[], elementName?: string, currentLevel?: string): string {
+    let code = '';
+    let arrCode = '';
+    code += indent((state?.tabSize || 0) + 3);
+    code += `${attrConvertCamelCase(this.name)}: `;
+    if (this.expression) {
+      if (this.name === 'data-source') {
+        code += `nasl.ui.GetItemTypeFromDataSource<ReturnType<typeof __elements_stashFunctionVariable.${elementName}_${attrConvertCamelCase(
+          this.name,
+        )}>>`;
+      } else {
+        code += `ReturnType<typeof __elements_stashFunctionVariable.${elementName}_${attrConvertCamelCase(this.name)}>`;
+      }
+      arrCode = `() => {
+        return __elements_variable_function.${currentLevel}?.${attrConvertCamelCase(this.name)}
+      }`
+    } else if (this.name === 'sorting') {
+      code += `{
               field: nasl.core.String
               order: nasl.core.String
-          }`
-      } else if (this.type === 'static') {
-          let type = 'nasl.core.String'
-          if (typeof this.value === 'number') {
-              type = `${this.value}`.includes('.') ? 'nasl.core.Decimal' : 'nasl.core.Long';
-          } else if (typeof this.value === 'boolean') {
-              type = 'nasl.core.Boolean'
-          }
-          code += `${type}`
+          }`;
+    } else if (this.type === 'static') {
+      let type = 'nasl.core.String';
+      if (typeof this.value === 'number') {
+        type = `${this.value}`.includes('.') ? 'nasl.core.Decimal' : 'nasl.core.Long';
+      } else if (typeof this.value === 'boolean') {
+        type = 'nasl.core.Boolean';
+      }
+      code += `${type}`;
+    } else {
+      code += 'undefined';
+    }
+    code += `\n`;
+    if (arrCode.length > 0) {
+      attrList.push(`${elementName}_${attrConvertCamelCase(this.name)}: ${arrCode},\n`);
+    }
+    return code;
+  }
+  toEmbeddedTSVariableFunctionDefinition(state?: TranslatorState): string {
+    let code = '';
+    if (this.expression) {
+      code += indent((state?.tabSize || 0) + 4);
+      code += `${attrConvertCamelCase(this.name)}: `;
+      let stashVariable;
+      if (this.name === 'data-source') {
+        const extraParams = {
+          tabSize: 4,
+          inline: true,
+          noNeedParams: true,
+        };
+        stashVariable = `${this.expression.toEmbeddedTS(
+          shiftState(state, code, this?.expression?.concept === 'CallLogic' ? extraParams : {}),
+        )}`;
       } else {
-          code += 'undefined'
+        stashVariable = `${this.expression.toEmbeddedTS()}`;
       }
-      code += `\n`
-      if (arrCode.length > 0) {
-          attrList.push(`${elementName}_${attrConvertCamelCase(this.name)}: ${arrCode},\n`)
+      code += `() => {\n`
+      code += indent((state?.tabSize || 0) + 5);
+      code += `return ${stashVariable}\n`
+      code += indent((state?.tabSize || 0) + 4);
+      code += `},\n`
+    }
+    return code;
+  }
+
+  findCurrentElementParent(node: any): ViewElement | undefined {
+    if (node.parentNode instanceof ViewElement) {
+      if (['u-table-view', 'u-list-view', 'u-grid-view', 'u-list-components', 'van-list-view', 'van-grid-view', 'van-for-components'].includes(node.parentNode.tag)) {
+        return node.parentNode
+      } else {
+        return this.findCurrentElementParent(node.parentNode)
       }
-      return code
+    } else {
+      return undefined
+    }
   }
   @withSourceMap()
   toNaturalTS(state = createCompilerState()): string {
@@ -1184,27 +1224,26 @@ export class BindAttribute extends BaseNode {
       ...object,
     });
   }
-  //= ===============================================================================
+  //================================================================================
   // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
   // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
-  //= ===============================================================================
+  //================================================================================
 }
 
-classMap.BindAttribute = BindAttribute;
 export default BindAttribute;
-//= ===============================================================================
+//================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
 // 自动生成的代码已结束。下面可以手动编写。
-//= ===============================================================================
+//================================================================================
 
 export function attrConvertCamelCase(str: string) {
-  let strList: string[] = str.split('-')
+  let strList: string[] = str.split('-');
   strList = strList.map((strItem, index) => {
-      if (index === 0) {
-          return strItem
-      } else {
-          return `${strItem.slice(0, 1).toUpperCase()}${strItem.slice(1)}`;
-      }
-  })
-  return strList.join('')
-}
+    if (index === 0) {
+      return strItem;
+    } else {
+      return `${strItem.slice(0, 1).toUpperCase()}${strItem.slice(1)}`;
+    }
+  });
+  return strList.join('');
+}