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

package/src/server/createUiTs.ts

@@ -1,7 +1,8 @@
 import { Logic, TypeAnnotation, Param, LogicItem, NumericLiteral, BooleanLiteral, StringLiteral, Identifier, MemberExpression } from '..';
+import * as utils from '../utils';
 import { trigger } from './event';
 
-export let elementsEventsMap: { [componentTagEventName: string]: any } = {};
+export const elementsEventsMap: { [componentTagEventName: string]: any } = {};
 
 export function getAllComponentEventMap(allComponent: any) {
   const eventsMap: { [componentTagEventName: string]: any } = {};
@@ -18,15 +19,17 @@ export function getAllComponentEventMap(allComponent: any) {
     eventsMap[item.name] = item;
   });
 
-  elementsEventsMap = eventsMap;
+  // elementsEventsMap = eventsMap;
+  Object.assign(elementsEventsMap, eventsMap)
+
   return eventsMap;
 }
 
+const toHump = (name: string) => (name ? name.replace(/\-(\w)/g, (all, letter) => letter.toUpperCase()) : '');
+
 export default function formatUiTs(allComponent: any) {
   const indent = (tabSize: number) => ' '.repeat(tabSize * 2);
 
-  const toHump = (name: string) => (name ? name.replace(/\-(\w)/g, (all, letter) => letter.toUpperCase()) : '');
-
   const toNaslType = (type: string) => {
     if (type === 'number') return 'nasl.core.Long';
     if (type === 'string') return 'nasl.core.String';
@@ -61,7 +64,8 @@ export default function formatUiTs(allComponent: any) {
         }
         let typeAnnotation = null;
         const { name, type } = param;
-        if (type === 'number') typeAnnotation = TypeAnnotation.createPrimitive('Long');
+        if(param.typeAnnotation !== undefined) typeAnnotation = new TypeAnnotation(param.typeAnnotation);
+        else if (type === 'number') typeAnnotation = TypeAnnotation.createPrimitive('Long');
         else if (type === 'string') typeAnnotation = TypeAnnotation.createPrimitive('String');
         else if (type === 'boolean') typeAnnotation = TypeAnnotation.createPrimitive('Boolean');
         else if (type === 'Array<string>')
@@ -75,7 +79,7 @@ export default function formatUiTs(allComponent: any) {
           name,
           typeAnnotation,
           defaultExpression: createDefault(param),
-          required,
+          defaultValue: param.defaultValue,
         });
       }),
     });
@@ -83,66 +87,78 @@ export default function formatUiTs(allComponent: any) {
   };
   const elementsLogic: { [componentName: string]: Array<Logic> } = {};
 
