@lcap/nasl 3.7.1-beta.1 → 3.7.2-alpha.1

package/src/concepts/ViewElement__.ts

@@ -34,7 +34,22 @@ export interface ParseContext {
 /**
  * 自闭合标签
  */
-const selfClosingTag = ['base', 'meta', 'area', 'embed', 'link', 'img', 'input', 'param', 'hr', 'br', 'source', 'track', 'wbr', 'col'];
+const selfClosingTag = [
+  'base',
+  'meta',
+  'area',
+  'embed',
+  'link',
+  'img',
+  'input',
+  'param',
+  'hr',
+  'br',
+  'source',
+  'track',
+  'wbr',
+  'col',
+];
 
 function genArgumentMemberExpression(arr: string[]) {
   let expressionNode: any;
@@ -70,7 +85,11 @@ export interface ElementToVueOptions {
   aslIdAttr?: string | boolean;
   nodePathAttr?: string | boolean;
   getExtraParts?: (element?: ViewElement) => Array<string>;
-  attrFormat?: (attr: BindAttribute | BindEvent | BindDirective, element?: ViewElement, defaultResult?: string) => string | false;
+  attrFormat?: (
+    attr: BindAttribute | BindEvent | BindDirective,
+    element?: ViewElement,
+    defaultResult?: string,
+  ) => string | false;
   bindStylesFormat?: (bindStyles: BindStyle[], element?: ViewElement, defaultResult?: string) => string | false;
   finalCode?: boolean;
   currentList?: string[];
@@ -98,7 +117,9 @@ function transAstNodeToNaslNode(astNode: any, namespace?: string): any {
           expression: transAstNodeToNaslNode(Object.assign({}, argument)),
         }))
         .filter((item: any) => item.expression),
-      typeArguments: astNode.arguments.map((argument: any) => transAstNodeToNaslTypeNode(Object.assign({}, argument))).filter((item: any) => item),
+      typeArguments: astNode.arguments
+        .map((argument: any) => transAstNodeToNaslTypeNode(Object.assign({}, argument)))
+        .filter((item: any) => item),
     };
   } else if (astNode.type === 'MemberExpression') {
     if (astNode.object?.name === '$global') {
@@ -226,7 +247,7 @@ function transAstNodeToNaslNode(astNode: any, namespace?: string): any {
         ...tempNode,
       },
       undefined,
-      'logics'
+      'logics',
     );
   } else if (astNode.type === 'LogicalExpression' || astNode.type === 'BinaryExpression') {
     node = {
@@ -261,7 +282,9 @@ function transAstNodeToNaslTypeNode(astNode: any, namespace?: string): any {
 
 function isLockField(node?: any): boolean {
   if (!node || node.concept !== 'ViewElement') return false;
-  const attr = node?.bindAttrs?.find((attr: any) => ['FormDesignerLocked', 'TableDesignerLocked'].includes(attr.name))?.value;
+  const attr = node?.bindAttrs?.find((attr: any) =>
+    ['FormDesignerLocked', 'TableDesignerLocked'].includes(attr.name),
+  )?.value;
   if (attr === undefined) return !!isLockField(node?.parentNode);
   else return !!attr;
 }
@@ -310,58 +333,44 @@ export class ViewElement extends BaseNode {
   /**
    * 元素标签
    */
-  @property({
-    objectRef: '',
-  })
+  @property()
   tag: string;
 
   /**
    * 页面元素名称
    */
-  @property({
-    objectRef: '',
-  })
+  @property()
   name: string = '';
 
   /**
    * 静态 class 名
    */
-  @property({
-    objectRef: '',
-  })
-  staticClass?: string = null;
+  @property()
+  staticClass?: string;
 
   /**
    * 静态 style
    */
-  @property({
-    objectRef: '',
-  })
-  staticStyle?: string = null;
+  @property()
+  staticStyle?: string;
 
   /**
    * 权限资源描述
    */
-  @property({
-    objectRef: '',
-  })
-  authDescription?: string = null;
+  @property()
+  authDescription?: string;
 
   /**
    * 插槽目标
    */
-  @property({
-    objectRef: '',
-  })
-  slotTarget?: string = null;
+  @property()
+  slotTarget?: string;
 
   /**
    * 插槽 scope 表达式
    */
-  @property({
-    objectRef: '',
-  })
-  slotScope?: string = null;
+  @property()
+  slotScope?: string;
 
   /**
    * 元素绑定属性列表
@@ -397,7 +406,6 @@ export class ViewElement extends BaseNode {
    * 绑定的角色
    */
   @property({
-    objectRef: '',
     isArray: true,
     defaultValue: [],
   })
@@ -471,7 +479,9 @@ export class ViewElement extends BaseNode {
 
   getBindAttributeExistingNames(excludedList: Array<BindAttribute> = []) {
     const excludedSet = new Set(excludedList);
-    return ((this.bindAttrs as BindAttribute[]) || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
+    return ((this.bindAttrs as BindAttribute[]) || [])
+      .filter((item) => !excludedSet.has(item))
+      .map((item) => item.name);
   }
   getBindAttributeUniqueName(name = 'bindAttribute1') {
     return utils.unique(name, this.getBindAttributeExistingNames(), undefined, false);
@@ -510,7 +520,7 @@ export class ViewElement extends BaseNode {
           name: this.getBindAttributeUniqueName(),
         },
         this,
-        'bindAttrs'
+        'bindAttrs',
       );
     } else if (typeof options === 'string') {
       bindAttribute = BindAttribute.from(
@@ -519,7 +529,7 @@ export class ViewElement extends BaseNode {
           name: options,
         },
         this,
-        'bindAttrs'
+        'bindAttrs',
       );
     } else if (asserts.isBindAttribute(options)) {
       options.ensureDelete(); // 同一实例不支持多处存在
@@ -532,7 +542,7 @@ export class ViewElement extends BaseNode {
           ...options,
         },
         this,
-        'bindAttrs'
+        'bindAttrs',
       );
     }
     this.bindAttrs.splice(index, 0, bindAttribute);
@@ -664,7 +674,7 @@ export class ViewElement extends BaseNode {
           name: this.getBindEventUniqueName(),
         },
         this,
-        'bindEvents'
+        'bindEvents',
       );
     } else if (typeof options === 'string') {
       bindEvent = BindEvent.from(
@@ -673,7 +683,7 @@ export class ViewElement extends BaseNode {
           name: options,
         },
         this,
-        'bindEvents'
+        'bindEvents',
       );
     } else if (asserts.isBindEvent(options)) {
       options.ensureDelete(); // 同一实例不支持多处存在
@@ -686,7 +696,7 @@ export class ViewElement extends BaseNode {
           ...options,
         },
         this,
-        'bindEvents'
+        'bindEvents',
       );
     }
     this.bindEvents.splice(index, 0, bindEvent);
@@ -779,7 +789,9 @@ export class ViewElement extends BaseNode {
 
   getBindDirectiveExistingNames(excludedList: Array<BindDirective> = []) {
     const excludedSet = new Set(excludedList);
-    return ((this.bindDirectives as BindDirective[]) || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
+    return ((this.bindDirectives as BindDirective[]) || [])
+      .filter((item) => !excludedSet.has(item))
+      .map((item) => item.name);
   }
   getBindDirectiveUniqueName(name = 'bindDirective1') {
     return utils.unique(name, this.getBindDirectiveExistingNames(), undefined, false);
@@ -818,7 +830,7 @@ export class ViewElement extends BaseNode {
           name: this.getBindDirectiveUniqueName(),
         },
         this,
-        'bindDirectives'
+        'bindDirectives',
       );
     } else if (typeof options === 'string') {
       bindDirective = BindDirective.from(
@@ -827,7 +839,7 @@ export class ViewElement extends BaseNode {
           name: options,
         },
         this,
-        'bindDirectives'
+        'bindDirectives',
       );
     } else if (asserts.isBindDirective(options)) {
       options.ensureDelete(); // 同一实例不支持多处存在
@@ -840,7 +852,7 @@ export class ViewElement extends BaseNode {
           ...options,
         },
         this,
-        'bindDirectives'
+        'bindDirectives',
       );
     }
     this.bindDirectives.splice(index, 0, bindDirective);
@@ -972,7 +984,7 @@ export class ViewElement extends BaseNode {
           name: this.getBindStyleUniqueName(),
         },
         this,
-        'bindStyles'
+        'bindStyles',
       );
     } else if (typeof options === 'string') {
       bindStyle = BindStyle.from(
@@ -981,7 +993,7 @@ export class ViewElement extends BaseNode {
           name: options,
         },
         this,
-        'bindStyles'
+        'bindStyles',
       );
     } else if (asserts.isBindStyle(options)) {
       options.ensureDelete(); // 同一实例不支持多处存在
@@ -994,7 +1006,7 @@ export class ViewElement extends BaseNode {
           ...options,
         },
         this,
-        'bindStyles'
+        'bindStyles',
       );
     }
     this.bindStyles.splice(index, 0, bindStyle);
