diff --git a/modules/code-generator/example-schema.json b/modules/code-generator/example-schema.json
index aaf3a3e0d..304cf2927 100644
--- a/modules/code-generator/example-schema.json
+++ b/modules/code-generator/example-schema.json
@@ -71,7 +71,7 @@
       },
       "lifeCycles": {
         "componentDidMount": {
-          "type": "JSExpression",
+          "type": "JSFunction",
           "value": "function() { console.log('componentDidMount'); }"
         }
       },
@@ -91,7 +91,7 @@
               "isSync": true
             },
             "dataHandler": {
-              "type": "JSExpression",
+              "type": "JSFunction",
               "value": "function (response) {\nif (!response.data.success){\n    throw new Error(response.data.message);\n  }\n  return response.data.data;\n}"
             }
           },
@@ -105,13 +105,13 @@
               "isSync": true
             },
             "dataHandler": {
-              "type": "JSExpression",
+              "type": "JSFunction",
               "value": "function (response) {\nif (!response.data.success){\n    throw new Error(response.data.message);\n  }\n  return response.data.data.result;\n}"
             }
           }
         ],
         "dataHandler": {
-          "type": "JSExpression",
+          "type": "JSFunction",
           "value": "function (dataMap) {\n  console.info(\"All datasources loaded:\", dataMap);\n}"
         }
       },
diff --git a/modules/code-generator/example-schema.json5 b/modules/code-generator/example-schema.json5
index f71096fc4..13fa019b4 100644
--- a/modules/code-generator/example-schema.json5
+++ b/modules/code-generator/example-schema.json5
@@ -71,7 +71,7 @@
       },
       lifeCycles: {
         componentDidMount: {
-          type: 'JSExpression',
+          type: 'JSFunction',
           value: "function() { console.log('componentDidMount'); }",
         },
       },
@@ -91,7 +91,7 @@
               isSync: true,
             },
             dataHandler: {
-              type: 'JSExpression',
+              type: 'JSFunction',
               value: 'function (response) {\nif (!response.data.success){\n    throw new Error(response.data.message);\n  }\n  return response.data.data;\n}',
             },
           },
@@ -105,13 +105,13 @@
               isSync: true,
             },
             dataHandler: {
-              type: 'JSExpression',
+              type: 'JSFunction',
               value: 'function (response) {\nif (!response.data.success){\n    throw new Error(response.data.message);\n  }\n  return response.data.data.result;\n}',
             },
           },
         ],
         dataHandler: {
-          type: 'JSExpression',
+          type: 'JSFunction',
           value: 'function (dataMap) {\n  console.info("All datasources loaded:", dataMap);\n}',
         },
       },