-  let value = `namespace nasl.ui {
-    export class VueComponent {
-    }
-    export class lRoot<T> extends VueComponent{
-        constructor(
-            options?: {
-              [propname: string]: any,
-              bindAttr?: () => Array<any>,
-              slotDefault?: ()=> Array<any>,
-        }){super()}
-    }
+  let value = `declare namespace nasl.ui {\n`;
 
-    class BaseDomEl<T> extends VueComponent {
-        constructor(
-        options?: {
-            [propname: string]: any,
-            bindAttr?: () => Array<any>,
-            slotDefault?: () => Array<any>,
-            click?: (event: any) => Array<any>,
-        }) { super() }
-    }
-
-    export class div<T> extends BaseDomEl<T> {}
-    export class span<T> extends BaseDomEl<T> {}
-    export class h1<T> extends BaseDomEl<T> {}
-    export class h2<T> extends BaseDomEl<T> {}
-    export class h3<T> extends BaseDomEl<T> {}
-    export class h4<T> extends BaseDomEl<T> {}
-    export class h5<T> extends BaseDomEl<T> {}
-    export class img<T> extends BaseDomEl<T> {}
-    export class br<T> extends BaseDomEl<T> {}
-    export class a<T> extends BaseDomEl<T> {}
-
-    export class template<T> extends VueComponent {
-        constructor(
-            options?: {
-              [propname: string]: any,
-              bindAttr?: () => Array<any>,
-              slotDefault?: (current: nasl.ui.Current<T>) => Array<any>,
-        }){super()}
-    }
-    export type GetItemTypeFromDataSource<T> = T extends { list: nasl.collection.List<infer U> } | nasl.collection.List<infer U> | ((...args: any) => { list: nasl.collection.List<infer U> } | nasl.collection.List<infer U>) ? U : never;
-    \n`;
   for (const i in allComponent) {
     const item = allComponent[i];
-    const componentName = toHump(item.name);
+    const componentName = utils.kebab2Pascal(item.name);
     if (!componentName) continue;
     // console.log(item);
-    if (componentName === 'uTableViewColumnDynamic') {
-      value += `export class ${componentName}<T, T1> extends VueComponent{\n
-                constructor(\n
-                options?: {\n
-                [propname: string]: any,
-                bindAttr?: () => Array<any>,\n`;
-    } else {
-      value += `export class ${componentName}<T> extends VueComponent{\n
-                constructor(\n
-                options?: {\n
-                [propname: string]: any,
-                bindAttr?: () => Array<any>,\n`;
+    value += `export class ${componentName} extends ViewComponent{
+      constructor(options?: Partial<${componentName}Options>)`;
+
+    // 生成methods
+    if (Object.prototype.toString.call(item.methods) === '[object Array]') {
+      const logics: Array<Logic> = [];
+      item.methods.forEach((method: any) => {
+        if (!method.advanced) {
+          const methodName = `${method.name}`;
+          // 有参数
+          if (Array.isArray(method.params) && method.params.length) {
+            let methodParamStr = '';
+            method.params.forEach((param: any) => {
+              methodParamStr += param.name.includes('?') ? `${param.name}: ` : `${param.name}?: `;
+              const type = toNaslType(param.type);
+              methodParamStr += type;
+              methodParamStr += ',';
+            });
+            value += indent(1);
+            value += `${methodName}: (${methodParamStr}) => any;\n`;
+            logics.push(creatMethodLogic(method));
+          } else {
+            value += indent(1);
+            value += `${methodName}: () => any;\n`;
+            logics.push(creatMethodLogic({ name: methodName, params: [] }));
+          }
+        }
+      });
+      elementsLogic[componentName] = logics;
+    }
+
+    value += `}`
+    value += `class ${componentName}Options extends ViewComponentOptions {\n`
+
+    // 生成属性
+    if (Object.prototype.toString.call(item.attrs) === '[object Array]') {
+      item.attrs.forEach((attr: any) => {
+        const { name } = attr;
+        value += indent(1);
+        value += `${utils.kebab2Camel2(name)}: any;\n`;
+
+
+        // if (attr.name === 'dataSource') {
+        //   value += indent(1);
+        //   value += `'${attr.name}': nasl.collection.List<T> | { total: nasl.core.Integer, list: nasl.collection.List<T> };\n`;
+        // } else if (attr.name === 'sorting') {
+        //   value += indent(1);
+        //   value += `'${attr.name}': {
+        //             field: nasl.core.String
+        //             order: nasl.core.String
+        //         };\n`;
+        // } else if (attr.name === 'value') {
+        //   value += indent(1);
+        //   value += `'${attr.name}': any;\n`;
+        // } else if (attr.type === 'number') {
+        //   value += indent(1);
+        //   value += `'${attr.name}': nasl.core.Long;\n`;
+        // } else if (attr.type === 'Array') {
+        //   value += indent(1);
+        //   value += `'${attr.name}': Array<any>;\n`;
+        // }
+      });
+
+      value += indent(1);
+      value += `[prop: string]: any;\n`;
     }
 
     // 生成slot
@@ -155,124 +171,74 @@ export default function formatUiTs(allComponent: any) {
           if (slot.supportGenericComponents && slot.supportGenericComponents.length) {
             let str = '';
             slot.supportGenericComponents.forEach((componentName: any) => {
-              const name = toHump(componentName);
+              const name = utils.kebab2Pascal(componentName);
               str += `Array<${name}<T>> | `;
             });
             // 没有插槽的
-            value += `slotDefault?: () => ${str} Array<any>,\n`;
+            value += `slotDefault?: () => ${str} Array<any>;\n`;
           } else if (slot.slotProps) {
             const typeAnnotation = new TypeAnnotation(slot.slotProps.typeAnnotation);
-            value += `slotDefault?: (current: ${typeAnnotation.typeKey}) => Array<any>,\n`;
-          } else if (item.attrs && item.attrs.find((item: any) => item.name === 'data-source')) {
+            value += `slotDefault?: (current: ${typeAnnotation.typeKey}) => Array<any>;\n`;
+          } else if (item.attrs && item.attrs.find((item: any) => item.name === 'dataSource')) {
             // 没有插槽的
-            value += `slotDefault?: (current: nasl.ui.Current<T>)=> Array<any>,\n`;
+            value += `slotDefault?: (current: nasl.ui.Current<T>)=> Array<any>;\n`;
           } else {
             // 没有插槽的
-            value += `slotDefault?: ()=> Array<any>,\n`;
+            value += `slotDefault?: ()=> Array<any>;\n`;
           }
         } else if (!slot.advanced) {
           if (slot.slotProps) {
-            if (item.name === 'u-table-view-column-dynamic' && slotName === 'slotTitle') {
-              value += `${slotName}?: (current: {columnIndex: number, columnItem: T1}) => Array<any>,\n`;
-            } else {
               const typeAnnotation = new TypeAnnotation(slot.slotProps.typeAnnotation);
-              value += `${slotName}?: (current: ${typeAnnotation.typeKey}) => Array<any>,\n`;
-            }
+              value += `${slotName}?: (current: ${typeAnnotation.typeKey}) => Array<any>;\n`;
           } else {
-            value += `${slotName}?: ()=> Array<any>,\n`;
+            value += `${slotName}?: () => Array<any>;\n`;
           }
-          // if (Array.isArray(slot.props) && slot.props.length === 5) {
-          //     value += indent(3);
-          //     value += slotName + `?: (current: nasl.ui.Current<T>) => Array<any>,\n`;
-          // } else if (Array.isArray(slot.props)) {
-          //     value += indent(3);
-          //     value += slotName + `?: (current: {`;
-          //     slot.props.forEach((prop: any) => {
-          //         const type = prop.type || '';
-          //         value += `${prop.name}: ${type}, `;
-          //     });
-          //     value += `}) => Array<any>,\n`;
-          // } else {
-          //     value += indent(3);
-          //     // 这里应该是有类型区分的，但是目前 current 只有一个 类型就先都是这个
-          //     value += slotName + `?: (current: nasl.ui.Current<T>) => Array<any>,\n`;
-          // }
         }
       });
     } else {
       // 没有插槽的
-      value += `slotDefault?: ()=> Array<any>,\n`;
+      value += `slotDefault?: () => Array<any>;\n`;
     }