@@ -1118,7 +1130,7 @@ export class ViewElement extends BaseNode {
           name: this.getViewElementUniqueName(),
         },
         this,
-        'children'
+        'children',
       );
     } else if (typeof options === 'string') {
       viewElement = ViewElement.from(
@@ -1127,7 +1139,7 @@ export class ViewElement extends BaseNode {
           name: options,
         },
         this,
-        'children'
+        'children',
       );
     } else if (asserts.isViewElement(options)) {
       options.ensureDelete(); // 同一实例不支持多处存在
@@ -1140,7 +1152,7 @@ export class ViewElement extends BaseNode {
           ...options,
         },
         this,
-        'children'
+        'children',
       );
     }
     this.children.splice(index, 0, viewElement);
@@ -1387,7 +1399,9 @@ export class ViewElement extends BaseNode {
   get parentAuth() {
     const _nameSpace = this.view.getNamespace();
     const mainViewName = _nameSpace.split('.')[2];
-    return this.view.parentNode.concept === 'App' ? this.view.auth : this.frontend.views.find((item) => item.name === mainViewName)?.auth;
+    return this.view.parentNode.concept === 'App'
+      ? this.view.auth
+      : this.frontend.views.find((item) => item.name === mainViewName)?.auth;
   }
 
   // IDE内展示需要屏蔽掉“系统统一路径前缀”
@@ -1605,7 +1619,9 @@ export class ViewElement extends BaseNode {
 
       return t;
     };
-    const hasDataSource = config?.allNodesAPI?.[self.tag]?.props?.findIndex((prop) => ['dataSource', 'data-source'].includes(prop.name)) > -1;
+    const hasDataSource =
+      config?.allNodesAPI?.[self.tag]?.props?.findIndex((prop) => ['dataSource', 'data-source'].includes(prop.name)) >
+      -1;
     // 有数据源属性的组件 才需要生成 item
     if (hasDataSource && T) {
       const key = T1 ? '__columnItem' : '__item';
@@ -1629,9 +1645,9 @@ export class ViewElement extends BaseNode {
                     inElementsRefTree: true,
                   }
                 : {
-                  // 业务组件需要特殊处理
-                  inElementsRefTree: true,
-                },
+                    // 业务组件需要特殊处理
+                    inElementsRefTree: true,
+                  },
             ),
           );
 
