@lcap/nasl 3.3.0-beta.0 → 3.4.0-alpha.1

package/src/concepts/BindAttribute__.ts

@@ -1,89 +1,77 @@
-import { TranslatorState, indent, shiftState, withSourceMap } from '../translator';
-import { ElementToVueOptions } from './ViewElement__';
+import { v4 as uuidv4 } from 'uuid';
+import { TranslatorState, indent, shiftState, withSourceMap, createCompilerState } from '../translator';
+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, className } from '../decorators';
+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__';
 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';
-
   /**
    * 产品概念
    */
-  // @ts-ignore
-  readonly concept!: 'BindAttribute';
+  @property()
+  concept: 'BindAttribute' = 'BindAttribute';
 
   /**
    * 元素绑定属性名称
    */
   @property()
-  // @ts-ignore
-  name!: string;
+  name: string = undefined;
 
   /**
    * type
    */
   @property()
-  // @ts-ignore
-  type!: 'string' | 'static' | 'dynamic';
+  type: 'string' | 'static' | 'dynamic' = undefined;
 
   /**
    * 属性值
    */
   @property()
-  // @ts-ignore
-  value!: string;
+  value: string = undefined;
 
   /**
    * 属性表达式
    */
   @property('LogicItem')
-  // @ts-ignore
-  expression!: LogicItem;
+  expression: LogicItem = undefined;
 
   /**
    * 跳转页面
    */
   @property('Destination')
-  // @ts-ignore
-  destination!: Destination;
+  destination: Destination = undefined;
 
   /**
    * 跳转页面
    */
   @property('ExternalDestination')
-  // @ts-ignore
-  externalDestination!: ExternalDestination;
+  externalDestination: ExternalDestination = undefined;
 
   /**
    * 验证规则
@@ -95,22 +83,19 @@ export class BindAttribute extends BaseNode {
    * 经办人
    */
   @property('Assignee')
-  // @ts-ignore
-  assignee!: Assignee;
+  assignee: Assignee = undefined;
 
   /**
    * 是否使用 v-model
    */
   @property()
-  // @ts-ignore
-  model!: boolean;
+  model: boolean = undefined;
 
   /**
    * 是否开启双向绑定
    */
   @property()
-  // @ts-ignore
-  sync!: boolean;
+  sync: boolean = undefined;
 
   /**
    * 草稿态
@@ -124,36 +109,42 @@ 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
    */
@@ -165,11 +156,16 @@ export class BindAttribute extends BaseNode {
    * @param source 需要合并的部分参数
    */
   constructor(source?: Partial<BindAttribute>) {
-    source = Object.assign({}, BindAttribute.getDefaultOptions(), source);
+    // @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;
   }
@@ -185,6 +181,7 @@ export class BindAttribute extends BaseNode {
     }
     return params;
   }
+
   /**
    * 设置属性值
    */
@@ -273,6 +270,7 @@ 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);
   }
@@ -309,7 +307,7 @@ export class BindAttribute extends BaseNode {
           name: this.getValidationRuleUniqueName(),
         },
         this,
-        'rules',
+        'rules'
       );
     } else if (typeof options === 'string') {
       validationRule = ValidationRule.from(
@@ -318,7 +316,7 @@ export class BindAttribute extends BaseNode {
           name: options,
         },
         this,
-        'rules',
+        'rules'
       );
     } else if (options instanceof ValidationRule) {
       options.ensureDelete(); // 同一实例不支持多处存在
@@ -331,7 +329,7 @@ export class BindAttribute extends BaseNode {
           ...options,
         },
         this,
-        'rules',
+        'rules'
       );
     }
     this.rules.splice(index, 0, validationRule);
@@ -451,7 +449,7 @@ export class BindAttribute extends BaseNode {
           ...options,
         },
         this,
-        'playground',
+        'playground'
       );
     }
     this.playground.splice(index, 0, logicItem);
@@ -539,7 +537,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;
@@ -564,7 +562,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;
@@ -573,14 +571,14 @@ export class BindAttribute extends BaseNode {
   }
 
   /**
-   * 删除跳转到外部链接
-   * @param name 跳转到外部链接名称
+   * 删除外部链接
+   * @param name 外部链接名称
    */
   removeExternalDestination(name: string): void;
 
   /**
-   * 删除跳转到外部链接
-   * @param externalDestination 已有的跳转到外部链接实例
+   * 删除外部链接
+   * @param externalDestination 已有的外部链接实例
    */
   removeExternalDestination(externalDestination: ExternalDestination): void;
 