-
-    value += `${indent(1)}\n}){super()}\n`;
-    // 生成属性
-    if (Object.prototype.toString.call(item.attrs) === '[object Array]') {
-        item.attrs.forEach((attr: any) => {
-            if (attr.name === 'data-source') {
-                value += indent(1);
-                value += `'${attr.name}': Array<T>;\n`;
-            } else if (attr.name === 'sorting') {
-                value += indent(1);
-                value += `'${attr.name}': {
-                    field: nasl.core.String
-                    order: nasl.core.String
-                };\n`;
-            } else if (attr.name === 'value') {
-                value += indent(1);
-                value += `'${attr.name}': any;\n`;
-            } else {
-                if (attr.type === 'number') {
-                    value += indent(1);
-                    value += `'${attr.name}': nasl.core.Long;\n`;
-                } else if (attr.type === 'Array') {
-                    value += indent(1);
-                    value += `'${attr.name}': Array<any>;\n`;
-                }
-            }
-        });
-        if (['u-select', 'van-pickerson'].includes(item.name)) {
-            value += indent(1);
-            value += `'page-number': nasl.core.Long;\n`;
-            value += indent(1);
-            value += `'filterText': nasl.core.String;\n`;
-        }
-    }
-    // 生成methods
-    if (Object.prototype.toString.call(item.methods) === '[object Array]') {
-      //   beforeNavigate?:($event: {to: string | Location, replace: boolean, append: boolean, preventDefault: Function}) => void
-      const logics: Array<Logic> = [];
-      item.methods.forEach((method: any) => {
-        if (!method.advanced) {
-          const methodName = toHump(method.name);
-          if (Array.isArray(method.params) && method.params.length) {
-            let methodParamStr = '';
-            method.params.forEach((param: any) => {
-              methodParamStr += param.name.includes('?') ? `${param.name}: ` : `${param.name}?: `;
-              const type = toNaslType(param.type);
-              methodParamStr += type;
-              methodParamStr += ',';
-            });
-            value += indent(1);
-            value += `${methodName}: (${methodParamStr}) => any;\n`;
-            logics.push(creatMethodLogic(method));
-          } else {
-            value += indent(1);
-            value += `${methodName}: () => any;\n`;
-            logics.push(creatMethodLogic({ name: methodName, params: [] }));
-          }
-        }
-      });
-      elementsLogic[componentName] = logics;
-    }
-    value += '}\n';
+    value += `};\n`;
   }
   value += '}\n';