@@ -1739,7 +1755,11 @@ export class ViewElement extends BaseNode {
       code += indent((state?.tabSize || 0) + 4);
       code += `children: {\n`;
       yield* wrapForEach(self.children, function* warpForEachGenerator(element) {
-        code += yield* element.toEmbeddedTSRefTree(shiftState({ ...state, tabSize: state.tabSize + 2 }, code), { elementsPathMap }, levelIndex);
+        code += yield* element.toEmbeddedTSRefTree(
+          shiftState({ ...state, tabSize: state.tabSize + 2 }, code),
+          { elementsPathMap },
+          levelIndex,
+        );
       });
       code += indent((state?.tabSize || 0) + 4);
       code += `},\n`;
@@ -1796,14 +1816,20 @@ export class ViewElement extends BaseNode {
         if (attr && attr.expression) {
           const datasourceName = `datasourceName${element.name}`;
           (element as any).__tsDataSourceTypeName = datasourceName;
-          if (asserts.isMemberExpression(attr.expression) || asserts.isIdentifier(attr.expression) || asserts.isCallLogic(attr.expression)) {
+          if (
+            asserts.isMemberExpression(attr.expression) ||
+            asserts.isIdentifier(attr.expression) ||
+            asserts.isCallLogic(attr.expression)
+          ) {
             const extraParams = {
               tabSize: 4,
               inline: true,
               noNeedParams: true,
               callLogicNoIife: true,
             };
-            const value = yield* attr.expression.toEmbeddedTS(shiftState(state, code, attr.expression.concept === 'CallLogic' ? extraParams : {}));
+            const value = yield* attr.expression.toEmbeddedTS(
+              shiftState(state, code, attr.expression.concept === 'CallLogic' ? extraParams : {}),
+            );
             code += `type ${datasourceName} = `;
             code += `nasl.ui.GetItemTypeFromDataSource<typeof ${value}>;\n`;
           } else {
@@ -1867,7 +1893,7 @@ export class ViewElement extends BaseNode {
       },
       {
         node: this,
-      }
+      },
     );
     return excludedSet;
   }
@@ -1887,7 +1913,9 @@ export class ViewElement extends BaseNode {
     };
     // 过滤模板的登录中的一些翻译，这里只过滤h5表格中的两个列
     if (
-      (parentNode.concept === 'ViewElement' && (parentNode as any).tag && this.toHump((parentNode as any).tag) === 'lcapLogin') ||
+      (parentNode.concept === 'ViewElement' &&
+        (parentNode as any).tag &&
+        this.toHump((parentNode as any).tag) === 'lcapLogin') ||
       staticClass === 'login-cell'
     ) {
       return '';
@@ -1902,7 +1930,7 @@ export class ViewElement extends BaseNode {
           code += yield* event.toEmbeddedTS(
             shiftState(state, code, {
               tabSize: (state?.tabSize || 0) + 2,
-            })
+            }),
           );
           code += '\n';
         });
@@ -1921,7 +1949,7 @@ export class ViewElement extends BaseNode {
           shiftState(state, code, {
             tabSize: state?.tabSize || 0,
           }),
-          levelIndex
+          levelIndex,
         );
       });
       return code;
