@lcap/nasl 3.7.0-alpha.1 → 3.7.0-beta.1

package/src/concepts/MemberExpression__.ts

@@ -8,7 +8,7 @@ import {
   withGenerator,
   TranslatorGenerator,
 } from '../translator';
-import { Enum, TypeAnnotation } from '..';
+import { ComponentCompletionPropertyMap, Enum, TypeAnnotation, BusinessComponent, View } from '..';
 import { ElementToVueOptions } from './ViewElement__';
 import type Identifier from './Identifier__';
 import BindAttribute, { attrConvertCamelCase } from './BindAttribute__';
@@ -18,25 +18,26 @@ import DefaultValue from './DefaultValue__';
 
 const Identifier_RE = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
 
-const atrrParamsMap: Record<string, string> = {
-  page: 'pageNumber',
-  size: 'pageSize',
-  sort: 'sorting.field',
-  order: 'sorting.order',
-  filterText: 'filterText',
-};
+// const atrrParamsMap: Record<string, string> = {
+//   page: 'pageNumber',
+//   size: 'pageSize',
+//   sort: 'sorting.field',
+//   order: 'sorting.order',
+//   filterText: 'filterText',
+// };
 
 //================================================================================
 // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
 // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
 //================================================================================
 import { EventPayload, Params } from '../common/EventEmitter';
-import { concept, excludedInJSON, property, getConceptConstructor, getBaseNode } from '../decorators';
+import { concept, excludedInJSON, property, getConceptConstructor } from '../decorators';
 
 import * as utils from '../utils';
 import * as types from './utils/types';
 import * as asserts from './utils/asserts';
 import { v4 as uuidv4 } from 'uuid';
+
 import LogicItem from './LogicItem__';
 
 /**
@@ -46,7 +47,11 @@ import LogicItem from './LogicItem__';
 export class MemberExpression extends LogicItem {
   /** 类名 */
   static readonly ConceptName: string = 'MemberExpression';
-
+  /**
+   * 是否为抽象类
+   * 抽象类不能产生 concept: string
+   */
+  static isAbstract: boolean = false;
   /** 继承链 */
   static readonly inheritanceChain: string[] = ['LogicItem', 'BaseNode'];
 
@@ -56,14 +61,13 @@ export class MemberExpression extends LogicItem {
   @property('concept')
   // @ts-ignore
   readonly concept!: 'MemberExpression';
-
   /**
    * 逻辑项
    */
   @property({
     objectRef: 'LogicItem',
   })
-  object!: LogicItem;
+  object: LogicItem;
 
   /**
    * 逻辑项
@@ -71,7 +75,7 @@ export class MemberExpression extends LogicItem {
   @property({
     objectRef: 'LogicItem',
   })
-  property!: LogicItem;
+  property: LogicItem;
 
   /**
    * @param source 需要合并的部分参数
@@ -86,91 +90,11 @@ export class MemberExpression extends LogicItem {
     return super.from(source, parentNode, parentKey) as MemberExpression;
   }
 
-  /**
-   * 删除逻辑项
-   * @param name 逻辑项名称
-   */
-  removeObject(name: string): void;
-
-  /**
-   * 删除逻辑项
-   * @param object 已有的逻辑项实例
-   */
-  removeObject(object: LogicItem): void;
-
-  removeObject(options: string | LogicItem) {
-    let object: LogicItem;
-    if (typeof options === 'string') {
-      object = this.object;
-      if (!object) {
-        throw new Error('找不到逻辑项 ' + options);
-      }
-    } else {
-      object = options;
-    }
-    return object.delete();
-  }
-
-  /**
-   * 删除逻辑项
-   * @param name 逻辑项名称
-   */
-  removeProperty(name: string): void;
-
-  /**
-   * 删除逻辑项
-   * @param property 已有的逻辑项实例
-   */
-  removeProperty(property: LogicItem): void;
-
-  removeProperty(options: string | LogicItem) {
-    let property: LogicItem;
-    if (typeof options === 'string') {
-      property = this.property;
-      if (!property) {
-        throw new Error('找不到逻辑项 ' + options);
-      }
-    } else {
-      property = options;
-    }
-    return property.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;
-      // @ts-ignore
-      const t = this.__v_raw || this;
-      // @ts-ignore
-      const n = logicItem.__v_raw || logicItem;
-      if (Array.isArray((t as any)[parentKey])) {
-        // @ts-ignore
-        const index = (t as any)[parentKey].findIndex((el) => (el.__v_raw || el) === n);
-        ~index && (this as any)[parentKey].splice(index, 1);
-        params.index = index;
-      } else {
-        const q = (t as any)[parentKey];
-        if ((q.__v_raw || q) === n) {
-          params.index = 0;
-          (this as any)[parentKey] = undefined;
-        }
-      }
-    }
-    return params;
-  }
-
   //================================================================================
   // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
   // 自动生成的代码已结束。下面可以手动编写。
   //================================================================================
+
   // 选中的数据类型，这个用作暂存
   typeAnnotation: TypeAnnotation = undefined;
 