-  // console.log('组件ts', value);
-  // console.log(elementsLogic);
-  // const elementsEventsMap = getAllComponentEventMap(allComponent);
+
   return {
     code: value,
     elementsLogic,
     elementsEventsMap,
   };
 }
+
+export function createEleLogins(components: Record<string, any>) {
+  const map: Record<string, any> = {}
+
+  // eslint-disable-next-line no-restricted-syntax, guard-for-in
+  for (const i in components) {
+    const componentName = utils.kebab2Pascal(i);
+    if (Object.prototype.hasOwnProperty.call(components, i)) {
+      const item = components[i];
+      const logics: Array<Logic> = [];
+      if (item.methods?.length) {
+        item.methods.forEach((method: any) => {
+          const { name, params } = method;
+
+          logics.push(new Logic({
+            name,
+            params: params?.map((param: any) => {
+              return new Param({
+                name: param.name,
+                typeAnnotation: param.typeAnnotation,
+                defaultValue: param.defaultValue,
+              });
+            }) || [],
+          }))
+        })
+      }
+
+      map[componentName] = logics;
+    }
+  }
+
+  return map;
+}

package/src/server/entity2LogicNamespace.ts

@@ -19,8 +19,7 @@ export function entity2LogicNamespace(entity: Entity) {
   const { properties } = entity;
   const keys = properties.filter((item) => item.primaryKey);
   const params = keys.map(
-    (item: EntityProperty) =>
-      new Param({ name: item.name, typeAnnotation: TypeAnnotation.createPrimitive(item.typeAnnotation.typeName), required: true })
+    (item: EntityProperty) => new Param({ name: item.name, typeAnnotation: TypeAnnotation.createPrimitive(item.typeAnnotation.typeName) })
   );
   const batchDeleteParams =
     keys.length > 1
@@ -36,7 +35,6 @@ export function entity2LogicNamespace(entity: Entity) {
                 }),
               ],
             }),
-            required: true,
           }),
         ]
       : [
@@ -45,7 +43,6 @@ export function entity2LogicNamespace(entity: Entity) {
             typeAnnotation: TypeAnnotation.createGeneric('List', {
               typeArguments: [TypeAnnotation.createPrimitive(keys?.[0]?.typeAnnotation.typeName)],
             }),
-            required: true,
           }),
         ];
   const ns = new Namespace({
@@ -78,7 +75,6 @@ export function entity2LogicNamespace(entity: Entity) {
               typeNamespace: entity.getNamespace(),
               typeName: entity.name,
             }),
-            required: true,
           }),
         ],
         returns: [
@@ -104,7 +100,6 @@ export function entity2LogicNamespace(entity: Entity) {
               typeNamespace: entity.getNamespace(),
               typeName: entity.name,
             }),
-            required: true,
           }),
           new Param({
             name: 'properties',
@@ -124,7 +119,6 @@ export function entity2LogicNamespace(entity: Entity) {
                 concept: 'NewList',
               }),
             }),
-            required: false,
           }),
         ],
         returns: [
@@ -156,7 +150,6 @@ export function entity2LogicNamespace(entity: Entity) {
               typeNamespace: entity.getNamespace(),
               typeName: entity.name,
             }),
-            required: true,
           }),
         ],
         body: [],
@@ -197,7 +190,6 @@ export function entity2LogicNamespace(entity: Entity) {
                 }),
               ],
             }),
-            required: true,
           }),
           new Param({
             name: 'body',
@@ -206,7 +198,6 @@ export function entity2LogicNamespace(entity: Entity) {
               typeNamespace: entity.getNamespace(),
               typeName: entity.name,
             }),
-            required: true,
           }),
           new Param({
             name: 'properties',
@@ -226,7 +217,6 @@ export function entity2LogicNamespace(entity: Entity) {
                 concept: 'NewList',
               }),
             }),
-            required: false,
           }),
         ],
         returns: [
@@ -263,7 +253,6 @@ export function entity2LogicNamespace(entity: Entity) {
                 }),
               ],
             }),
-            required: true,
           }),
         ],
         body: [],
@@ -283,7 +272,6 @@ export function entity2LogicNamespace(entity: Entity) {
                 }),
               ],
             }),
-            required: true,
           }),
         ],
         returns: [
@@ -317,7 +305,6 @@ export function entity2LogicNamespace(entity: Entity) {
                 }),
               ],
             }),