@@ -1966,7 +1994,7 @@ export class ViewElement extends BaseNode {
         code += yield* event.toEmbeddedTS(
           shiftState(state, code, {
             tabSize: (state?.tabSize || 0) + 2,
-          })
+          }),
         );
         code += '\n';
       });
@@ -2046,24 +2074,24 @@ export class ViewElement extends BaseNode {
         // 先把插槽翻译了
         yield* wrapForEach(children, function* warpForEachGenerator(element) {
           if (element.tag === 'template' && element.slotTarget && element.slotTarget !== 'default') {
-              const hasScope = element.haveScope();
-              const slotTarget = `slot${element.toFirstUpper(element.toHump(element.slotTarget))}`;
-              if (hasScope) {
-                code += `${slotTarget}: (current${levelIndex === 0 ? '' : levelIndex}) => [\n`;
-              } else {
-                code += `${slotTarget}: () => [\n`;
-              }
-              const levelIndexDelta = Number(hasScope);
-              yield* wrapForEach(element.children, function* warpForEachGenerator(e) {
-                code += yield* e.toEmbeddedTS(
-                  shiftState(state, code, {
-                    tabSize: state?.tabSize || 0,
-                  }),
-                  levelIndex + levelIndexDelta
-                );
-              });
-              code += indent((state?.tabSize || 0) + 2);
-              code += '\n],\n';
+            const hasScope = element.haveScope();
+            const slotTarget = `slot${element.toFirstUpper(element.toHump(element.slotTarget))}`;
+            if (hasScope) {
+              code += `${slotTarget}: (current${levelIndex === 0 ? '' : levelIndex}) => [\n`;
+            } else {
+              code += `${slotTarget}: () => [\n`;
+            }
+            const levelIndexDelta = Number(hasScope);
+            yield* wrapForEach(element.children, function* warpForEachGenerator(e) {
+              code += yield* e.toEmbeddedTS(
+                shiftState(state, code, {
+                  tabSize: state?.tabSize || 0,
+                }),
+                levelIndex + levelIndexDelta,
+              );
+            });
+            code += indent((state?.tabSize || 0) + 2);
+            code += '\n],\n';
           } else {
             defaultArr.push(element);
           }
@@ -2071,8 +2099,8 @@ export class ViewElement extends BaseNode {
         // 翻译其余的子元素
         if (defaultArr.length) {
           code += indent((state?.tabSize || 0) + 2);
-          const hasScope = defaultArr.some(x=>x.haveScope());
-          const param = hasScope ? `current${levelIndex === 0 ? '' : levelIndex}` : "";
+          const hasScope = defaultArr.some((x) => x.haveScope());
+          const param = hasScope ? `current${levelIndex === 0 ? '' : levelIndex}` : '';
           const levelIndexDelta = Number(hasScope);
           code += `slotDefault: (${param}) => [\n`;
           yield* wrapForEach(defaultArr, function* warpForEachGenerator(element) {
@@ -2080,7 +2108,7 @@ export class ViewElement extends BaseNode {
               shiftState(state, code, {
                 tabSize: (state?.tabSize || 0) + 2,
               }),
-              levelIndex + levelIndexDelta
+              levelIndex + levelIndexDelta,
             );
             code += '\n';
           });
@@ -2090,8 +2118,8 @@ export class ViewElement extends BaseNode {
         }
       } else if (children?.length) {
         code += indent((state?.tabSize || 0) + 2);
-        const hasScope = children.some(x=>x.haveScope());
-        const param = hasScope ? `current${levelIndex === 0 ? '' : levelIndex}` : "";
+        const hasScope = children.some((x) => x.haveScope());
+        const param = hasScope ? `current${levelIndex === 0 ? '' : levelIndex}` : '';
         const levelIndexDelta = Number(hasScope);
         code += `slotDefault: (${param}) => [\n`;
         yield* wrapForEach(children, function* warpForEachGenerator(element) {
@@ -2099,7 +2127,7 @@ export class ViewElement extends BaseNode {
             shiftState(state, code, {
               tabSize: (state?.tabSize || 0) + 2,
             }),
-            levelIndex + levelIndexDelta
+            levelIndex + levelIndexDelta,
           );
           code += '\n';
         });
@@ -2128,7 +2156,7 @@ export class ViewElement extends BaseNode {
       code += attr.toNaturalTS(
         shiftState(state, code, {
           tabSize: state.tabSize + 1,
-        })
+        }),
       );
       code += ',\n';
     });
@@ -2137,7 +2165,7 @@ export class ViewElement extends BaseNode {
       code += event.toNaturalTS(
         shiftState(state, code, {
           tabSize: state.tabSize + 1,
-        })
+        }),
       );
       code += ',\n';
     });