@@ -189,36 +113,66 @@ export class MemberExpression extends LogicItem {
     ) {
       return `Object.keys(${this.object?.toJS()}).length`;
     }
+
     if (
       asserts.isIdentifier(this.object) &&
       this.object?.namespace?.startsWith('elements.') &&
       this.object?.namespace?.endsWith('.property')
     ) {
-      let elementName = '';
+      let elementName;
+      let element;
+      let elementTag;
+
       if (this.object?.namespace?.startsWith('elements.$ce')) {
         elementName = this.getAncestor('ViewElement')?.name;
       } else {
         elementName = this.object.name;
       }
+
+      // 根据elementName获取组件tag
+      const view = this.getAncestor('BusinessComponent') || this.getAncestor('View');
+
+      if (view) {
+        element = (view as BusinessComponent | View)?.getViewElementByName(elementName);
+        elementTag = element?.tag;
+      }
+
+      if (
+        ComponentCompletionPropertyMap[elementTag] &&
+        ComponentCompletionPropertyMap[elementTag][this.property.name] &&
+        ComponentCompletionPropertyMap[elementTag][this.property.name].state
+      ) {
+        const { prop } = ComponentCompletionPropertyMap[elementTag][this.property.name];
+        if (!['data'].includes(this.property.name)) {
+          return `__${elementName}_params?.${this.property.name}`;
+        }
+
+        return `__${elementName}_${prop}`;
+      }
+
       if (['size', 'page', 'sort', 'order', 'filterText'].includes(this.property.name)) {
-        return `this['__${elementName}_params']?.${this.property.name}`;
+        return `__${elementName}_params?.${this.property.name}`;
       }
+
       let propertyName = '';
       let subProperty = '';
       if (asserts.isIdentifier(this.property) && this.property?.namespace) {
         const namespace = this.property?.namespace ?? '';
         const namespaceList = namespace?.includes('.') ? namespace?.split('.') : [namespace];
-        propertyName = namespaceList[0];
+        [propertyName] = namespaceList;
         subProperty = namespaceList?.[1] ? `?.()['${namespaceList?.[1]}']` : '';
       }
       return `__${elementName}_${attrConvertCamelCase(propertyName)}${subProperty}`;
-    } else if (
+    }
+
+    if (
       asserts.isMemberExpression(this.object) &&
       this.object?.object?.name === 'elements' &&
       this.object?.property?.name === '$ce'
     ) {
-      return this.transfromAtrrLogic();
+      return this.transfromAtrrLogic({ type: 'toVue' });
     }
+
     const object = String(this.object?.toVue(options)); // undefined 也让正常展示
     const property = String(this.property?.toVue(options));
 
@@ -284,37 +238,68 @@ export class MemberExpression extends LogicItem {
     ) {
       return `Object.keys(${this.object?.toJS(state)}).length`;
     }