diff --git a/modules/code-generator/src/generator/ProjectBuilder.ts b/modules/code-generator/src/generator/ProjectBuilder.ts
index f36ddb4a3..c1db28fe9 100644
--- a/modules/code-generator/src/generator/ProjectBuilder.ts
+++ b/modules/code-generator/src/generator/ProjectBuilder.ts
@@ -136,6 +136,7 @@ export class ProjectBuilder implements IProjectBuilder {
     const builders = this.createModuleBuilders({
       extraContextData: {
         projectRemark: parseResult?.project?.projectRemark,
+        template: this.template,
       },
     });
     // Generator Code module
@@ -320,7 +321,7 @@ export class ProjectBuilder implements IProjectBuilder {
             // template: this.template,
             inStrictMode: this.inStrictMode,
             tolerateEvalErrors: true,
-            evalErrorsHandler: 'console.error(error)',
+            evalErrorsHandler: '',
             ...this.extraContextData,
             ...extraContextData,
           },
diff --git a/modules/code-generator/src/index.ts b/modules/code-generator/src/index.ts
index 7cf861e6f..742b2e6a8 100644
--- a/modules/code-generator/src/index.ts
+++ b/modules/code-generator/src/index.ts
@@ -1,6 +1,6 @@
 /**
  * 低代码引擎的出码模块，负责将编排产出的 Schema 转换成实际可执行的代码。
- * 注意：为了保持 API 的稳定性, 这里所有导出的 API 均要显式命名方式导出
+ * 注意：为了保持 API 的稳定性，这里所有导出的 API 均要显式命名方式导出
  *     （即用 export { xxx } from 'xx' 的方式，不要直接 export * from 'xxx')
  *      而且所有导出的 API 务必在 tests/public 中编写单元测试
  */
@@ -51,6 +51,7 @@ export default {
   },
   plugins: {
     common: {
+
       /**
        * 处理 ES Module
        * @deprecated please use esModule
diff --git a/modules/code-generator/src/plugins/component/react/containerInitState.ts b/modules/code-generator/src/plugins/component/react/containerInitState.ts
index 5f246e115..d1dd0d1dd 100644
--- a/modules/code-generator/src/plugins/component/react/containerInitState.ts
+++ b/modules/code-generator/src/plugins/component/react/containerInitState.ts
@@ -13,12 +13,12 @@ import {
 } from '../../../types';
 
 export interface PluginConfig {
-  fileType: string;
+  fileType?: string;
   implementType: 'inConstructor' | 'insMember' | 'hooks';
 }
 
 const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) => {
-  const cfg: PluginConfig = {
+  const cfg: PluginConfig & { fileType: string } = {
     fileType: FileType.JSX,
     implementType: 'inConstructor',
     ...config,
diff --git a/modules/code-generator/src/plugins/component/react/containerInjectI18n.ts b/modules/code-generator/src/plugins/component/react/containerInjectI18n.ts
index da04029c0..aff42af15 100644
--- a/modules/code-generator/src/plugins/component/react/containerInjectI18n.ts
+++ b/modules/code-generator/src/plugins/component/react/containerInjectI18n.ts
@@ -11,6 +11,7 @@ import {
   FileType,
   ICodeStruct,
 } from '../../../types';
+import { getSlotRelativePath } from '../../../utils/pathHelper';
 
 export interface PluginConfig {
   fileType: string;
@@ -31,9 +32,8 @@ const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) =>
       type: ChunkType.STRING,
       fileType: cfg.fileType,
       name: COMMON_CHUNK_NAME.InternalDepsImport,
-      // TODO: 下面这个路径有没有更好的方式来获取？而非写死
       content: `
-        import * as __$$i18n from '../../i18n';
+        import * as __$$i18n from '${getSlotRelativePath({ contextData: next.contextData, from: 'components', to: 'i18n' })}';
       `,
       linkAfter: [COMMON_CHUNK_NAME.ExternalDepsImport],
     });
diff --git a/modules/code-generator/src/plugins/component/react/containerInjectUtils.ts b/modules/code-generator/src/plugins/component/react/containerInjectUtils.ts
index c5c566e17..d9eb14f76 100644
--- a/modules/code-generator/src/plugins/component/react/containerInjectUtils.ts
+++ b/modules/code-generator/src/plugins/component/react/containerInjectUtils.ts
@@ -11,18 +11,18 @@ import {
   FileType,
   ICodeStruct,
   IContainerInfo,
-  IProjectTemplate,
 } from '../../../types';
+import { getSlotRelativePath } from '../../../utils/pathHelper';
 
 export interface PluginConfig {
-  fileType: string;
+  fileType?: string;
 
   /** prefer using class property to define utils */
   preferClassProperty?: boolean;
 }
 
 const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) => {
-  const cfg: PluginConfig = {
+  const cfg: PluginConfig & { fileType: string } = {
     fileType: FileType.JSX,
     ...config,
   };
@@ -36,26 +36,12 @@ const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) =>
     next.contextData.useRefApi = true;
     const useRef = !!ir.analyzeResult?.isUsingRef;
 
-    // const isSingleComponent = next.contextData?.projectRemark?.isSingleComponent;
-    // const template = next.contextData?.template;
-
-    // function getRelativeUtilsPath(template: IProjectTemplate, isSingleComponent: boolean) {
-    //   let relativeUtilsPath = '../../utils';
-    //   const utilsPath = template.slots.utils.path;
-    //   if (ir.containerType === 'Component') {
-    //     // TODO: isSingleComponent
-    //     relativeUtilsPath = getRelativePath(template.slots.components.path.join('/'), utilsPath.join('/'));
-    //   }
-    //   return relativeUtilsPath;
-    // }
-
     next.chunks.push({
       type: ChunkType.STRING,
       fileType: cfg.fileType,
       name: COMMON_CHUNK_NAME.InternalDepsImport,
-      // TODO: 下面这个路径有没有更好的方式来获取？而非写死
       content: `
-        import utils${useRef ? ', { RefsManager }' : ''} from '../../utils';
+        import utils${useRef ? ', { RefsManager }' : ''} from '${getSlotRelativePath({ contextData: next.contextData, from: 'components', to: 'utils' })}';
       `,
       linkAfter: [COMMON_CHUNK_NAME.ExternalDepsImport],
     });
diff --git a/modules/code-generator/src/plugins/project/i18n.ts b/modules/code-generator/src/plugins/project/i18n.ts
index d1d32ff32..ae568f972 100644
--- a/modules/code-generator/src/plugins/project/i18n.ts
+++ b/modules/code-generator/src/plugins/project/i18n.ts
@@ -25,8 +25,7 @@ const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
       content: `
         const i18nConfig = ${i18nStr};
 
-        // let locale = typeof navigator === 'object' && typeof navigator.language === 'string' ? navigator.language : 'zh-CN';
-        let locale = 'zh-CN';
+        let locale = typeof navigator === 'object' && typeof navigator.language === 'string' ? navigator.language : 'zh-CN';
 
         const getLocale = () => locale;
 
diff --git a/modules/code-generator/src/utils/expressionParser.ts b/modules/code-generator/src/utils/expressionParser.ts
index fc1fe4195..cbc950bbc 100644
--- a/modules/code-generator/src/utils/expressionParser.ts
+++ b/modules/code-generator/src/utils/expressionParser.ts
@@ -271,7 +271,7 @@ export function parseExpressionConvertThis2Context(
 
     const localVariablesSet = new Set(localVariables);
 
-    let thisScopeLevel = -1;
+    let thisScopeLevel = CROSS_THIS_SCOPE_TYPE_NODE[exprAst.type] ? -1 : 0;
     traverse(fileAst, {
       enter(path) {
         if (CROSS_THIS_SCOPE_TYPE_NODE[path.node.type]) {
@@ -303,7 +303,7 @@ export function parseExpressionConvertThis2Context(
         }
 
         // 替换 this (只在顶层替换)
-        if (thisScopeLevel === 0) {
+        if (thisScopeLevel <= 0) {
           obj.replaceWith(t.identifier(contextName));
         }
       },
@@ -317,7 +317,7 @@ export function parseExpressionConvertThis2Context(
           return;
         }
 
-        if (thisScopeLevel === 0) {
+        if (thisScopeLevel <= 0) {
           path.replaceWith(t.identifier(contextName));
         }
       },
diff --git a/modules/code-generator/src/utils/index.ts b/modules/code-generator/src/utils/index.ts
index cac63d415..8c41d678f 100644
--- a/modules/code-generator/src/utils/index.ts
+++ b/modules/code-generator/src/utils/index.ts
@@ -12,6 +12,7 @@ import * as version from './version';
 import * as scope from './Scope';
 import * as expressionParser from './expressionParser';
 import * as dataSource from './dataSource';
+import * as pathHelper from './pathHelper';
 
 export {
   common,
@@ -27,4 +28,5 @@ export {
   scope,
   expressionParser,
   dataSource,
+  pathHelper,
 };
diff --git a/modules/code-generator/src/utils/pathHelper.ts b/modules/code-generator/src/utils/pathHelper.ts
new file mode 100644
index 000000000..8440089d8
--- /dev/null
+++ b/modules/code-generator/src/utils/pathHelper.ts
@@ -0,0 +1,41 @@
+import { IContextData } from '../types';
+
+function relativePath(from: string[], to: string[]): string[] {
+  const length = Math.min(from.length, to.length);
+  let samePartsLength = length;
+  for (let i = 0; i < length; i++) {
+    if (from[i] !== to[i]) {
+      samePartsLength = i;
+      break;
+    }
+  }
+  if (samePartsLength === 0) {
+    return to;
+  }
+  let outputParts = [];
+  for (let i = samePartsLength; i < from.length; i++) {
+    outputParts.push('..');
+  }
+  outputParts = [...outputParts, ...to.slice(samePartsLength)];
+  if (outputParts[0] !== '..') {
+    outputParts.unshift('.');
+  }
+  return outputParts;
+}
+
+export function getSlotRelativePath(options: {
+  contextData: IContextData;
+  from: string;
+  to: string;
+}) {
+  const { contextData, from, to } = options;
+  const isSingleComponent = contextData?.extraContextData?.projectRemark?.isSingleComponent;
+  const template = contextData?.extraContextData?.template;
+  let toPath = template.slots[to].path;
+  toPath = [...toPath, template.slots[to].fileName!];
+  let fromPath = template.slots[from].path;
+  if (!isSingleComponent && ['components', 'pages'].indexOf(from) !== -1) {
+    fromPath = [...fromPath, 'pageName'];
+  }
+  return relativePath(fromPath, toPath).join('/');
+}
\ No newline at end of file
diff --git a/modules/code-generator/tests/fixtures/test-cases/rax-app/demo02/expected/demo-project/src/pages/Home/index.jsx b/modules/code-generator/tests/fixtures/test-cases/rax-app/demo02/expected/demo-project/src/pages/Home/index.jsx
index 7bfda59ca..06e39454d 100644
--- a/modules/code-generator/tests/fixtures/test-cases/rax-app/demo02/expected/demo-project/src/pages/Home/index.jsx
+++ b/modules/code-generator/tests/fixtures/test-cases/rax-app/demo02/expected/demo-project/src/pages/Home/index.jsx
@@ -253,7 +253,6 @@ class Home$$Page extends Component {
             if (!response.success) {
               throw new Error(response.message);
             }
-
             return response.data;
           },
           isInit: true,
@@ -280,7 +279,6 @@ class Home$$Page extends Component {
             if (!response.success) {
               throw new Error(response.message);
             }
-
             return response.data.result;
           },
           isInit: true,
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo1/expected/demo-project/package.json b/modules/code-generator/tests/fixtures/test-cases/react-app/demo1/expected/demo-project/package.json
index 36eaf12f2..d18604922 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo1/expected/demo-project/package.json
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo1/expected/demo-project/package.json
@@ -31,9 +31,16 @@
     "eslint": "eslint --cache --ext .js,.jsx ./",
     "stylelint": "stylelint ./**/*.scss"
   },
-  "ideMode": { "name": "ice-react" },
-  "iceworks": { "type": "react", "adapter": "adapter-react-v3" },
-  "engines": { "node": ">=8.0.0" },
+  "ideMode": {
+    "name": "ice-react"
+  },
+  "iceworks": {
+    "type": "react",
+    "adapter": "adapter-react-v3"
+  },
+  "engines": {
+    "node": ">=8.0.0"
+  },
   "repository": {
     "type": "git",
     "url": "http://gitlab.xxx.com/msd/leak-scan/tree/master"
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo1/expected/demo-project/src/pages/Test/index.jsx b/modules/code-generator/tests/fixtures/test-cases/react-app/demo1/expected/demo-project/src/pages/Test/index.jsx
index c8db61db7..070020b74 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo1/expected/demo-project/src/pages/Test/index.jsx
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo1/expected/demo-project/src/pages/Test/index.jsx
@@ -71,10 +71,10 @@ class Test$$Page extends React.Component {
           type: 'urlParams',
           isInit: function () {
             return undefined;
-          },
+          }.bind(_this),
           options: function () {
             return undefined;
-          },
+          }.bind(_this),
         },
         {
           id: 'user',
@@ -85,17 +85,16 @@ class Test$$Page extends React.Component {
               uri: 'https://shs.xxx.com/mock/1458/demo/user',
               isSync: true,
             };
-          },
+          }.bind(_this),
           dataHandler: function (response) {
             if (!response.data.success) {
               throw new Error(response.data.message);
             }
-
             return response.data.data;
           },
           isInit: function () {
             return undefined;
-          },
+          }.bind(_this),
         },
         {
           id: 'orders',
@@ -106,17 +105,16 @@ class Test$$Page extends React.Component {
               uri: 'https://shs.xxx.com/mock/1458/demo/orders',
               isSync: true,
             };
-          },
+          }.bind(_this),
           dataHandler: function (response) {
             if (!response.data.success) {
               throw new Error(response.data.message);
             }
-
             return response.data.data.result;
           },
           isInit: function () {
             return undefined;
-          },
+          }.bind(_this),
         },
       ],
       dataHandler: function (dataMap) {
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo1/schema.json5 b/modules/code-generator/tests/fixtures/test-cases/react-app/demo1/schema.json5
index 5a1cfc4d9..76c52fb5e 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo1/schema.json5
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo1/schema.json5
@@ -71,7 +71,7 @@
 			},
 			"lifeCycles": {
 				"componentDidMount": {
-					"type": "JSExpression",
+					"type": "JSFunction",
 					"value": "function() { console.log('componentDidMount'); }"
 				}
 			},
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo2-utils-name-alias/expected/demo-project/package.json b/modules/code-generator/tests/fixtures/test-cases/react-app/demo2-utils-name-alias/expected/demo-project/package.json
index 8ce6c9280..d83d45e32 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo2-utils-name-alias/expected/demo-project/package.json
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo2-utils-name-alias/expected/demo-project/package.json
@@ -34,9 +34,16 @@
     "eslint": "eslint --cache --ext .js,.jsx ./",
     "stylelint": "stylelint ./**/*.scss"
   },
-  "ideMode": { "name": "ice-react" },
-  "iceworks": { "type": "react", "adapter": "adapter-react-v3" },
-  "engines": { "node": ">=8.0.0" },
+  "ideMode": {
+    "name": "ice-react"
+  },
+  "iceworks": {
+    "type": "react",
+    "adapter": "adapter-react-v3"
+  },
+  "engines": {
+    "node": ">=8.0.0"
+  },
   "repository": {
     "type": "git",
     "url": "http://gitlab.xxx.com/msd/leak-scan/tree/master"
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo2-utils-name-alias/expected/demo-project/src/pages/Aaaa/index.jsx b/modules/code-generator/tests/fixtures/test-cases/react-app/demo2-utils-name-alias/expected/demo-project/src/pages/Aaaa/index.jsx
index a1b052424..2945a9d8f 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo2-utils-name-alias/expected/demo-project/src/pages/Aaaa/index.jsx
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo2-utils-name-alias/expected/demo-project/src/pages/Aaaa/index.jsx
@@ -67,10 +67,10 @@ class Aaaa$$Page extends React.Component {
             return {
               uri: '',
             };
-          },
+          }.bind(_this),
           isInit: function () {
             return undefined;
-          },
+          }.bind(_this),
         },
       ],
     };
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo2/expected/demo-project/package.json b/modules/code-generator/tests/fixtures/test-cases/react-app/demo2/expected/demo-project/package.json
index 5fdcfad85..03820c157 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo2/expected/demo-project/package.json
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo2/expected/demo-project/package.json
@@ -29,9 +29,16 @@
     "eslint": "eslint --cache --ext .js,.jsx ./",
     "stylelint": "stylelint ./**/*.scss"
   },
-  "ideMode": { "name": "ice-react" },
-  "iceworks": { "type": "react", "adapter": "adapter-react-v3" },
-  "engines": { "node": ">=8.0.0" },
+  "ideMode": {
+    "name": "ice-react"
+  },
+  "iceworks": {
+    "type": "react",
+    "adapter": "adapter-react-v3"
+  },
+  "engines": {
+    "node": ">=8.0.0"
+  },
   "repository": {
     "type": "git",
     "url": "http://gitlab.xxx.com/msd/leak-scan/tree/master"
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo2/schema.json5 b/modules/code-generator/tests/fixtures/test-cases/react-app/demo2/schema.json5
index 8678b4e92..222821206 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo2/schema.json5
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo2/schema.json5
@@ -71,7 +71,7 @@
 			},
 			"lifeCycles": {
 				"componentDidMount": {
-					"type": "JSExpression",
+					"type": "JSFunction",
 					"value": "function() { console.log('componentDidMount'); }"
 				}
 			},
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo3/expected/demo-project/package.json b/modules/code-generator/tests/fixtures/test-cases/react-app/demo3/expected/demo-project/package.json
index 5fdcfad85..03820c157 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo3/expected/demo-project/package.json
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo3/expected/demo-project/package.json
@@ -29,9 +29,16 @@
     "eslint": "eslint --cache --ext .js,.jsx ./",
     "stylelint": "stylelint ./**/*.scss"
   },
-  "ideMode": { "name": "ice-react" },
-  "iceworks": { "type": "react", "adapter": "adapter-react-v3" },
-  "engines": { "node": ">=8.0.0" },
+  "ideMode": {
+    "name": "ice-react"
+  },
+  "iceworks": {
+    "type": "react",
+    "adapter": "adapter-react-v3"
+  },
+  "engines": {
+    "node": ">=8.0.0"
+  },
   "repository": {
     "type": "git",
     "url": "http://gitlab.xxx.com/msd/leak-scan/tree/master"
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo4/expected/demo-project/package.json b/modules/code-generator/tests/fixtures/test-cases/react-app/demo4/expected/demo-project/package.json
index b91e8870f..6190fc023 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo4/expected/demo-project/package.json
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo4/expected/demo-project/package.json
@@ -31,9 +31,16 @@
     "eslint": "eslint --cache --ext .js,.jsx ./",
     "stylelint": "stylelint ./**/*.scss"
   },
-  "ideMode": { "name": "ice-react" },
-  "iceworks": { "type": "react", "adapter": "adapter-react-v3" },
-  "engines": { "node": ">=8.0.0" },
+  "ideMode": {
+    "name": "ice-react"
+  },
+  "iceworks": {
+    "type": "react",
+    "adapter": "adapter-react-v3"
+  },
+  "engines": {
+    "node": ">=8.0.0"
+  },
   "repository": {
     "type": "git",
     "url": "http://gitlab.xxx.com/msd/leak-scan/tree/master"
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo4/expected/demo-project/src/pages/Test/index.jsx b/modules/code-generator/tests/fixtures/test-cases/react-app/demo4/expected/demo-project/src/pages/Test/index.jsx
index 9058b0aa7..6400d7445 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo4/expected/demo-project/src/pages/Test/index.jsx
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo4/expected/demo-project/src/pages/Test/index.jsx
@@ -76,7 +76,7 @@ class Test$$Page extends React.Component {
           type: 'fetch',
           isInit: function () {
             return true;
-          },
+          }.bind(_this),
           options: function () {
             return {
               params: {},
@@ -86,7 +86,7 @@ class Test$$Page extends React.Component {
               headers: {},
               uri: 'https://mocks.xxx.com/mock/jjpin/user/list',
             };
-          },
+          }.bind(_this),
           id: 'users',
         },
       ],
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo5/expected/demo-project/package.json b/modules/code-generator/tests/fixtures/test-cases/react-app/demo5/expected/demo-project/package.json
index 2a2915e54..b31603b3a 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo5/expected/demo-project/package.json
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo5/expected/demo-project/package.json
@@ -32,9 +32,16 @@
     "eslint": "eslint --cache --ext .js,.jsx ./",
     "stylelint": "stylelint ./**/*.scss"
   },
-  "ideMode": { "name": "ice-react" },
-  "iceworks": { "type": "react", "adapter": "adapter-react-v3" },
-  "engines": { "node": ">=8.0.0" },
+  "ideMode": {
+    "name": "ice-react"
+  },
+  "iceworks": {
+    "type": "react",
+    "adapter": "adapter-react-v3"
+  },
+  "engines": {
+    "node": ">=8.0.0"
+  },
   "repository": {
     "type": "git",
     "url": "http://gitlab.xxx.com/msd/leak-scan/tree/master"
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo6-literal-condition/expected/demo-project/package.json b/modules/code-generator/tests/fixtures/test-cases/react-app/demo6-literal-condition/expected/demo-project/package.json
index 36eaf12f2..d18604922 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo6-literal-condition/expected/demo-project/package.json
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo6-literal-condition/expected/demo-project/package.json
@@ -31,9 +31,16 @@
     "eslint": "eslint --cache --ext .js,.jsx ./",
     "stylelint": "stylelint ./**/*.scss"
   },
-  "ideMode": { "name": "ice-react" },
-  "iceworks": { "type": "react", "adapter": "adapter-react-v3" },
-  "engines": { "node": ">=8.0.0" },
+  "ideMode": {
+    "name": "ice-react"
+  },
+  "iceworks": {
+    "type": "react",
+    "adapter": "adapter-react-v3"
+  },
+  "engines": {
+    "node": ">=8.0.0"
+  },
   "repository": {
     "type": "git",
     "url": "http://gitlab.xxx.com/msd/leak-scan/tree/master"
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo6-literal-condition/expected/demo-project/src/pages/Test/index.jsx b/modules/code-generator/tests/fixtures/test-cases/react-app/demo6-literal-condition/expected/demo-project/src/pages/Test/index.jsx
index 7a5c6fdfa..c27cce153 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo6-literal-condition/expected/demo-project/src/pages/Test/index.jsx
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo6-literal-condition/expected/demo-project/src/pages/Test/index.jsx
@@ -71,10 +71,10 @@ class Test$$Page extends React.Component {
           type: 'urlParams',
           isInit: function () {
             return undefined;
-          },
+          }.bind(_this),
           options: function () {
             return undefined;
-          },
+          }.bind(_this),
         },
         {
           id: 'user',
@@ -85,17 +85,16 @@ class Test$$Page extends React.Component {
               uri: 'https://shs.xxx.com/mock/1458/demo/user',
               isSync: true,
             };
-          },
+          }.bind(_this),
           dataHandler: function (response) {
             if (!response.data.success) {
               throw new Error(response.data.message);
             }
-
             return response.data.data;
           },
           isInit: function () {
             return undefined;
-          },
+          }.bind(_this),
         },
         {
           id: 'orders',
@@ -106,17 +105,16 @@ class Test$$Page extends React.Component {
               uri: 'https://shs.xxx.com/mock/1458/demo/orders',
               isSync: true,
             };
-          },
+          }.bind(_this),
           dataHandler: function (response) {
             if (!response.data.success) {
               throw new Error(response.data.message);
             }
-
             return response.data.data.result;
           },
           isInit: function () {
             return undefined;
-          },
+          }.bind(_this),
         },
       ],
       dataHandler: function (dataMap) {
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo6-literal-condition/schema.json5 b/modules/code-generator/tests/fixtures/test-cases/react-app/demo6-literal-condition/schema.json5
index 6d3a60137..5b6776c1e 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo6-literal-condition/schema.json5
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo6-literal-condition/schema.json5
@@ -71,7 +71,7 @@
       },
       lifeCycles: {
         componentDidMount: {
-          type: 'JSExpression',
+          type: 'JSFunction',
           value: "function() { console.log('componentDidMount'); }",
         },
       },
@@ -91,7 +91,7 @@
               isSync: true,
             },
             dataHandler: {
-              type: 'JSExpression',
+              type: 'JSFunction',
               value: 'function (response) {\nif (!response.data.success){\n    throw new Error(response.data.message);\n  }\n  return response.data.data;\n}',
             },
           },
@@ -105,13 +105,13 @@
               isSync: true,
             },
             dataHandler: {
-              type: 'JSExpression',
+              type: 'JSFunction',
               value: 'function (response) {\nif (!response.data.success){\n    throw new Error(response.data.message);\n  }\n  return response.data.data.result;\n}',
             },
           },
         ],
         dataHandler: {
-          type: 'JSExpression',
+          type: 'JSFunction',
           value: 'function (dataMap) {\n  console.info("All datasources loaded:", dataMap);\n}',
         },
       },
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo7-literal-condition2/expected/demo-project/package.json b/modules/code-generator/tests/fixtures/test-cases/react-app/demo7-literal-condition2/expected/demo-project/package.json
index 4ac494ebe..84141875e 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo7-literal-condition2/expected/demo-project/package.json
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo7-literal-condition2/expected/demo-project/package.json
@@ -31,9 +31,16 @@
     "eslint": "eslint --cache --ext .js,.jsx ./",
     "stylelint": "stylelint ./**/*.scss"
   },
-  "ideMode": { "name": "ice-react" },
-  "iceworks": { "type": "react", "adapter": "adapter-react-v3" },
-  "engines": { "node": ">=8.0.0" },
+  "ideMode": {
+    "name": "ice-react"
+  },
+  "iceworks": {
+    "type": "react",
+    "adapter": "adapter-react-v3"
+  },
+  "engines": {
+    "node": ">=8.0.0"
+  },
   "repository": {
     "type": "git",
     "url": "http://gitlab.xxx.com/msd/leak-scan/tree/master"
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo7-literal-condition2/expected/demo-project/src/pages/Test/index.jsx b/modules/code-generator/tests/fixtures/test-cases/react-app/demo7-literal-condition2/expected/demo-project/src/pages/Test/index.jsx
index e9cc592f1..9e93a3ff6 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo7-literal-condition2/expected/demo-project/src/pages/Test/index.jsx
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo7-literal-condition2/expected/demo-project/src/pages/Test/index.jsx
@@ -151,6 +151,7 @@ class Test$$Page extends React.Component {
 
   onOkModifyDialogThird() {
     //第三步 修改 对话框 确定
+
     this.setState({
       currentStep: 0,
       isModifyDialogVisible: false,
@@ -159,6 +160,7 @@ class Test$$Page extends React.Component {
 
   onCancelModifyDialogThird() {
     //第三步 修改 对话框 取消
+
     this.setState({
       isModifyDialogVisible: false,
     });
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo8-datasource-prop/expected/demo-project/package.json b/modules/code-generator/tests/fixtures/test-cases/react-app/demo8-datasource-prop/expected/demo-project/package.json
index 10269e8fd..91da69eef 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo8-datasource-prop/expected/demo-project/package.json
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo8-datasource-prop/expected/demo-project/package.json
@@ -30,9 +30,16 @@
     "eslint": "eslint --cache --ext .js,.jsx ./",
     "stylelint": "stylelint ./**/*.scss"
   },
-  "ideMode": { "name": "ice-react" },
-  "iceworks": { "type": "react", "adapter": "adapter-react-v3" },
-  "engines": { "node": ">=8.0.0" },
+  "ideMode": {
+    "name": "ice-react"
+  },
+  "iceworks": {
+    "type": "react",
+    "adapter": "adapter-react-v3"
+  },
+  "engines": {
+    "node": ">=8.0.0"
+  },
   "repository": {
     "type": "git",
     "url": "http://gitlab.xxx.com/msd/leak-scan/tree/master"
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo8-datasource-prop/expected/demo-project/src/pages/Example/index.jsx b/modules/code-generator/tests/fixtures/test-cases/react-app/demo8-datasource-prop/expected/demo-project/src/pages/Example/index.jsx
index d1046bd0d..9a661ad75 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo8-datasource-prop/expected/demo-project/src/pages/Example/index.jsx
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo8-datasource-prop/expected/demo-project/src/pages/Example/index.jsx
@@ -63,10 +63,10 @@ class Example$$Page extends React.Component {
             return {
               uri: 'https://api.example.com/user/list',
             };
-          },
+          }.bind(_this),
           isInit: function () {
             return undefined;
-          },
+          }.bind(_this),
         },
       ],
     };
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo9-datasource-engine/expected/demo-project/package.json b/modules/code-generator/tests/fixtures/test-cases/react-app/demo9-datasource-engine/expected/demo-project/package.json
index 1dac338e3..939adb779 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo9-datasource-engine/expected/demo-project/package.json
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo9-datasource-engine/expected/demo-project/package.json
@@ -30,9 +30,16 @@
     "eslint": "eslint --cache --ext .js,.jsx ./",
     "stylelint": "stylelint ./**/*.scss"
   },
-  "ideMode": { "name": "ice-react" },
-  "iceworks": { "type": "react", "adapter": "adapter-react-v3" },
-  "engines": { "node": ">=8.0.0" },
+  "ideMode": {
+    "name": "ice-react"
+  },
+  "iceworks": {
+    "type": "react",
+    "adapter": "adapter-react-v3"
+  },
+  "engines": {
+    "node": ">=8.0.0"
+  },
   "repository": {
     "type": "git",
     "url": "http://gitlab.xxx.com/msd/leak-scan/tree/master"
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo9-datasource-engine/expected/demo-project/src/pages/$/index.jsx b/modules/code-generator/tests/fixtures/test-cases/react-app/demo9-datasource-engine/expected/demo-project/src/pages/$/index.jsx
index 9226280c7..1f2bf9041 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo9-datasource-engine/expected/demo-project/src/pages/$/index.jsx
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo9-datasource-engine/expected/demo-project/src/pages/$/index.jsx
@@ -59,14 +59,14 @@ class $$Page extends React.Component {
           id: 'todos',
           isInit: function () {
             return true;
-          },
+          }.bind(_this),
           type: 'jsonp',
           options: function () {
             return {
               method: 'GET',
               uri: 'https://a0ee9135-6a7f-4c0f-a215-f0f247ad907d.mock.pstmn.io',
             };
-          },
+          }.bind(_this),
           dataHandler: function dataHandler(data) {
             return data.data;
           },
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo_10-jsslot/expected/demo-project/package.json b/modules/code-generator/tests/fixtures/test-cases/react-app/demo_10-jsslot/expected/demo-project/package.json
index 2ab1720fc..41f379d7a 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo_10-jsslot/expected/demo-project/package.json
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo_10-jsslot/expected/demo-project/package.json
@@ -32,9 +32,16 @@
     "eslint": "eslint --cache --ext .js,.jsx ./",
     "stylelint": "stylelint ./**/*.scss"
   },
-  "ideMode": { "name": "ice-react" },
-  "iceworks": { "type": "react", "adapter": "adapter-react-v3" },
-  "engines": { "node": ">=8.0.0" },
+  "ideMode": {
+    "name": "ice-react"
+  },
+  "iceworks": {
+    "type": "react",
+    "adapter": "adapter-react-v3"
+  },
+  "engines": {
+    "node": ">=8.0.0"
+  },
   "repository": {
     "type": "git",
     "url": "http://gitlab.xxx.com/msd/leak-scan/tree/master"
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo_10-jsslot/expected/demo-project/src/pages/Test/index.jsx b/modules/code-generator/tests/fixtures/test-cases/react-app/demo_10-jsslot/expected/demo-project/src/pages/Test/index.jsx
index aa14cb916..922ad47ad 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo_10-jsslot/expected/demo-project/src/pages/Test/index.jsx
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo_10-jsslot/expected/demo-project/src/pages/Test/index.jsx
@@ -65,7 +65,6 @@ class Test$$Page extends React.Component {
     };
 
     this.__jp__init();
-
     this.statusDesc = {
       0: '失败',
       1: '成功',
@@ -163,7 +162,6 @@ class Test$$Page extends React.Component {
     if (!item) {
       return '暂无结果';
     }
-
     const { channel, plat, version, status } = item;
     return [channel, plat, version, status].join('-');
   }
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo_11-jsslot-2/expected/demo-project/package.json b/modules/code-generator/tests/fixtures/test-cases/react-app/demo_11-jsslot-2/expected/demo-project/package.json
index a3a7ba8ab..2b45dfc53 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo_11-jsslot-2/expected/demo-project/package.json
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo_11-jsslot-2/expected/demo-project/package.json
@@ -32,9 +32,16 @@
     "eslint": "eslint --cache --ext .js,.jsx ./",
     "stylelint": "stylelint ./**/*.scss"
   },
-  "ideMode": { "name": "ice-react" },
-  "iceworks": { "type": "react", "adapter": "adapter-react-v3" },
-  "engines": { "node": ">=8.0.0" },
+  "ideMode": {
+    "name": "ice-react"
+  },
+  "iceworks": {
+    "type": "react",
+    "adapter": "adapter-react-v3"
+  },
+  "engines": {
+    "node": ">=8.0.0"
+  },
   "repository": {
     "type": "git",
     "url": "http://gitlab.xxx.com/msd/leak-scan/tree/master"
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-app/demo_11-jsslot-2/expected/demo-project/src/pages/Test/index.jsx b/modules/code-generator/tests/fixtures/test-cases/react-app/demo_11-jsslot-2/expected/demo-project/src/pages/Test/index.jsx
index d40458cf8..5630342f3 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-app/demo_11-jsslot-2/expected/demo-project/src/pages/Test/index.jsx
+++ b/modules/code-generator/tests/fixtures/test-cases/react-app/demo_11-jsslot-2/expected/demo-project/src/pages/Test/index.jsx
@@ -67,7 +67,6 @@ class Test$$Page extends React.Component {
     };
 
     this.__jp__init();
-
     this.statusDesc = {
       0: '失败',
       1: '成功',
@@ -202,12 +201,10 @@ class Test$$Page extends React.Component {
 
   componentDidMount() {
     this.$ds.resolve('PROJECTS');
-
     if (this.userTimeout) {
       clearTimeout(this.userTimeout);
       this.userTimeout = null;
     }
-
     if (this.projectTimeout) {
       clearTimeout(this.projectTimeout);
       this.projectTimeout = null;
diff --git a/modules/code-generator/tests/fixtures/test-cases/react-module/demo1/expected/demo-project/package.json b/modules/code-generator/tests/fixtures/test-cases/react-module/demo1/expected/demo-project/package.json
index ebb17b143..d32b684dc 100644
--- a/modules/code-generator/tests/fixtures/test-cases/react-module/demo1/expected/demo-project/package.json
+++ b/modules/code-generator/tests/fixtures/test-cases/react-module/demo1/expected/demo-project/package.json
@@ -25,9 +25,16 @@
     "eslint": "eslint --cache --ext .js,.jsx ./",
     "stylelint": "stylelint ./**/*.scss"
   },
-  "ideMode": { "name": "ice-react" },
-  "iceworks": { "type": "react", "adapter": "adapter-react-v3" },
-  "engines": { "node": ">=8.0.0" },
+  "ideMode": { 
+    "name": "ice-react"
+  },
+  "iceworks": { 
+    "type": "react", 
+    "adapter": "adapter-react-v3" 
+  },
+  "engines": { 
+    "node": ">=8.0.0" 
+  },
   "repository": {
     "type": "git",
     "url": "http://gitlab.xxx.com/msd/leak-scan/tree/master"
diff --git a/modules/code-generator/tests/postprocessor/__snapshots__/prettier.test.ts.snap b/modules/code-generator/tests/postprocessor/__snapshots__/prettier.test.ts.snap
index 37d8d786b..db47e1829 100644
--- a/modules/code-generator/tests/postprocessor/__snapshots__/prettier.test.ts.snap
+++ b/modules/code-generator/tests/postprocessor/__snapshots__/prettier.test.ts.snap
@@ -19,7 +19,12 @@ export function App() {
 `;
 
 exports[`postprocessor/prettier should works for json file 1`] = `
-"{ \\"components\\": [\\"Button\\", \\"Block\\"] }
+"{
+  \\"components\\": [
+    \\"Button\\",
+    \\"Block\\"
+  ]
+}
 "
 `;