@@ -2148,7 +2176,7 @@ export class ViewElement extends BaseNode {
       this.children.forEach((element) => {
         if (element.tag === 'template') {
           if (element.children.length) {
-            code += `${indent(state.tabSize + 1)}slot${utils.firstUpperCase(element.slotTarget)}: (${
+            code += `${indent(state.tabSize + 1)}slot${utils.firstUpperCase(element.slotTarget || '')}: (${
               element.slotScope || ''
             }) => [\n`;
 
@@ -2156,7 +2184,7 @@ export class ViewElement extends BaseNode {
               code += element.toNaturalTS(
                 shiftState(state, code, {
                   tabSize: state.tabSize + 2,
-                })
+                }),
               );
               code += ',\n';
             });
@@ -2176,7 +2204,7 @@ export class ViewElement extends BaseNode {
           code += element.toNaturalTS(
             shiftState(state, code, {
               tabSize: state.tabSize + 2,
-            })
+            }),
           );
           code += ',\n';
         });
@@ -2191,7 +2219,7 @@ export class ViewElement extends BaseNode {
           code += element.toNaturalTS(
             shiftState(state, code, {
               tabSize: state.tabSize + 2,
-            })
+            }),
           );
           code += ',\n';
         });
@@ -2216,7 +2244,7 @@ export class ViewElement extends BaseNode {
       code += attr.toTextualNASL(
         shiftState(state, code, {
           tabSize: state.tabSize + 1,
-        })
+        }),
       );
       code += ',\n';
     });
@@ -2225,7 +2253,7 @@ export class ViewElement extends BaseNode {
       code += event.toTextualNASL(
         shiftState(state, code, {
           tabSize: state.tabSize + 1,
-        })
+        }),
       );
       code += ',\n';
     });
@@ -2235,7 +2263,7 @@ export class ViewElement extends BaseNode {
       // 先把插槽翻译了
       this.children.forEach((element) => {
         if (element.tag === 'template' && element.children.length) {
-          code += `${indent(state.tabSize + 1)}slot${utils.firstUpperCase(element.slotTarget)} = { (${
+          code += `${indent(state.tabSize + 1)}slot${utils.firstUpperCase(element.slotTarget || '')} = { (${
             element.slotScope || ''
           }) => [\n`;
 
@@ -2248,9 +2276,10 @@ export class ViewElement extends BaseNode {
             code += element.toTextualNASL(
               shiftState(state, code, {
                 tabSize: state.tabSize + 2,
-              })
+              }),
               // levelIndex,
             );
+            code += ',\n';
           });
 
           code += `${indent(state.tabSize + 1)}] },\n`;
@@ -2260,15 +2289,16 @@ export class ViewElement extends BaseNode {
       });
       // 翻译其余的子集
       if (defaultArr.length) {
-        throw new Error('多个插槽必须都在 template 内');
-        // defaultArr.forEach((element) => {
-        //   code += element.toTextualNASL(
-        //     shiftState(state, code, {
-        //       tabSize: state.tabSize,
-        //     }),
-        //     // levelIndex,
-        //   );
-        // });
+        // throw new Error('多个插槽必须都在 template 内');
+        defaultArr.forEach((element) => {
+          code += element.toTextualNASL(
+            shiftState(state, code, {
+              tabSize: state.tabSize,
+            }),
+            // levelIndex,
+          );
+          code += ',\n';
+        });
       }
     } else {
       if (this.children.length) {
@@ -2278,7 +2308,7 @@ export class ViewElement extends BaseNode {
           code += element.toTextualNASL(
             shiftState(state, code, {
               tabSize: state.tabSize + 2,
-            })
+            }),
             // levelIndex,
           );
           code += ',\n';
@@ -2337,7 +2367,7 @@ export class ViewElement extends BaseNode {
         }
       },
       { node: element },
-      { mode: 'anyObject', excludedKeySet: element.JSON_EXCLUDED_KEYS }
+      { mode: 'anyObject', excludedKeySet: element.JSON_EXCLUDED_KEYS },
     );
 
     this.likeComponent?.existingViewElement.clear();
@@ -2359,7 +2389,7 @@ export class ViewElement extends BaseNode {
       (current) => {
         cb(current.node);
       },
-      { node: this }
+      { node: this },
     );
   }
 
@@ -2398,7 +2428,10 @@ export class ViewElement extends BaseNode {
       const ast = babelParser.parseExpression(value) as any;
       const validationNamespace = getStdlibNamespace().findChild('validation');
       if (ast.type === 'CallExpression') {
-        calleeName = (ast.callee?.property?.name ?? ast.callee?.property?.value ?? ast.callee?.name).replace(/\(.*/, '');
+        calleeName = (ast.callee?.property?.name ?? ast.callee?.property?.value ?? ast.callee?.name).replace(
+          /\(.*/,
+          '',
+        );
         const func = validationNamespace.functions.find((item) => item.name === calleeName);
         args = ast.arguments.map((argument: any, index: number) => ({
           concept: 'Argument',
@@ -2430,9 +2463,18 @@ export class ViewElement extends BaseNode {
     // 临时处理组件的 text
     //h5-mock
     if (
-      ['u-text', 'van-text', 'u-link', 'u-button', 'u-label', 'u-radio', 'u-checkbox', 'u-navbar-item', 'u-sidebar-item', 'u-menu-item'].includes(
-        astNode.tag
-      ) &&
+      [
+        'u-text',
+        'van-text',
+        'u-link',
+        'u-button',
+        'u-label',
+        'u-radio',
+        'u-checkbox',
+        'u-navbar-item',
+        'u-sidebar-item',
+        'u-menu-item',
+      ].includes(astNode.tag) &&
       astNode.children.length === 1 &&
       astNode.children[0].type === 3
     ) {
@@ -2497,7 +2539,9 @@ export class ViewElement extends BaseNode {
         staticStyle: astNode.attrsMap.style,
         slotTarget: astNode.slotTarget && json5.parse(astNode.slotTarget),
         slotScope: astNode.slotScope === '_empty_' ? '' : astNode.slotScope,
-        children: astNode.children.map((item) => this._fromASTNode(item as compiler.ASTElement, newContext)) as unknown as Array<ViewElement>,
+        children: astNode.children.map((item) =>
+          this._fromASTNode(item as compiler.ASTElement, newContext),
+        ) as unknown as Array<ViewElement>,
       });
       const attrName2Camel = (name: string) => {
         if (name.startsWith('vusion-')) return name;
@@ -2506,7 +2550,10 @@ export class ViewElement extends BaseNode {
       astNode?.attrs?.forEach((oldAttr) => {
         let attr: BindAttribute;
         // 获取原始属性
-        const orginAttrCode = (context?.code || '').substr((oldAttr as any).start, (oldAttr as any).end - (oldAttr as any).start);
+        const orginAttrCode = (context?.code || '').substr(
+          (oldAttr as any).start,
+          (oldAttr as any).end - (oldAttr as any).start,
+        );
         if (oldAttr.value === '""' && orginAttrCode.trim() === oldAttr.name) {
           attr = new BindAttribute({
             type: 'static',
@@ -2588,7 +2635,7 @@ export class ViewElement extends BaseNode {
                   calleeName: '',
                   arguments: args,
                   logics: [currentLogic],
-                })
+                }),
               );
             }
           });
@@ -2606,7 +2653,7 @@ export class ViewElement extends BaseNode {
                   value: expression ? '' : directive.value,
                   expression,
                   sync: true,
-                })
+                }),
               );
             }
           } else {
@@ -2620,7 +2667,7 @@ export class ViewElement extends BaseNode {
                 expression,
                 arg: directive.arg,
                 // modifiers: directive.modifiers,
-              })
+              }),
             );
           }
         });