+
     if (
       asserts.isIdentifier(this.object) &&
       asserts.isIdentifier(this.property) &&
-      this.object?.namespace?.startsWith('elements.') &&
-      this.object?.namespace?.endsWith('.property')
+      /^elements.(.+).property$/.test(this.object?.namespace)
     ) {
-      let elementName = '';
-      if (this.object?.namespace.startsWith('elements.$ce')) {
+      let elementName;
+      let element;
+      let elementTag;
+
+      if (this.object?.namespace?.startsWith('elements.$ce')) {
         elementName = this.getAncestor('ViewElement')?.name;
       } else {
         elementName = this.object.name;
       }
+
+      // 根据elementName获取组件tag
+      const view = this.getAncestor('BusinessComponent') || this.getAncestor('View');
+
+      if (view) {
+        element = (view as BusinessComponent | View)?.getViewElementByName(elementName);
+        elementTag = element?.tag;
+      }
+
+      if (
+        ComponentCompletionPropertyMap[elementTag] &&
+        ComponentCompletionPropertyMap[elementTag][this.property.name] &&
+        ComponentCompletionPropertyMap[elementTag][this.property.name].state
+      ) {
+        const { prop } = ComponentCompletionPropertyMap[elementTag][this.property.name];
+
+        if (!['data'].includes(this.property.name)) {
+          return `this['__${elementName}_params']?.${this.property.name}`;
+        }
+
+        return `this.__${elementName}_${prop}`;
+      }
+
       if (['size', 'page', 'sort', 'order', 'filterText'].includes(this.property.name)) {
-        return `this['__${elementName}_params']?.${this.property.name}`;
+        return `this.__${elementName}_params?.${this.property.name}`;
       }
+
       let propertyName = '';
       let subProperty = '';
       if (asserts.isIdentifier(this.property) && this.property?.namespace) {
         const namespace = this.property?.namespace ?? '';
         const namespaceList = namespace?.includes('.') ? namespace?.split('.') : [namespace];
-        propertyName = namespaceList[0];
+        [propertyName] = namespaceList;
         subProperty = namespaceList?.[1] ? `?.()['${namespaceList?.[1]}']` : '';
       }
-      return `this['__${elementName}_${attrConvertCamelCase(propertyName)}']${subProperty}`;
-    } else if (
+      return `this.__${elementName}_${attrConvertCamelCase(propertyName)}${subProperty}`;
+    }
+
+    if (
+      // template 拖入生成的nasl节点
       asserts.isMemberExpression(this.object) &&
       this.object?.object?.name === 'elements' &&
       this.object?.property?.name === '$ce'
     ) {
       return this.transfromAtrrLogic();
     }
+
     const object: string = this.object?.toJS(state);
     const property = this.property?.toJS(state);
     // 在赋值语句的左侧，不能有 &&
@@ -418,9 +403,39 @@ export class MemberExpression extends LogicItem {
 
     return value;
   }
-  transfromAtrrLogic() {
-    let elementName = this.getAncestor('ViewElement')?.name;
-    return `this['__${elementName}_params']?.${this.property.name}`;
+
+  transfromAtrrLogic(options?: { type: 'toVue' | 'toJS' }) {
+    const { type = 'toJS' } = options || {};
+
+    const elementName = this.getAncestor('ViewElement')?.name;
+    let element;
+    let elementTag;
+
+    // 根据elementName获取组件tag
+    const view = this.getAncestor('BusinessComponent') || this.getAncestor('View');
+
+    if (view) {
+      element = (view as BusinessComponent | View)?.getViewElementByName(elementName);
+      elementTag = element?.tag;
+    }
+
+    const prefix = type === 'toVue' ? '' : 'this.';
+
+    if (
+      ComponentCompletionPropertyMap[elementTag] &&
+      ComponentCompletionPropertyMap[elementTag][this.property.name] &&
+      ComponentCompletionPropertyMap[elementTag][this.property.name].state
+    ) {
+      const { prop } = ComponentCompletionPropertyMap[elementTag][this.property.name];
+
+      if (!['data'].includes(this.property.name)) {
+        return `${prefix}__${elementName}_params?.${this.property.name}`;
+      }
+
+      return `${prefix}__${elementName}_${prop}`;
+    }
+
+    return `${prefix}__${elementName}_params?.${this.property.name}`;
   }
 
   get completeName() {
@@ -481,6 +496,7 @@ export class MemberExpression extends LogicItem {
       const newCode = `${code.substring(0, lastIndex)}['${code.substring(lastIndex + 1, code.length)}']`;
       code = newCode;
     }
+
     if (
       asserts.isIdentifier(self.object) &&
       self.object?.namespace?.startsWith('elements.') &&
@@ -489,26 +505,20 @@ export class MemberExpression extends LogicItem {
       let newCode = '';
       if (self.object?.namespace?.startsWith('elements.$ce')) {
         const elementName = self.getAncestor('ViewElement')?.name;
-        newCode += `__elements_completionProperty.${elementName}`;
-        if (asserts.isIdentifier(self.property) && self.property?.namespace) {
-          const namespace = self.property?.namespace ?? '';
-          const namespaceList = namespace?.includes('.') ? namespace?.split('.') : [namespace];
-          yield* wrapForEach(namespaceList, function* warpForEachGenerator(item) {
-            newCode += `.${attrConvertCamelCase(item)}`;
-          });
+        newCode += `__elements['${elementName}']`;
+        if (asserts.isIdentifier(self.property) && self.property?.name) {
+          newCode += `.${self.property?.name}`;
         }
       } else {
-        newCode += `__elements_completionProperty.${self.object?.name}`;
-        if (asserts.isIdentifier(self.property) && self.property?.namespace) {
-          const namespace = self.property?.namespace ?? '';
-          const namespaceList = namespace?.includes('.') ? namespace?.split('.') : [namespace];
-          yield* wrapForEach(namespaceList, function* warpForEachGenerator(item) {
-            newCode += `.${attrConvertCamelCase(item)}`;
-          });
+        newCode += `__elements['${self.object?.name}']`;
+        if (asserts.isIdentifier(self.property) && self.property?.name) {
+          newCode += `.${self.property?.name}`;
         }
       }
       return newCode;
     }
+
+    // 实体模板拖出来时生成的nasl节点情况
     if (
       asserts.isMemberExpression(self.object) &&
       self.object?.object?.name === 'elements' &&
@@ -516,14 +526,8 @@ export class MemberExpression extends LogicItem {
     ) {
       let newCode = '';
       const elementName = self.getAncestor('ViewElement')?.name;
-      newCode += `__elements_completionProperty['${elementName}']`;
-      if (atrrParamsMap[self.property.name]) {
-        const name = atrrParamsMap[self.property.name];
-        const nameList = name.includes('.') ? name.split('.') : [name];
-        yield* wrapForEach(nameList, function* warpForEachGenerator(item) {
-          newCode += `.${attrConvertCamelCase(item)}`;
-        });
-      }
+      newCode += `__elements['${elementName}']`;
+      newCode += `.${self.property?.name}`;
       return newCode;
     }
     return code;