@@ -589,7 +587,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;
@@ -614,7 +612,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;
@@ -639,7 +637,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;
@@ -654,12 +652,12 @@ export class BindAttribute extends BaseNode {
   removeItemInPlayground(logicItem: LogicItem): void;
 
   removeItemInPlayground(options: LogicItem) {
-    let logicItem: LogicItem = options;
+    const logicItem: LogicItem = options;
     return logicItem.delete();
   }
 
   __removeLogicItem(logicItem: LogicItem) {
-    const parentKey = logicItem.parentKey;
+    const { parentKey } = logicItem;
     const params: Params = {
       parentNode: this,
       parentKey,
@@ -681,10 +679,10 @@ export class BindAttribute extends BaseNode {
     return params;
   }
 
-  //================================================================================
+  //= ===============================================================================
   // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
   // 自动生成的代码已结束。下面可以手动编写。
-  //================================================================================
+  //= ===============================================================================
 
   onChange($event?: EventPayload): void {
     this.emit('change', $event);
@@ -857,7 +855,7 @@ export class BindAttribute extends BaseNode {
           '_collectingList',
           '_historyList',
         ]),
-      },
+      }
     );
     return map;
   }
@@ -1023,12 +1021,12 @@ export class BindAttribute extends BaseNode {
   }
 
   @withSourceMap()
-  toEmbeddedTS(state?: TranslatorState): string {
+  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 = `() => {`;
+      code = `(params: nasl.ui.DataSourceParams) => {`;
     } else {
       code = '() => {';
     }
@@ -1080,81 +1078,102 @@ export class BindAttribute extends BaseNode {
     return 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 += `{
+  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 += `{
               field: nasl.core.String
               order: nasl.core.String
-          }`;
-    } else if (this.type === 'static') {
-      let type = 'nasl.core.String';
-      if (typeof this.value === 'number') {
-        type = `${this.value}`.includes('.') ? 'nasl.core.Decimal' : 'nasl.core.Long';
-      } else if (typeof this.value === 'boolean') {
-        type = 'nasl.core.Boolean';
-      }
-      code += `${type}`;
-    } else {
-      code += 'undefined';
-    }
-    code += `\n`;
-    if (arrCode.length > 0) {
-      attrList.push(`${elementName}_${attrConvertCamelCase(this.name)}: ${arrCode},\n`);
-    }
-    return code;
-  }
-  toEmbeddedTSVariableFunctionDefinition(state?: 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 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 {
-        stashVariable = `${this.expression.toEmbeddedTS()}`;
+          code += 'undefined'
       }
-      code += `() => {\n`
-      code += indent((state?.tabSize || 0) + 5);
-      code += `return ${stashVariable}\n`
-      code += indent((state?.tabSize || 0) + 4);
-      code += `},\n`
-    }
-    return code;
+      code += `\n`
+      if (arrCode.length > 0) {
+          attrList.push(`${elementName}_${attrConvertCamelCase(this.name)}: ${arrCode},\n`)
+      }
+      return code
   }
+  @withSourceMap()
+  toNaturalTS(state = createCompilerState()): string {
+    const { name, type, value, rules, expression, playground } = this;
+    let 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)
+    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;
+        }
+        // 连接符转驼峰
+        entityName = entityName.replace(/\-(\w)/g, (all, letter) => letter.toUpperCase());
+        entityName = entityName[0].toUpperCase() + entityName.substr(1);
+        code += `app.dataSources.${dataSourceName || 'defaultDS'}.entities.${entityName}`;
+        code += ';\n';
       }
-    } else {
-      return undefined
     }
+    if (type === 'dynamic') {
+      playground?.forEach((item) => {
+        code += item.toNaturalTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+        code += ';\n';
+      });
+    }
+
+    code += '}';
+    return code;
   }
 
   setUrlValue(newValue: string) {
@@ -1165,26 +1184,27 @@ 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('')
+}