@lcap/nasl 3.4.0-beta.5 → 3.4.0-beta.6

package/src/concepts/BatchAssignment__.ts

@@ -1,4 +1,13 @@
-import { TranslatorState, shiftState, withSourceMap, createCompilerState } from '../translator';
+import { wrapForEachToGenerator as wrapForEach, returnOrigin } from '../utils/time-slicing';
+import {
+  TranslatorState,
+  shiftState,
+  withSourceMap,
+  createCompilerState,
+  withSourceMapGenerator,
+  withGenerator,
+  TranslatorGenerator,
+} from '../translator';
 import { ElementToVueOptions } from './ViewElement__';
 import MemberExpression from './MemberExpression__';
 import Assignment from './Assignment__';
@@ -1028,47 +1037,47 @@ export class BatchAssignment extends LogicItem {
     return code;
   }
 
-  @withSourceMap()
-  toEmbeddedTS(state = createCompilerState()): string {
+  @withSourceMapGenerator
+  *toEmbeddedTS(state = createCompilerState()): TranslatorGenerator {
+    const self = this;
     let code = '// 以下是批量赋值的翻译代码\n';
     // 提供sourcemap，获取类型标注和上下文可选变量
-    code += this.left.expression
-      ? `${this.left.expression.toEmbeddedTS(shiftState(state, code, { inline: true }))}`
+    code += self.left.expression
+      ? `${yield* self.left.expression.toEmbeddedTS(shiftState(state, code, { inline: true }))}`
       : '';
     code += ';\n';
-    this.left.members.forEach((member) => {
-      code += member.toEmbeddedTS(shiftState(state, code, { inline: true }));
+    yield* wrapForEach(self.left.members, function* warpForEachGenerator(member) {
+      code += yield* member.toEmbeddedTS(shiftState(state, code, { inline: true }));
       code += '; ';
     });
     code += '\n';
-    this.rights.forEach((right) => {
-      code += `${right.expression.toEmbeddedTS(shiftState(state, code, { inline: true }))}`;
+    yield* wrapForEach(self.rights, function* warpForEachGenerator(right) {
+      code += `${yield* right.expression.toEmbeddedTS(shiftState(state, code, { inline: true }))}`;
       code += ';\n';
-      right.members.forEach((member) => {
-        code += member.toEmbeddedTS(shiftState(state, code, { inline: true }));
+      yield* wrapForEach(right.members, function* warpForEachGenerator(member) {
+        code += yield* member.toEmbeddedTS(shiftState(state, code, { inline: true }));
         code += '; ';
       });
       code += right.members.length ? '\n' : '';
     });
     // 根据连线状态，拆分成多个单赋值
-    this.assignmentLines.forEach(({ leftIndex, rightIndex }) => {
+    yield* wrapForEach(self.assignmentLines, function* warpForEachGenerator({ leftIndex, rightIndex }) {
       code += 'nasl.core.assign(';
       const leftValue =
         leftIndex.length === 1
-          ? this.left.expression.toEmbeddedTS(shiftState(state, code, { inline: true }))
-          : this.left.members[leftIndex[1]]?.toEmbeddedTS(shiftState(state, code, { inline: true }));
+          ? yield* self.left.expression.toEmbeddedTS(shiftState(state, code, { inline: true }))
+          : yield* self.left.members[leftIndex[1]]?.toEmbeddedTS(shiftState(state, code, { inline: true })) ?? returnOrigin('');
       code += `${leftValue}`;
       code += ', ';
       const rightValue =
         rightIndex.length === 1
-          ? this.rights[rightIndex[0]]?.expression?.toEmbeddedTS(shiftState(state, code, { inline: true }))
-          : this.rights[rightIndex[0]]?.members[rightIndex[1]]?.toEmbeddedTS(shiftState(state, code, { inline: true }));
-      code += `${rightValue}`;
-      code += ')';
-      code += ';';
-      code += '\n';
+          ? yield* self.rights[rightIndex[0]]?.expression?.toEmbeddedTS(shiftState(state, code, { inline: true })) ?? returnOrigin('')
+          : yield* self.rights[rightIndex[0]]?.members[rightIndex[1]]?.toEmbeddedTS(
+              shiftState(state, code, { inline: true }),
+            ) ?? returnOrigin('');
+      code += `${rightValue});\n`;
     });
-    if (!this.assignmentLines.length) code += `__assignmentLineEmpty__\n`;
+    if (!self.assignmentLines.length) code += `__assignmentLineEmpty__\n`;
     code += '// 批量赋值的翻译代码结束---------\n';
     return code;
   }

package/src/concepts/BinaryExpression__.ts

@@ -1,4 +1,13 @@
-import { TranslatorState, shiftState, withSourceMap, createCompilerState } from '../translator';
+import { wrapForEachToGenerator as wrapForEach } from '../utils/time-slicing';
+import {
+  TranslatorState,
+  shiftState,
+  withSourceMap,
+  createCompilerState,
+  withSourceMapGenerator,
+  withGenerator,
+  TranslatorGenerator,
+} from '../translator';
 import { ElementToVueOptions } from './ViewElement__';
 
 const operatorMap = {
@@ -338,25 +347,22 @@ export class BinaryExpression extends LogicItem {
     //    code += right;
     //    code += ')';
     //    return code;
-    const getOperatorCode = (code: string) => {
+
+    if (['+', '-', '*', '/'].includes(this.operator)) {
+      const operatorMap: any = {
+        '+': 'add',
+        '-': 'minus',
+        '*': 'multiply',
+        '/': 'divide',
+      };
       code += `this.$global.${operatorMap[this.operator as keyof typeof operatorMap]}(`;
       code += left;
       code += `,`;
       code += right;
       code += ')';
       return code;
-    };
-    if (['+', '-', '*', '/', '%'].includes(this.operator)) {
-      // 之前一年都没有 % 取模 操作符的处理 本次补上
-      // code += `this.$global.${operatorMap[this.operator as keyof typeof operatorMap]}(`;
-      // code += left;
-      // code += `,`;
-      // code += right;
-      // code += ')';
-      // return code
-      return getOperatorCode(code);
     }
-    if (['>', '>=', '<', '<=', '=='].includes(this.operator)) {
+    if (['>', '>=', '<', '<='].includes(this.operator)) {
       const leftType = this.left?.getCurrentAnnotatedJSON();
       const rightType = this.right?.getCurrentAnnotatedJSON();
       // 如果两边类型一致可以做一些特殊比较
@@ -369,20 +375,15 @@ export class BinaryExpression extends LogicItem {
           code += `Date.parse(${left})`;
           code += ` ${this.operator} `;
           code += `Date.parse(${right})`;
-        } else {
-          // code += `(${left})`;
-          // code += ` ${this.operator} `;
-          // code += `(${right})`;
-          code = getOperatorCode(code);
-        }
-      } else {
-        if (['==', '!='].includes(this.operator)) {
-          code = getOperatorCode(code);
         } else {
           code += `(${left})`;
           code += ` ${this.operator} `;
           code += `(${right})`;
         }
+      } else {
+        code += `(${left})`;
+        code += ` ${this.operator} `;
+        code += `(${right})`;
       }
 
       return code;
@@ -398,36 +399,44 @@ export class BinaryExpression extends LogicItem {
     return `(${this.left.toBrief()} ${this.operator} ${this.right.toBrief()})`;
   }
 
-  @withSourceMap()
-  toEmbeddedTS(state = createCompilerState()): string {
-    if (['startwith', 'endwith', 'like', 'in'].includes(this.operator)) {
-      const fnName = this.operator.toUpperCase();
+  @withSourceMapGenerator
+  *toEmbeddedTS(state = createCompilerState()): TranslatorGenerator {
+    const self = this;
+    if (['startwith', 'endwith', 'like', 'in'].includes(self.operator)) {
+      const fnName = self.operator.toUpperCase();
       let code = '';
       code += `nasl.langUtil.${fnName}(`;
-      code += this.left?.toEmbeddedTS ? this.left.toEmbeddedTS(shiftState(state, code, { inline: true })) : '__LEFT__';
+      code += self.left?.toEmbeddedTS
+        ? yield* self.left.toEmbeddedTS(shiftState(state, code, { inline: true }))
+        : '__LEFT__';
       code += ', ';
-      code += this.right?.toEmbeddedTS
-        ? this.right.toEmbeddedTS(shiftState(state, code, { inline: true }))
+      code += self.right?.toEmbeddedTS
+        ? yield* self.right.toEmbeddedTS(shiftState(state, code, { inline: true }))
         : '__RIGHT__';
       code += ')';
       return code;
     }
-    if (['&&', '||', '+', '-', '*', '/', '%', '==', '!=', '>', '<', '>=', '<='].includes(this.operator)) {
+    if (['&&', '||', '+', '-', '*', '/', '%', '==', '!=', '>', '<', '>=', '<='].includes(self.operator)) {
       let code = '';
-      code += `nasl.core.${operatorMap[this.operator as keyof typeof operatorMap]}(`;
-      code += this.left?.toEmbeddedTS ? this.left.toEmbeddedTS(shiftState(state, code, { inline: true })) : '__LEFT__';
+      code += `nasl.core.${operatorMap[self.operator as keyof typeof operatorMap]}(`;
+      code += self.left?.toEmbeddedTS
+        ? yield* self.left.toEmbeddedTS(shiftState(state, code, { inline: true }))
+        : '__LEFT__';
       code += `,`;
-      code += this.right?.toEmbeddedTS
-        ? this.right.toEmbeddedTS(shiftState(state, code, { inline: true }))
+      code += self.right?.toEmbeddedTS
+        ? yield* self.right.toEmbeddedTS(shiftState(state, code, { inline: true }))
         : '__RIGHT__';
       code += ')';
       return code;
     }
-
     let code = '';
-    code += this.left?.toEmbeddedTS ? this.left.toEmbeddedTS(shiftState(state, code, { inline: true })) : '__LEFT__';
-    code += ` ${this.operator} `;
-    code += this.right?.toEmbeddedTS ? this.right.toEmbeddedTS(shiftState(state, code, { inline: true })) : '__RIGHT__';
+    code += self.left?.toEmbeddedTS
+      ? yield* self.left.toEmbeddedTS(shiftState(state, code, { inline: true }))
+      : '__LEFT__';
+    code += ` ${self.operator} `;
+    code += self.right?.toEmbeddedTS
+      ? yield* self.right.toEmbeddedTS(shiftState(state, code, { inline: true }))
+      : '__RIGHT__';
     return code;
   }
 

package/src/concepts/BindAttribute__.ts

@@ -1,3 +1,4 @@
+import { wrapForEachToGenerator as wrapForEach } from '../utils/time-slicing';
 import {
   TranslatorState,
   indent,
@@ -5,8 +6,12 @@ import {
   withSourceMap,
   createCompilerState,
   transfromUnionTypeAnnotation,
+  withSourceMapGenerator,
+  withGenerator,
+  TranslatorGenerator,
 } from '../translator';
 import { ElementToVueOptions } from './ViewElement__';
+import { SyntaxNode } from './types__';
 import Namespace from './Namespace__';
 import MemberExpression from './MemberExpression__';
 
@@ -817,7 +822,7 @@ export class BindAttribute extends BaseNode {
   // 获取表达式在页面中的名字
   get expressionNameInView() {
     const nameList: string[] = [];
-    let node: BaseNode = this;
+    let node: SyntaxNode = this;
     while (node) {
       nameList.unshift(node.name);
       if (node.concept === 'ViewElement') {
@@ -979,9 +984,6 @@ export class BindAttribute extends BaseNode {
   toVue(options?: ElementToVueOptions) {
     let str = '';
     let { value } = this;
-    if (value === 'undefined') {
-      value = undefined;
-    }
     if (this.type === 'dynamic' || (this.name === 'rules' && this.rules)) {
       // 需要用标识符替换
       // if (options?.finalCode !== false && this.needReplaceWithIdentifier) {
@@ -1087,27 +1089,26 @@ export class BindAttribute extends BaseNode {
     return str;
   }
 
-  @withSourceMap()
-  toEmbeddedTS(state = createCompilerState()): string {
-    const { name, type, value, rules, expression, playground } = this;
-
+  @withSourceMapGenerator
+  *toEmbeddedTS(state = createCompilerState()): TranslatorGenerator {
+    const self = this;
+    const { name, type, value, rules, expression, playground } = self;
     let code = '';
-    if (this?.name === 'data-source' && this?.expression?.concept === 'CallLogic') {
+    if (self?.name === 'data-source' && self?.expression?.concept === 'CallLogic') {
       code = `() => {`;
     } else {
       code = '() => {';
     }
-
     if (['destination', 'externalDestination'].includes(name) && type === 'dynamic') {
-      code += (this as any)[name].toEmbeddedTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+      code += yield* (self as any)[name].toEmbeddedTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
       code += ';\n';
     } else if (name === 'rules') {
-      rules?.forEach((item, index) => {
-        code += item.toEmbeddedTS(shiftState(state, code));
+      yield* wrapForEach(rules, function* warpForEachGenerator(item, index) {
+        code += yield* item.toEmbeddedTS(shiftState(state, code));
         code += ';\n';
       });
     } else if (expression) {
-      code += expression.toEmbeddedTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+      code += yield* expression.toEmbeddedTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
       code += ';\n';
     } else if (name === 'url' && value) {
       /**
@@ -1135,45 +1136,46 @@ export class BindAttribute extends BaseNode {
       }
     }
     if (type === 'dynamic') {
-      playground?.forEach((item, index) => {
-        code += item.toEmbeddedTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+      yield* wrapForEach(playground, function* warpForEachGenerator(item, index) {
+        code += yield* item.toEmbeddedTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
         code += ';\n';
       });
     }
-
     code += '}';
     return code;
   }
 
-  toEmbeddedTSVariableDefinition(
-    state?: TranslatorState,
+  @withGenerator
+  *toEmbeddedTSVariableDefinition(
+    state = createCompilerState(),
     attrList?: string[],
     elementName?: string,
     currentLevel?: string,
-  ): string {
+  ): TranslatorGenerator {
+    const self = this;
     let code = '';
     let arrCode = '';
     code += indent((state?.tabSize || 0) + 3);
-    code += `${attrConvertCamelCase(this.name)}: `;
-    if (this.expression) {
-      if (this.name === 'data-source') {
-        code += `ReturnType<typeof __elements_stashFunctionVariable.${elementName}_${attrConvertCamelCase(this.name)}>`;
+    code += `${attrConvertCamelCase(self.name)}: `;
+    if (self.expression) {
+      if (self.name === 'data-source') {
+        code += `ReturnType<typeof __elements_stashFunctionVariable.${elementName}_${attrConvertCamelCase(self.name)}>`;
       } else {
-        code += `ReturnType<typeof __elements_stashFunctionVariable.${elementName}_${attrConvertCamelCase(this.name)}>`;
+        code += `ReturnType<typeof __elements_stashFunctionVariable.${elementName}_${attrConvertCamelCase(self.name)}>`;
       }
       arrCode = `() => {
-        return __elements_variable_function.${currentLevel}?.${attrConvertCamelCase(this.name)}?.()
+        return __elements_variable_function.${currentLevel}?.${attrConvertCamelCase(self.name)}?.()
       }`;
-    } else if (this.name === 'sorting') {
+    } else if (self.name === 'sorting') {
       code += `{
               field: nasl.core.String
               order: nasl.core.String
           }`;
-    } else if (this.type === 'static') {
+    } else if (self.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') {
+      if (typeof self.value === 'number') {
+        type = `${self.value}`.includes('.') ? 'nasl.core.Decimal' : 'nasl.core.Long';
+      } else if (typeof self.value === 'boolean') {
         type = 'nasl.core.Boolean';
       }
       code += `${type}`;
@@ -1182,27 +1184,29 @@ export class BindAttribute extends BaseNode {
     }
     code += `\n`;
     if (arrCode.length > 0) {
-      attrList.push(`${elementName}_${attrConvertCamelCase(this.name)}: ${arrCode},\n`);
+      attrList.push(`${elementName}_${attrConvertCamelCase(self.name)}: ${arrCode},\n`);
     }
     return code;
   }
-  toEmbeddedTSVariableFunctionDefinition(state?: TranslatorState): string {
+  @withGenerator
+  *toEmbeddedTSVariableFunctionDefinition(state = createCompilerState()): TranslatorGenerator {
+    const self = this;
     let code = '';
-    if (this.expression) {
+    if (self.expression) {
       code += indent((state?.tabSize || 0) + 4);
-      code += `${attrConvertCamelCase(this.name)}: `;
+      code += `${attrConvertCamelCase(self.name)}: `;
       let stashVariable;
-      if (this.name === 'data-source') {
+      if (self.name === 'data-source') {
         const extraParams = {
           tabSize: 4,
           inline: true,
           noNeedParams: true,
         };
-        stashVariable = `${this.expression.toEmbeddedTS(
-          shiftState(state, code, this?.expression?.concept === 'CallLogic' ? extraParams : {}),
+        stashVariable = `${yield* self.expression.toEmbeddedTS(
+          shiftState(state, code, self?.expression?.concept === 'CallLogic' ? extraParams : {}),
         )}`;
       } else {
-        stashVariable = `${this.expression.toEmbeddedTS()}`;
+        stashVariable = `${yield* self.expression.toEmbeddedTS()}`;
       }
       code += `() => {\n`;
       code += indent((state?.tabSize || 0) + 5);

package/src/concepts/BindDirective__.ts

@@ -1,4 +1,13 @@
-import { TranslatorState, shiftState, withSourceMap, createCompilerState } from '../translator';
+import { wrapForEachToGenerator as wrapForEach } from '../utils/time-slicing';
+import {
+  TranslatorState,
+  shiftState,
+  withSourceMap,
+  createCompilerState,
+  withSourceMapGenerator,
+  withGenerator,
+  TranslatorGenerator,
+} from '../translator';
 import { ElementToVueOptions } from './ViewElement__';
 import MemberExpression from './MemberExpression__';
 //================================================================================
@@ -627,17 +636,18 @@ export class BindDirective extends BaseNode {
     return str;
   }
 
-  @withSourceMap()
-  toEmbeddedTS(state = createCompilerState()): string {
+  @withSourceMapGenerator
+  *toEmbeddedTS(state = createCompilerState()): TranslatorGenerator {
+    const self = this;
     let code = '()=>{';
-    if (this.expression) {
-      code += this.expression.toEmbeddedTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+    if (self.expression) {
+      code += yield* self.expression.toEmbeddedTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
       code += ';\n';
     }
-    if (this.type === 'dynamic') {
-      this.playground?.forEach((item, index) => {
-        code += item.toEmbeddedTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
-        if (index !== this.playground.length - 1) code += ';\n';
+    if (self.type === 'dynamic') {
+      yield* wrapForEach(self.playground, function* warpForEachGenerator(item, index) {
+        code += yield* item.toEmbeddedTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+        if (index !== self.playground.length - 1) code += ';\n';
       });
     }
     code += '}';

package/src/concepts/BindEvent__.ts

@@ -1,5 +1,16 @@
+import { wrapForEachToGenerator as wrapForEach } from '../utils/time-slicing';
+import type { EmbeddedTSFileGenerator } from '../utils';
 import Namespace from './Namespace__';
-import { TranslatorState, shiftState, withSourceMap, indent, createCompilerState } from '../translator';
+import {
+  TranslatorState,
+  shiftState,
+  withSourceMap,
+  indent,
+  createCompilerState,
+  withSourceMapGenerator,
+  withGenerator,
+  TranslatorGenerator,
+} from '../translator';
 import { ElementToVueOptions } from './ViewElement__';
 import { elementsEventsMap } from '../server/createUiTs';
 import Param from './Param__';
@@ -588,16 +599,17 @@ export class BindEvent extends BaseNode {
     return code;
   }
 
-  @withSourceMap()
-  toEmbeddedTS(state?: TranslatorState, isPageCycle?: Boolean): string {
+  @withSourceMapGenerator
+  *toEmbeddedTS(state = createCompilerState(), isPageCycle?: Boolean): TranslatorGenerator {
+    const self = this;
     // 如果有绑定的事件名
     let code = ``;
     if (isPageCycle) {
-      if (['keydown', 'keyup'].includes(this.name)) {
-        code = `const ${this.toHump(this.name) || '__IDENTIFIER__'} = (event: `;
-        code += this.getEventTypeString();
+      if (['keydown', 'keyup'].includes(self.name)) {
+        code = `const ${self.toHump(self.name) || '__IDENTIFIER__'} = (event: `;
+        code += self.getEventTypeString();
         code += ') => [\n';
-        this.logics.forEach((logic) => {
+        yield* wrapForEach(self.logics, function* warpForEachGenerator(logic) {
           // 一些默认的逻辑不翻译 排除掉
           if (logic.name.startsWith('__')) {
             return;
@@ -607,10 +619,9 @@ export class BindEvent extends BaseNode {
             if ((logic.parentNode as BindEvent)?.element) {
               logic.name = '__' + logic.view.name + (logic.parentNode as BindEvent).element.name + logic.name;
             }
-
             logic.name = logic.name.replace(/-/g, '');
             try {
-              code += logic.toEmbeddedTS(
+              code += yield* logic.toEmbeddedTS(
                 shiftState(state, code, {
                   tabSize: (state?.tabSize || 0) + 2,
                 }),
@@ -621,23 +632,22 @@ export class BindEvent extends BaseNode {
               logic.name = logicName;
             }
           } else {
-            code += logic.toEmbeddedTS(
+            code += yield* logic.toEmbeddedTS(
               shiftState(state, code, {
                 tabSize: (state?.tabSize || 0) + 2,
               }),
               'noExport',
             );
           }
-
           code += indent(state?.tabSize || 0);
           code += ',\n';
         });
         code += '];\n';
       } else {
-        this.logics.forEach((logic, index) => {
+        yield* wrapForEach(self.logics, function* warpForEachGenerator(logic, index) {
           const logicName = logic.name;
           logic.name = logic.view.name + logic.name + index;
-          code += logic.toEmbeddedTS(
+          code += yield* logic.toEmbeddedTS(
             shiftState(state, code, {
               tabSize: (state?.tabSize || 0) + 2,
             }),
@@ -650,14 +660,11 @@ export class BindEvent extends BaseNode {
       }
       return code;
     }
-
-    code = `${this.toHump(this.name) || '__IDENTIFIER__'}: (event: `;
-
+    code = `${self.toHump(self.name) || '__IDENTIFIER__'}: (event: `;
     // event的类型
-    code += this.getEventTypeString();
-
+    code += self.getEventTypeString();
     code += ') => [\n';
-    this.logics.forEach((logic) => {
+    yield* wrapForEach(self.logics, function* warpForEachGenerator(logic) {
       // 一些默认的逻辑不翻译 排除掉
       if (logic.name.startsWith('__')) {
         return;
@@ -667,10 +674,9 @@ export class BindEvent extends BaseNode {
         if ((logic.parentNode as BindEvent)?.element) {
           logic.name = '__' + logic.view.name + (logic.parentNode as BindEvent).element.name + logic.name;
         }
-
         logic.name = logic.name.replace(/-/g, '');
         try {
-          code += logic.toEmbeddedTS(
+          code += yield* logic.toEmbeddedTS(
             shiftState(state, code, {
               tabSize: (state?.tabSize || 0) + 2,
             }),
@@ -681,18 +687,17 @@ export class BindEvent extends BaseNode {
           logic.name = logicName;
         }
       } else {
-        code += logic.toEmbeddedTS(
+        code += yield* logic.toEmbeddedTS(
           shiftState(state, code, {
             tabSize: (state?.tabSize || 0) + 2,
           }),
           'noExport',
         );
       }
-
       code += indent(state?.tabSize || 0);
       code += ',\n';
     });
-    if (this.view) code += '],\n';
+    if (self.view) code += '],\n';
     else code += ']\n';
     return code;
   }
@@ -1095,14 +1100,14 @@ export class BindEvent extends BaseNode {
       return `${arr.join('.')}.bindEvents`;
     } else throw new Error('无法获取命名空间，请设置 parentNode！');
   }
-  toEmbeddedTSFile() {
+  *toEmbeddedTSFile(): EmbeddedTSFileGenerator {
     let code = `namespace ${this.getTsNamespace()} {\n`;
     const state = createCompilerState(code, {
       tabSize: 1,
     });
 
     try {
-      code += this.toEmbeddedTS(state);
+      code += yield* this.toEmbeddedTS(state);
     } catch (err) {
       code += '';
       console.log(err);

package/src/concepts/BindStyle__.ts

@@ -1,4 +1,13 @@
-import { TranslatorState, shiftState, withSourceMap, createCompilerState } from '../translator';
+import { wrapForEachToGenerator as wrapForEach } from '../utils/time-slicing';
+import {
+  TranslatorState,
+  shiftState,
+  withSourceMap,
+  createCompilerState,
+  withSourceMapGenerator,
+  withGenerator,
+  TranslatorGenerator,
+} from '../translator';
 import { ElementToVueOptions } from './ViewElement__';
 import MemberExpression from './MemberExpression__';
 //================================================================================
@@ -499,16 +508,17 @@ export class BindStyle extends BaseNode {
     return value && `'${this.name}': ${value}`;
   }
 
-  @withSourceMap()
-  toEmbeddedTS(state = createCompilerState()): string {
+  @withSourceMapGenerator
+  *toEmbeddedTS(state = createCompilerState()): TranslatorGenerator {
+    const self = this;
     let code = '()=>{';
-    if (this.expression) {
-      code += this.expression.toEmbeddedTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+    if (self.expression) {
+      code += yield* self.expression.toEmbeddedTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
       code += ';\n';
     }
-    this.playground?.forEach((item, index) => {
-      code += item.toEmbeddedTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
-      if (index !== this.playground.length - 1) code += ';\n';
+    yield* wrapForEach(self.playground, function* warpForEachGenerator(item, index) {
+      code += yield* item.toEmbeddedTS(shiftState(state, code, { tabSize: (state?.tabSize || 0) + 1 }));
+      if (index !== self.playground.length - 1) code += ';\n';
     });
     code += '}';
     return code;