-            required: true,
           }),
           new Param({
             name: 'properties',
@@ -337,7 +324,6 @@ export function entity2LogicNamespace(entity: Entity) {
                 concept: 'NewList',
               }),
             }),
-            required: false,
           }),
         ],
         returns: [
@@ -369,7 +355,6 @@ export function entity2LogicNamespace(entity: Entity) {
           new Param({
             name: 'body',
             typeAnnotation: TypeAnnotation.createPrimitive('Binary'),
-            required: true,
           }),
         ],
         returns: [

package/src/server/extendBaseNode.ts

@@ -23,13 +23,14 @@ import {
   Connector,
   MsgTriggerLauncher,
   Connection,
-  MetadataType
+  MetadataType,
 } from '../concepts';
-import { FileNode } from '../utils';
+import { FileNode, traverse } from '../utils';
 import { EventPayload, invokeCommand, registerCommand } from '../common';
 import { getNodeByNodeCallee, getNaslNodeByNodeCallee } from '../automate/engine/utils';
 
 import { extendSentryMonitorNaslNode } from '../sentry';
+import { ca } from 'date-fns/locale';
 
 interface SetNameNode extends BaseNode {
   setName(name: string): any;
@@ -42,7 +43,7 @@ BaseNode.prototype.findReadOnlyLogicUsage = function () {
   if (this.parentNode.concept === 'Namespace' || this.parentNode.parentNode.concept === 'Namespace') {
     const sourceMap =
       this.parentNode.concept === 'Namespace' ? this.parentNode.parentNode.sourceMap : this.parentNode.parentNode.parentNode.sourceMap;
-    for (const item of sourceMap) {
+    for (const item of sourceMap || []) {
       const logic = item[0] as Logic;
       if (this.concept === 'Logic') {
         if (logic instanceof Logic)
@@ -135,7 +136,10 @@ BaseNode.prototype.changeName = async function changeName(newValue: string, upda
     if (res.length <= 1) {
       if (this.concept === 'enumItem') {
         (this as any).setValue(newValue);
-      } else if (this.concept === 'Process' || (this.concept === 'ProcessElement' && ['InitiateTask', 'ApprovalTask', 'UserTask'].includes((this as any).type))) {
+      } else if (
+        this.concept === 'Process' ||
+        (this.concept === 'ProcessElement' && ['InitiateTask', 'ApprovalTask', 'UserTask'].includes((this as any).type))
+      ) {
         const confirmParms: any = {
           actionType: 'rename',
           node: this,
@@ -147,13 +151,13 @@ BaseNode.prototype.changeName = async function changeName(newValue: string, upda
           confirmParms.title = '重命名流程名称';
           confirmParms.process = true;
         } else if (this.concept === 'ProcessElement') {
-          confirmParms.title = '修改节点名称'
+          confirmParms.title = '修改节点名称';
           confirmParms.process = true;
         }
         const callback = () => {
           (this as SetNameNode).setName(newValue);
-        }
-        invokeCommand('tsConfirm.open', confirmParms, callback)
+        };
+        invokeCommand('tsConfirm.open', confirmParms, callback);
       } else (this as SetNameNode).setName(newValue);
     } else {
       const callback = (value: boolean, toast?: Function) => {
@@ -207,7 +211,7 @@ BaseNode.prototype.changeName = async function changeName(newValue: string, upda
         confirmParms.title = '重命名流程名称';
         confirmParms.process = true;
       } else if (this.concept === 'ProcessElement' && ['InitiateTask', 'ApprovalTask', 'UserTask'].includes((this as any).type)) {
-        confirmParms.title = '修改节点名称'
+        confirmParms.title = '修改节点名称';
         confirmParms.process = true;
       }
 
@@ -225,7 +229,7 @@ BaseNode.prototype.removeBindEntityPropertyViewEelment = async function removeBi
   const naslServer = (app as any).naslServer as NaslServer;
   const refsList = await naslServer._isHaveRef(this); // 查找到引用链
 
-  refsList.forEach(record => {
+  refsList.forEach((record) => {
     const fileNode = naslServer.file2NodeMap.get(record.file);
     if (!fileNode) return null;
     const minRange: MinRange = naslServer._findMinRange(record, fileNode as FileNode); // 查找到引用节点
@@ -233,13 +237,12 @@ BaseNode.prototype.removeBindEntityPropertyViewEelment = async function removeBi
     let node = minRange.node;
     while (node) {
       if (node instanceof ViewElement && node.getBindAttribute('bindEntityProperty')) {
-          node.delete();
-        }
-        node = node.parentNode;
+        node.delete();
       }
-    })
-
-}
+      node = node.parentNode;
+    }
+  });
+};
 
 /** 删除连接器 */
 function delConnection(node: Connection) {
@@ -307,6 +310,34 @@ BaseNode.prototype.prepareDelete = async function prepareDelete(cb?: Function) {
           if (cb) {
             cb();
           }
+        } else if (node instanceof View || node instanceof Frontend) {
+          (this as any).app.emit('collect:start', {
+            actionMsg: `删除节点`,
+          });
+          // 删除页面或端的时候，如果存在表单设计器，需要同步删除分组内容
+          const excludedKeySet = new Set([
+            'parentNode',
+            'sourceMap',
+            'storageJSON',
+            'tsErrorDetail',
+            'NaslAnnotatedJSON',
+            'calledFrom',
+            '_events',
+            '_collectingList',
+            '_historyList',
+          ]);
+          traverse(
+            (current) => {
+              const currentNode: any = current.node;
+              if (currentNode && currentNode?.concept === 'ViewElement' && currentNode?.name === currentNode?.composedBy?.[0]) {
+                currentNode.app.deleteCompose(currentNode.composedBy);
+              }
+            },
+            { node: this },
+            { mode: 'anyObject', excludedKeySet }
+          );
+          this.delete();
+          (this as any).app.emit('collect:end');
         } else {
           this.delete();
         }

package/src/server/formatTsUtils.ts

@@ -19,9 +19,12 @@ import {
   BackendVariable,
   AuthLogic,
   AuthLogicForCallInterface,
+  BusinessComponent,
+  BusinessLogic,
+  View,
 } from '..';
 import { getNaslNodeByNodeCallee } from '../automate/engine/utils';
-import { runGeneratorSync as runSync } from '../utils';
+import { runGeneratorSync as runSync, getAncestorExistingParamNames } from '../utils';
 
 interface variableItem {
   text: string;
@@ -691,30 +694,27 @@ export function formatVariableData(data: unknown | variableItem[], node: types.S
 // 从logic获取节点的icon
 function getNodeiconFromLogic(completionProperty: CompletionProperty, node: types.SyntaxNode): string {
   const { name: propName } = completionProperty;
-  const { view } = node as Param;
-  const logic = (node as Param).logic || (node as Param).OverriddenLogic || (node as Param).AuthLogic || (node as Param).AuthLogicForCallInterface;
+  const likeComponent = node.getAncestor('View') as View || node.getAncestor('BusinessComponent') as BusinessComponent;
+  const logic = (node as Param).logic || node.getAncestor('BusinessLogic') as BusinessLogic || (node as Param).OverriddenLogic || (node as Param).AuthLogic || (node as Param).AuthLogicForCallInterface;
 
   if (node.concept === 'Identifier' || node.concept === 'BindAttribute' || node.concept === 'MemberExpression') {
-    const callLogic = node.getAncestor<CallLogic>('CallLogic');
-    const originLogic = callLogic?.getCallNode() as Logic;
-
-    if (originLogic?.params.find((item) => item.name === propName)) {
+    const ancestorParamNames = getAncestorExistingParamNames(node);
+    if (ancestorParamNames.has(propName)) {
       return 'param';
     }
   }
 
-  if (view) {
+  if (likeComponent) {
+    const params: any[] = likeComponent.params;
     // 前端逻辑调用
-    const { params } = view;
-
     if (params.find((item) => item.name === propName)) {
       return 'param';
     }
   }
 
   if (logic) {
-    const { params, returns } = logic;
-
+    const { returns } = logic;
+    const params: Param[] = logic.params;
     if (logic instanceof AuthLogicForCallInterface) {
       const { authParams } = logic;
       if (authParams.find((item) => item.name === completionProperty.name)) return 'api-auth-params';
@@ -759,7 +759,7 @@ function getNodeiconFromLogic(completionProperty: CompletionProperty, node: type
 function sortFirstVariableData(result: CompletionProperty[], node: BaseNode) {
   const newResult: CompletionProperty[] = [];
   const logic = (node as Param).logic;
-  const view = (node as Param).view;
+  const view: any  = (node as Param).view || (node as Param).getAncestor('BusinessComponent');
   if (view) {
     const { params, variables } = view;
     const list = [...params, ...variables];