@@ -2633,7 +2680,7 @@ export class ViewElement extends BaseNode {
             rawName: 'v-if',
             value: '',
             expression: <any>this._parseExpression(astNode.if),
-          })
+          }),
         );
       }
     } else if (astNode.type === 2) {
@@ -2651,7 +2698,7 @@ export class ViewElement extends BaseNode {
           name: 'text',
           value: expression ? '' : value,
           expression,
-        })
+        }),
       );
     } else if (astNode.type === 3) {
       const tagName = config.scope === 'h5' ? 'van-text' : 'u-text';
@@ -2665,7 +2712,7 @@ export class ViewElement extends BaseNode {
           name: 'text',
           type: 'string',
           value: astNode.text?.trim(),
-        })
+        }),
       );
     }
     return element;
@@ -2711,7 +2758,10 @@ export class ViewElement extends BaseNode {
       finalCode: false,
       nodePathAttr: true,
       attrFormat: (attr: BindAttribute | BindEvent | BindDirective, element?: ViewElement, defaultResult?: string) => {
-        if (attr.concept === 'BindAttribute' && !['href', 'destination', 'externalDestination', 'download'].includes(attr.name)) {
+        if (
+          attr.concept === 'BindAttribute' &&
+          !['href', 'destination', 'externalDestination', 'download'].includes(attr.name)
+        ) {
           const api = config?.allNodesAPI?.[element.tag];
           const apiOfAttr = api && api.props && api.props.find((_attr) => _attr.name === attr.name);
           if (['u-form-item', 'u-validator', 'van-field'].includes(element.tag) && attr.name === 'rules') {
@@ -2744,7 +2794,10 @@ export class ViewElement extends BaseNode {
           ) {
             return `${attr.name}="{{ ${attr.expression.toUI()} }}"`;
           }
-          if ((attr as BindAttribute).type === 'dynamic' && !(element.tag === 'u-cascade-select' && attr.name === 'categories'))
+          if (
+            (attr as BindAttribute).type === 'dynamic' &&
+            !(element.tag === 'u-cascade-select' && attr.name === 'categories')
+          )
             return defaultResult.replace(/:?([\w-]+)(?:.*?)="([\s\S]*)"/, (m, name, value) => {
               try {
                 const tempValue = json5.parse(value);
@@ -2778,11 +2831,14 @@ export class ViewElement extends BaseNode {
         const parts = [];
 
         const api = config?.allNodesAPI?.[el?.tag];
-        const emptySlot = api && api.slots && api.slots.find((slot) => slot.name === 'default' && slot['emptyBackground']);
+        const emptySlot =
+          api && api.slots && api.slots.find((slot) => slot.name === 'default' && slot['emptyBackground']);
         const hasSupport = api && api.slots && api.slots.some((slot) => slot.support);
         if (emptySlot || hasSupport) {
           // 有些限制的组件如侧边栏分组有title插槽但要限制子元素放入
-          const validChildren = el.children.filter((elem) => !(elem.tag === 'template' && elem.slotTarget !== 'default'));
+          const validChildren = el.children.filter(
+            (elem) => !(elem.tag === 'template' && elem.slotTarget !== 'default'),
+          );
           let childEmpty = !validChildren.length;
           const defaultSlot = el.children.find((elem) => elem.tag === 'template' && elem.slotTarget === 'default');
           if (defaultSlot) {
@@ -2930,7 +2986,8 @@ export class ViewElement extends BaseNode {
         aslIdAttr: false,
         nodePathAttr: false,
         getExtraParts: () => [],
-        attrFormat: (attr: BindAttribute | BindEvent | BindDirective, element?: ViewElement, defaultResult?: string) => defaultResult,
+        attrFormat: (attr: BindAttribute | BindEvent | BindDirective, element?: ViewElement, defaultResult?: string) =>
+          defaultResult,
         bindStylesFormat: (bindStyles: BindStyle[], element?: ViewElement) => {
           if (bindStyles.length === 0) return false;
 
@@ -2943,7 +3000,7 @@ export class ViewElement extends BaseNode {
       options,
       {
         currentList,
-      }
+      },
     );
     const tabString = ' '.repeat(newOptions.tabSize * newOptions.indentLevel);
     const insideTabString = ' '.repeat(newOptions.tabSize * (newOptions.indentLevel + 1));
@@ -2980,27 +3037,30 @@ export class ViewElement extends BaseNode {
     this.staticClass && parts.push(`class="${this.staticClass}"`);
 
     const vIfs: string[] = [];
-    [].concat(this.bindAttrs, this.bindDirectives, this.bindEvents).forEach((attr: BindAttribute | BindDirective | BindEvent) => {
-      let result = newOptions.attrFormat(attr, this, attr?.toVue(newOptions));
-     if(options?.isExport
-        && attr?.concept === 'BindAttribute'
-        && attr?.name==='src'
-        && /^\/assets\/(.*?)$/.test(attr?.value)
-        // && attr.value.includes('/assets/')
-        && this.app?.sysPrefixPath?.length>0
-      ){
-        result = (result as string)?.replace('/assets/',`${this.app?.sysPrefixPath}/assets/`)
-      }
+    []
+      .concat(this.bindAttrs, this.bindDirectives, this.bindEvents)
+      .forEach((attr: BindAttribute | BindDirective | BindEvent) => {
+        let result = newOptions.attrFormat(attr, this, attr?.toVue(newOptions));
+        if (
+          options?.isExport &&
+          attr?.concept === 'BindAttribute' &&
+          attr?.name === 'src' &&
+          /^\/assets\/(.*?)$/.test(attr?.value) &&
+          // && attr.value.includes('/assets/')
+          this.app?.sysPrefixPath?.length > 0
+        ) {
+          result = (result as string)?.replace('/assets/', `${this.app?.sysPrefixPath}/assets/`);
+        }
 
-      // v-auth v-if 都翻译成 v-if
-      if (asserts.isBindDirective(attr) && ['if', 'auth'].includes(attr.name) && result !== false) {
-        const expr = result.replace(/v-(if|auth)="(.*)"/, (match, p1, p2) => p2);
-        if (expr) vIfs.push(attr.name === 'if' ? expr : `$auth.has(${expr})`);
+        // v-auth v-if 都翻译成 v-if
+        if (asserts.isBindDirective(attr) && ['if', 'auth'].includes(attr.name) && result !== false) {
+          const expr = result.replace(/v-(if|auth)="(.*)"/, (match, p1, p2) => p2);
+          if (expr) vIfs.push(attr.name === 'if' ? expr : `$auth.has(${expr})`);
 
-        return;
-      }
-      result && parts.push(result);
-    });
+          return;
+        }
+        result && parts.push(result);
+      });
 
     if (vIfs.length === 2) parts.push(`v-if="(${vIfs[0]}) && (${vIfs[1]})"`);
     else if (vIfs.length === 1) parts.push(`v-if="${vIfs[0]}"`);
@@ -3018,7 +3078,10 @@ export class ViewElement extends BaseNode {
       });
     }
     // 部分组件增加 key 唯一标识，防止 vue 判断重复节点，导致渲染异常
-    if (this.name && ['u-table-view', 'u-list-view', 'u-grid-view', 'u-list-components', 'u-form', 'u-select'].includes(this.tag)) {
+    if (
+      this.name &&
+      ['u-table-view', 'u-list-view', 'u-grid-view', 'u-list-components', 'u-form', 'u-select'].includes(this.tag)
+    ) {
       this.name && parts.push(`key="${this.name}"`);
     }
     let tag = this.tag;
@@ -3066,8 +3129,8 @@ export class ViewElement extends BaseNode {
               color: var(--font-second-color);
               text-align: center;`;
     }
-    if(options?.isExport && staticStyle?.includes(`url('/assets/`) && this.app.sysPrefixPath?.length > 0 ){
-      staticStyle = staticStyle.replace(/url\('\/assets\/(.*?)'\)/, `url('${this.app.sysPrefixPath}/assets/$1')`)
+    if (options?.isExport && staticStyle?.includes(`url('/assets/`) && this.app.sysPrefixPath?.length > 0) {
+      staticStyle = staticStyle.replace(/url\('\/assets\/(.*?)'\)/, `url('${this.app.sysPrefixPath}/assets/$1')`);
     }
     staticStyle && parts.push(`style="${staticStyle}"`);
     if (!content.length) {
@@ -3084,7 +3147,11 @@ export class ViewElement extends BaseNode {
       partsLength += part.length;
     });
 
-    let htmlContent = `<${tag}${partsString.length ? partsString : ''}>` + content + (shouldIndent ? '\n' + tabString : '') + `</${tag}>`;
+    let htmlContent =
+      `<${tag}${partsString.length ? partsString : ''}>` +
+      content +
+      (shouldIndent ? '\n' + tabString : '') +
+      `</${tag}>`;
     if (!content.trim() && selfClosingTag.includes(tag)) {
       htmlContent = `<${tag}${partsString.length ? partsString : ''} />`;
     }
@@ -3110,7 +3177,7 @@ export class ViewElement extends BaseNode {
       (current) => {
         if (current.node.name === name) return current.node;
       },
-      { node: this }
+      { node: this },
     );
   }
 
@@ -3119,7 +3186,7 @@ export class ViewElement extends BaseNode {
       (current) => {
         if (current.node.tag === tag) return current.node;
       },
-      { node: this }
+      { node: this },
     );
   }
 
@@ -3128,7 +3195,7 @@ export class ViewElement extends BaseNode {
       (current) => {
         if (current.node.bindAttrs.some((attr) => attr.name === name && attr.value === value)) return current.node;
       },
-      { node: this }
+      { node: this },
     );
   }
   // 查找element下有没有某个类型的元素，有就返回
@@ -3178,7 +3245,7 @@ export class ViewElement extends BaseNode {
     ops: {
       beforeSetStyleCb?: (newStyleObj: Record<string, any>) => void;
       isUpdateConstraintRule?: boolean;
-    } = {}
+    } = {},
   ) {
     if (!positionData) {
       return;
@@ -3188,8 +3255,12 @@ export class ViewElement extends BaseNode {
     const staticHeight = Math.round(nodeRect.height);
     const staticLeft = Math.round(nodeRect.left - parentRect.left - parentBorder.left);
     const staticTop = Math.round(nodeRect.top - parentRect.top - parentBorder.top);
-    const staticRight = Math.round(parentRect.width - nodeRect.width - staticLeft - parentBorder.right - parentBorder.left);
-    const staticBottom = Math.round(parentRect.height - nodeRect.height - staticTop - parentBorder.bottom - parentBorder.top);
+    const staticRight = Math.round(
+      parentRect.width - nodeRect.width - staticLeft - parentBorder.right - parentBorder.left,
+    );
+    const staticBottom = Math.round(
+      parentRect.height - nodeRect.height - staticTop - parentBorder.bottom - parentBorder.top,
+    );
     const styleObj = this.parseStyleToObject(this.staticStyle);
     let constraintX = styleObj['--constraint-x'] || 'left';
     let constraintY = styleObj['--constraint-y'] || 'top';
@@ -3291,7 +3362,7 @@ export class ViewElement extends BaseNode {
       this.stringifyStyleAttr({
         ...this.parseStyleToObject(this.staticStyle),
         ...styleObj,
-      })
+      }),
     );
   }
   parseStyleToObject(styleStr: string = '') {
@@ -3337,7 +3408,11 @@ export class ViewElement extends BaseNode {
    * 是否是流程表单
    */
   isProcessForm() {
-    return this.tag.endsWith('-form') && this.getBindAttribute('id')?.value === 'dynamicRenderContainer' && this.getBindAttribute('processPrefix');
+    return (
+      this.tag.endsWith('-form') &&
+      this.getBindAttribute('id')?.value === 'dynamicRenderContainer' &&
+      this.getBindAttribute('processPrefix')
+    );
   }
   //================================================================================
   // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！