Merge branch 'release/1.0.0' into refactor/merge-rax-generator

.editorconfig

@@ -1,9 +1,9 @@
-# http://editorconfig.org
 root = true
 
 [*]
 indent_style = space
 indent_size = 2
+end_of_line = lf
 charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true

.eslintignore

@@ -1,7 +1,18 @@
-.idea/
+# 忽略目录
-.vscode/
-build/
-.*
-~*
 node_modules
 test-cases
+test
+output
+build
+dist
+demo
+es
+lib
+.*
+~*
+test-cases
+
+# 忽略文件
+**/*.min.js
+**/*-min.js
+**/*.bundle.js

.eslintrc

@@ -1,3 +0,0 @@
-{
-  "extends": "./node_modules/@ali/lowcode-config/.eslintrc"
-}

.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: 'eslint-config-ali/typescript/react',
+};

.prettierignore

@@ -1,4 +0,0 @@
-**/test/**/*.ts
-**/test/**/*.js
-**/template/**/*.template
-**/template/**/*.tpl

.prettierrc

@@ -1,8 +0,0 @@
-{
-  "trailingComma": "all",
-  "tabWidth": 2,
-  "semi": true,
-  "singleQuote": true,
-  "printWidth": 120,
-  "arrowParens": "always"
-}

.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  printWidth: 100,
+  tabWidth: 2,
+  semi: true,
+  singleQuote: true,
+  trailingComma: 'all',
+};

.stylelintignore

@@ -0,0 +1,9 @@
+# 忽略目录
+node_modules/
+build/
+dist/
+
+# 忽略文件
+**/*.min.css
+**/*-min.css
+**/*.bundle.css

.stylelintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: 'stylelint-config-ali',
+};

README.md

@@ -1,22 +1,20 @@
 ## Ali Lowcode Engine（阿里低代码引擎）
 
-[Lerna](https://github.com/lerna/lerna) + [TS](https://www.typescriptlang.org/)
-
 ## 开发
 
-#### 创建新包：
+#### 创建新包
 
 - `./scripts/create.sh <package-name>`
 
-#### 跑起来：
+#### 运行示例
 
 - `npm run setup`
 - `npm start`
 
-#### 开发提交：
+#### 开发提交
 
 - `git add <your-files>`
-- `npm run commit` # 在根目录
+- `git commit -a "feat: xxx"`
 
 ## 发布
 
@@ -24,7 +22,6 @@
 
 ## 注意
 
-- Commit 动作尽量使用 `npm run commit`，其内部调用了 `git cz`，方便按语义化版本自动递增，以及自动生成 `CHANGELOG.md`
 - `packages` 工程里一些开发时公共依赖（比如：`typescript`、`ava` 等）会放到工程顶层
 - 工程里的 `.md`、`test/` 等文件修改不会产生新的发布
 - 当工程里存在多个 ts 文件的目录时，最终产生的文件会按文件夹形式放到 `lib` 下

commitlint.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['ali'],
+};

package.json

@@ -12,40 +12,34 @@
   "scripts": {
     "build": "./scripts/build.sh",
     "clean": "rm -rf ./packages/*/lib ./packages/*/es ./packages/*/dist ./packages/*/build",
-    "commit": "git-cz",
+    "lint": "eslint --ext .ts,.tsx,.js,.jsx ./ --quiet",
+    "lint:fix": "eslint --ext .ts,.tsx,.js,.jsx ./ --quiet --fix",
     "pub": "lerna publish --force-publish --cd-version prepatch",
     "setup": "./scripts/setup.sh",
     "start": "./scripts/start.sh",
     "start:server": "./scripts/start-server.sh",
     "test": "lerna run test --stream",
-    "test:snapshot": "lerna run test:snapshot"
+    "test:snapshot": "lerna run test:snapshot",
+    "xima:fix": "xima fix",
+    "xima:scan": "xima scan"
   },
-  "lint-staged": {
+  "husky": {
-    "*.{tsx,ts}": [
+    "hooks": {
-      "eslint --quiet",
+      "pre-commit": "xima exec lint-staged",
-      "git add"
+      "commit-msg": "xima exec commitlint -E HUSKY_GIT_PARAMS"
-    ]
-  },
-  "config": {
-    "commitizen": {
-      "path": "node_modules/cz-conventional-changelog"
     }
   },
+  "lint-staged": {
+    "**/*.{css,scss,less}": "xima exec stylelint",
+    "**/*.{js,jsx,ts,tsx}": "xima exec eslint"
+  },
   "devDependencies": {
-    "@ali/lowcode-config": "^2.0.5",
     "ava": "^1.0.1",
-    "babel-eslint": "^10.0.3",
-    "commitizen": "^3.0.5",
-    "cz-conventional-changelog": "^2.1.0",
-    "eslint": "^6.5.1",
-    "git-cz": "^4.3.1",
-    "husky": "^4.2.3",
     "lerna": "^2.11.0",
-    "lint-staged": "^8.1.0",
-    "prettier": "^1.15.3",
     "ts-node": "^7.0.1",
     "tslib": "^1.9.3",
-    "typescript": "^3.2.2"
+    "typescript": "^3.2.2",
+    "xima": "^0.2.15"
   },
   "engines": {
     "node": ">=10.0.0"

packages/code-generator/demo/demo.js

@@ -59,7 +59,7 @@ function main() {
 
   builder.generateProject(schemaJson).then((result) => {
     displayResultInConsole(result);
-    writeResultToDisk(result, 'output/lowcodeDemo').then((response) => console.log('Write to disk: ', JSON.stringify(response)),);
+    writeResultToDisk(result, 'output/lowcodeDemo').then((response) => console.log('Write to disk: ', JSON.stringify(response)));
     return result;
   });
 }
@@ -187,7 +187,7 @@ function exportProject() {
 
   builder.generateProject(schemaJson).then((result) => {
     displayResultInConsole(result);
-    writeResultToDisk(result, 'output/lowcodeDemo').then((response) => console.log('Write to disk: ', JSON.stringify(response)),);
+    writeResultToDisk(result, 'output/lowcodeDemo').then((response) => console.log('Write to disk: ', JSON.stringify(response)));
     return result;
   });
 }

packages/code-generator/src/@types/ali__my-prettier/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="node" />
+// / <reference types="node" />
 
 declare module '@ali/my-prettier' {
   function format(text: string, type: string): string;

packages/code-generator/src/generator/CodeBuilder.ts

@@ -5,7 +5,7 @@ export default class Builder implements ICodeBuilder {
 
   private generators: { [key: string]: CodeGeneratorFunction<ChunkContent> } = {
     [ChunkType.STRING]: (str: string) => str, // no-op for string chunks
-    [ChunkType.JSON]: (json: object) => JSON.stringify(json), // stringify json to string
+    [ChunkType.JSON]: (json: Record<string, unknown>) => JSON.stringify(json), // stringify json to string
   };
 
   constructor(chunkDefinitions: ICodeChunk[] = []) {
@@ -49,14 +49,17 @@ export default class Builder implements ICodeBuilder {
       const { type, content, name } = unprocessedChunks[indexToRemove];
       const compiledContent = this.generateByType(type, content);
       if (compiledContent) {
-        resultingString.push(compiledContent + '\n');
+        resultingString.push(`${compiledContent }\n`);
       }
 
       unprocessedChunks.splice(indexToRemove, 1);
       if (!unprocessedChunks.some((ch) => ch.name === name)) {
         unprocessedChunks.forEach(
           // remove the processed chunk from all the linkAfter arrays from the remaining chunks
-          (ch) => (ch.linkAfter = ch.linkAfter.filter((after) => after !== name)),
+          (ch) => {
+            // eslint-disable-next-line no-param-reassign
+            ch.linkAfter = ch.linkAfter.filter((after) => after !== name);
+          },
         );
       }
     }

packages/code-generator/src/generator/ModuleBuilder.ts

@@ -48,7 +48,7 @@ export function createModuleBuilder(
 
     if (options.postProcessors.length > 0) {
       files = files.map((file) => {
-        let content = file.content;
+        let { content } = file;
         const type = file.ext;
         options.postProcessors.forEach((processer) => {
           content = processer(content, type);

packages/code-generator/src/generator/ProjectBuilder.ts

@@ -39,7 +39,9 @@ function getDirFromRoot(root: ResultDir, path: string[]): ResultDir {
 
 export class ProjectBuilder implements IProjectBuilder {
   private template: IProjectTemplate;
+
   private plugins: IProjectPlugins;
+
   private postProcessors: PostProcessor[];
 
   constructor({

packages/code-generator/src/parser/SchemaParser.ts

@@ -4,14 +4,7 @@
  */
 import changeCase from 'change-case';
 import { UtilItem, NodeDataType, NodeSchema, ContainerSchema, ProjectSchema, PropsMap } from '@ali/lowcode-types';
-import { IPageMeta } from '../types';
+import { IPageMeta,
-
-import { SUPPORT_SCHEMA_VERSION_LIST } from '../const';
-
-import { handleSubNodes } from '../utils/schema';
-import { uniqueArray } from '../utils/common';
-
-import {
   CodeGeneratorError,
   CompatibilityError,
   DependencyType,
@@ -26,6 +19,12 @@ import {
   IRouterInfo,
 } from '../types';
 
+import { SUPPORT_SCHEMA_VERSION_LIST } from '../const';
+
+import { handleSubNodes } from '../utils/schema';
+import { uniqueArray } from '../utils/common';
+
+
 const defaultContainer: IContainerInfo = {
   containerType: 'Component',
   componentName: 'Component',
@@ -100,7 +99,7 @@ class SchemaParser implements ISchemaParser {
         });
       }
     } else {
-      throw new CodeGeneratorError(`Can't find anything to generate.`);
+      throw new CodeGeneratorError('Can\'t find anything to generate.');
     }
 
     // 建立所有容器的内部依赖索引
@@ -206,7 +205,9 @@ class SchemaParser implements ISchemaParser {
     let npms: INpmPackage[] = [];
     containers.forEach((con) => {
       const p = (con.deps || [])
-        .map((dep) => (dep.dependencyType === DependencyType.External ? dep : null))
+        .map((dep) => {
+          return dep.dependencyType === DependencyType.External ? dep : null;
+        })
         .filter((dep) => dep !== null);
       const npmInfos: INpmPackage[] = p
         .filter((i) => Boolean(i))

packages/code-generator/src/plugins/common/esmodule.ts

@@ -109,9 +109,9 @@ function buildPackageImport(
     }
   });
 
-  const items = Object.keys(imports).map((src) =>
+  const items = Object.keys(imports).map((src) => {
-    src === imports[src] || !useAliasName ? src : `${src} as ${imports[src]}`,
+    return src === imports[src] || !useAliasName ? src : `${src} as ${imports[src]}`;
-  );
+  });
 
   const statementL = ['import'];
   if (defaultImport) {

packages/code-generator/src/plugins/common/requireUtils.ts

@@ -13,7 +13,7 @@ const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
       type: ChunkType.STRING,
       fileType: FileType.JSX,
       name: COMMON_CHUNK_NAME.InternalDepsImport,
-      content: `import * from 'react';`,
+      content: 'import * from \'react\';',
       linkAfter: [],
     });
 

packages/code-generator/src/plugins/component/rax/containerClass.ts

@@ -40,7 +40,7 @@ const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
       type: ChunkType.STRING,
       fileType: FileType.JSX,
       name: CLASS_DEFINE_CHUNK_NAME.End,
-      content: `}`,
+      content: '}',
       linkAfter: [
         CLASS_DEFINE_CHUNK_NAME.Start,
         CLASS_DEFINE_CHUNK_NAME.InsPrivateMethod,
@@ -72,7 +72,7 @@ const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
       type: ChunkType.STRING,
       fileType: FileType.JSX,
       name: RAX_CHUNK_NAME.ClassDidMountBegin,
-      content: `componentDidMount() {`,
+      content: 'componentDidMount() {',
       linkAfter: [CLASS_DEFINE_CHUNK_NAME.Start, CLASS_DEFINE_CHUNK_NAME.InsVar, CLASS_DEFINE_CHUNK_NAME.InsMethod],
     });
 
@@ -80,7 +80,7 @@ const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
       type: ChunkType.STRING,
       fileType: FileType.JSX,
       name: RAX_CHUNK_NAME.ClassDidMountEnd,
-      content: `}`,
+      content: '}',
       linkAfter: [RAX_CHUNK_NAME.ClassDidMountBegin, RAX_CHUNK_NAME.ClassDidMountContent],
     });
 
@@ -88,7 +88,7 @@ const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
       type: ChunkType.STRING,
       fileType: FileType.JSX,
       name: RAX_CHUNK_NAME.ClassWillUnmountBegin,
-      content: `componentWillUnmount() {`,
+      content: 'componentWillUnmount() {',
       linkAfter: [
         CLASS_DEFINE_CHUNK_NAME.Start,
         CLASS_DEFINE_CHUNK_NAME.InsVar,
@@ -101,7 +101,7 @@ const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
       type: ChunkType.STRING,
       fileType: FileType.JSX,
       name: RAX_CHUNK_NAME.ClassWillUnmountEnd,
-      content: `}`,
+      content: '}',
       linkAfter: [RAX_CHUNK_NAME.ClassWillUnmountBegin, RAX_CHUNK_NAME.ClassWillUnmountContent],
     });
 

packages/code-generator/src/plugins/component/rax/containerInjectContext.ts

@@ -28,7 +28,7 @@ const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) =>
       type: ChunkType.STRING,
       fileType: cfg.fileType,
       name: COMMON_CHUNK_NAME.InternalDepsImport,
-      content: `import __$$constants from '../../constants';`,
+      content: 'import __$$constants from \'../../constants\';',
       linkAfter: [COMMON_CHUNK_NAME.ExternalDepsImport],
     });
 
@@ -37,7 +37,7 @@ const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) =>
       type: ChunkType.STRING,
       fileType: cfg.fileType,
       name: COMMON_CHUNK_NAME.InternalDepsImport,
-      content: `import * as __$$i18n from '../../i18n';`,
+      content: 'import * as __$$i18n from \'../../i18n\';',
       linkAfter: [COMMON_CHUNK_NAME.ExternalDepsImport],
     });
 

packages/code-generator/src/plugins/component/rax/containerInjectUtils.ts

@@ -39,7 +39,7 @@ const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) =>
       type: ChunkType.STRING,
       fileType: cfg.fileType,
       name: CLASS_DEFINE_CHUNK_NAME.InsVar,
-      content: `_utils = this._defineUtils();`,
+      content: '_utils = this._defineUtils();',
       linkAfter: [CLASS_DEFINE_CHUNK_NAME.Start],
     });
 

packages/code-generator/src/plugins/component/rax/containerLifeCycle.ts

@@ -74,7 +74,7 @@ const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) =>
         type: ChunkType.STRING,
         fileType: cfg.fileType,
         name: CLASS_DEFINE_CHUNK_NAME.InsVar,
-        content: `_lifeCycles = this._defineLifeCycles();`,
+        content: '_lifeCycles = this._defineLifeCycles();',
         linkAfter: [CLASS_DEFINE_CHUNK_NAME.Start],
       });
 

packages/code-generator/src/plugins/component/rax/jsx.ts

@@ -63,8 +63,7 @@ const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) =>
     });
 
     // 注意：这里其实隐含了一个假设：schema 中的 componentName 应该是一个有效的 JS 标识符，而且是大写字母打头的
-    const mapComponentNameToAliasOrKeepIt = (componentName: string) =>
+    const mapComponentNameToAliasOrKeepIt = (componentName: string) => componentsNameAliasMap.get(componentName) || componentName;
-      componentsNameAliasMap.get(componentName) || componentName;
 
     // 然后过滤掉所有的别名 chunks
     next.chunks = next.chunks.filter((chunk) => !isImportAliasDefineChunk(chunk));
@@ -97,7 +96,7 @@ const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) =>
       type: ChunkType.STRING,
       fileType: cfg.fileType,
       name: COMMON_CHUNK_NAME.ExternalDepsImport,
-      content: `import { isMiniApp as __$$isMiniApp } from 'universal-env';`,
+      content: 'import { isMiniApp as __$$isMiniApp } from \'universal-env\';',
       linkAfter: [],
     });
 
@@ -324,15 +323,15 @@ function generateEventHandlerAttrForRax(
   }
 
   const wrappedAttrValueExpr = [
-    `(...__$$args) => {`,
+    '(...__$$args) => {',
-    `  if (__$$isMiniApp) {`,
+    '  if (__$$isMiniApp) {',
-    `    const __$$event = __$$args[0];`,
+    '    const __$$event = __$$args[0];',
     ...referencedLocalVariables.map((localVar) => `const ${localVar} = __$$event.target.dataset.${localVar};`),
     `    return (${valueExpr}).apply(this, __$$args);`,
-    `  } else {`,
+    '  } else {',
     `    return (${valueExpr}).apply(this, __$$args);`,
-    `  }`,
+    '  }',
-    `}`,
+    '}',
   ].join('\n');
 
   return [

packages/code-generator/src/plugins/component/react/containerClass.ts

@@ -40,7 +40,7 @@ const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
       type: ChunkType.STRING,
       fileType: FileType.JSX,
       name: CLASS_DEFINE_CHUNK_NAME.End,
-      content: `}`,
+      content: '}',
       linkAfter: [
         CLASS_DEFINE_CHUNK_NAME.Start,
         REACT_CHUNK_NAME.ClassRenderEnd,

packages/code-generator/src/plugins/component/react/containerDataSource.ts

@@ -32,7 +32,7 @@ const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) =>
     const scope = Scope.createRootScope();
 
     if (ir.state) {
-      const state = ir.state;
+      const { state } = ir;
       const fields = Object.keys(state).map<string>((stateName) => {
         const value = generateCompositeType(state[stateName], scope);
         return `${stateName}: ${value},`;

packages/code-generator/src/plugins/component/react/containerInitState.ts

@@ -33,7 +33,7 @@ const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) =>
     const scope = Scope.createRootScope();
 
     if (ir.state) {
-      const state = ir.state;
+      const { state } = ir;
       const fields = Object.keys(state).map<string>((stateName) => {
         const value = generateCompositeType(state[stateName], scope);
         return `${stateName}: ${value},`;

packages/code-generator/src/plugins/component/react/containerInjectUtils.ts

@@ -10,7 +10,7 @@ import {
 
 type PluginConfig = {
   fileType: string;
-}
+};
 
 const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) => {
   const cfg: PluginConfig = {
@@ -27,7 +27,7 @@ const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) =>
       type: ChunkType.STRING,
       fileType: cfg.fileType,
       name: CLASS_DEFINE_CHUNK_NAME.ConstructorContent,
-      content: `this.utils = utils;`,
+      content: 'this.utils = utils;',
       linkAfter: [CLASS_DEFINE_CHUNK_NAME.ConstructorStart],
     });
 

packages/code-generator/src/plugins/component/react/containerLifeCycle.ts

@@ -35,7 +35,7 @@ const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) =>
     const ir = next.ir as IContainerInfo;
 
     if (ir.lifeCycles) {
-      const lifeCycles = ir.lifeCycles;
+      const { lifeCycles } = ir;
       const chunks = Object.keys(lifeCycles).map<ICodeChunk>((lifeCycleName) => {
         const normalizeName = cfg.normalizeNameMapping[lifeCycleName] || lifeCycleName;
         const exportName = cfg.exportNameMapping[lifeCycleName] || lifeCycleName;

packages/code-generator/src/plugins/component/react/containerMethod.ts

@@ -30,7 +30,7 @@ const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) =>
     const ir = next.ir as IContainerInfo;
 
     if (ir.methods) {
-      const methods = ir.methods;
+      const { methods } = ir;
       const chunks = Object.keys(methods).map<ICodeChunk>((methodName) => ({
         type: ChunkType.STRING,
         fileType: cfg.fileType,

packages/code-generator/src/plugins/component/react/reactCommonDeps.ts

@@ -18,7 +18,7 @@ const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
       type: ChunkType.STRING,
       fileType: FileType.JSX,
       name: COMMON_CHUNK_NAME.ExternalDepsImport,
-      content: `import React from 'react';`,
+      content: 'import React from \'react\';',
       linkAfter: [],
     });
 

packages/code-generator/src/plugins/component/recore/pageFrame.ts

@@ -21,7 +21,7 @@ const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
       type: ChunkType.STRING,
       fileType: FileType.TS,
       name: COMMON_CHUNK_NAME.ExternalDepsImport,
-      content: `import { BaseController } from '@ali/recore-renderer';`,
+      content: 'import { BaseController } from \'@ali/recore-renderer\';',
       linkAfter: [],
     });
 
@@ -37,7 +37,7 @@ const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
       type: ChunkType.STRING,
       fileType: FileType.TS,
       name: CLASS_DEFINE_CHUNK_NAME.End,
-      content: `}`,
+      content: '}',
       linkAfter: [...DEFAULT_LINK_AFTER[CLASS_DEFINE_CHUNK_NAME.End]],
     });
 

packages/code-generator/src/plugins/component/recore/pageVmHeader.ts

@@ -12,7 +12,7 @@ const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
       type: ChunkType.STRING,
       fileType: 'vx',
       name: COMMON_CHUNK_NAME.CustomContent,
-      content: `<div {...globalProps.div} className="recore-loading" x-if={this.__loading} />`,
+      content: '<div {...globalProps.div} className="recore-loading" x-if={this.__loading} />',
       linkAfter: [],
     });
 

packages/code-generator/src/plugins/project/framework/icejs/plugins/packageJSON.ts

@@ -74,7 +74,9 @@ const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
       originTemplate: '@alifd/scaffold-lite-js',
     };
 
-    ir.packages.forEach((packageInfo) => (packageJson.dependencies[packageInfo.package] = packageInfo.version));
+    ir.packages.forEach((packageInfo) => {
+      packageJson.dependencies[packageInfo.package] = packageInfo.version;
+    });
 
     next.chunks.push({
       type: ChunkType.JSON,

packages/code-generator/src/plugins/project/framework/icejs/plugins/router.ts

@@ -38,15 +38,15 @@ const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
             component: BasicLayout,
             children: [
               ${ir.routes
-                .map(
+    .map(
-                  (route) => `
+      (route) => `
                     {
                       path: '${route.path}',
                       component: ${route.componentName},
                     }
                   `,
-                )
+    )
-                .join(',')}
+    .join(',')}
             ],
           },
         ];

packages/code-generator/src/plugins/project/framework/rax/plugins/buildConfig.ts

@@ -28,8 +28,8 @@ const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
             targets: ['web', 'miniapp'],
             miniapp: miniAppBuildType
               ? {
-                  buildType: miniAppBuildType,
+                buildType: miniAppBuildType,
-                }
+              }
               : undefined,
           },
         ],

packages/code-generator/src/plugins/project/framework/rax/plugins/entry.ts

@@ -6,7 +6,6 @@ import {
   ChunkType,
   FileType,
   ICodeStruct,
-  IProjectInfo,
 } from '../../../../../types';
 
 const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
@@ -15,8 +14,6 @@ const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
       ...pre,
     };
 
-    const ir = next.ir as IProjectInfo;
-
     next.chunks.push({
       type: ChunkType.STRING,
       fileType: FileType.JS,

packages/code-generator/src/plugins/project/framework/rax/plugins/globalStyle.ts

@@ -32,7 +32,7 @@ const pluginFactory: BuilderComponentPluginFactory<GlobalStylePluginConfig> = (
       type: ChunkType.STRING,
       fileType: cfg.fileType,
       name: COMMON_CHUNK_NAME.StyleDepsImport,
-      content: ``,
+      content: '',
       linkAfter: [],
     });
 

packages/code-generator/src/postprocessor/prettier/index.ts

@@ -7,7 +7,7 @@ const PARSERS = ['css', 'scss', 'less', 'json', 'html', 'vue'];
 
 type ProcessorConfig = {
   customFileTypeParser: Record<string, string>;
-}
+};
 
 const factory: PostProcessorFactory<ProcessorConfig> = (config?: ProcessorConfig) => {
   const cfg: ProcessorConfig = {
@@ -25,7 +25,7 @@ const factory: PostProcessorFactory<ProcessorConfig> = (config?: ProcessorConfig
       parser = 'json';
     } else if (PARSERS.indexOf(fileType) >= 0) {
       parser = fileType as prettier.BuiltInParserName;
-    } else if (cfg.customFileTypeParser[fileType]){
+    } else if (cfg.customFileTypeParser[fileType]) {
       parser = cfg.customFileTypeParser[fileType] as prettier.BuiltInParserName;
     } else if (fileType === 'vx') {
       return mypretter(content, fileType);

packages/code-generator/src/publisher/disk/utils.ts

@@ -37,7 +37,7 @@ const writeFilesToFolder = async (folderPath: string, files: ResultFile[], fs: I
   await Promise.all(promises);
 };
 
-const writeSubFoldersToFolder = async (folderPath: string, subFolders: ResultDir[], fs: IFileSystem): Promise<void> => {
+const writeSubFoldersToFolder = async (folderPath: string, subFolders: ResultDir[]): Promise<void> => {
   const promises = subFolders.map((subFolder) => {
     return writeFolder(subFolder, folderPath);
   });

packages/code-generator/src/types/error.ts

@@ -7,19 +7,10 @@ export class CodeGeneratorError extends Error {
 }
 
 export class ComponentValidationError extends CodeGeneratorError {
-  constructor(errorString: string) {
-    super(errorString);
-  }
 }
 
 export class CompatibilityError extends CodeGeneratorError {
-  constructor(errorString: string) {
-    super(errorString);
-  }
 }
 
 export class PublisherError extends CodeGeneratorError {
-  constructor(errorString: string) {
-    super(errorString);
-  }
 }

packages/code-generator/src/utils/ScopeBindings.ts

@@ -14,9 +14,13 @@ export interface IScopeBindings {
 }
 
 export class ScopeBindings implements IScopeBindings {
+  readonly parent: IScopeBindings | null;
+
   private _bindings = new OrderedSet<string>();
 
-  constructor(readonly parent: IScopeBindings | null = null) {}
+  constructor(p: IScopeBindings | null = null) {
+    this.parent = p;
+  }
 
   hasBinding(varName: string): boolean {
     return this._bindings.has(varName) || !!this.parent?.hasBinding(varName);
@@ -37,7 +41,7 @@ export class ScopeBindings implements IScopeBindings {
   getAllBindings(): string[] {
     const allBindings = new OrderedSet(this._bindings.toArray());
 
-    for (let parent = this.parent; parent; parent = parent?.parent) {
+    for (let { parent } = this; parent; parent = parent?.parent) {
       parent.getAllOwnedBindings().forEach((varName) => {
         allBindings.add(varName);
       });

packages/code-generator/src/utils/aopHelper.ts

@@ -18,7 +18,7 @@ export function executeFunctionStack<I, T, C>(
   while (funcList.length > 0) {
     const func = funcList.pop();
     if (func) {
-      const warppedFunc = ((nextFunc) => (input: I, scope: IScope, cfg?: C) => func(input, scope, cfg, nextFunc))(next);
+      const warppedFunc = ((nextFunc) => (i: I, s: IScope, cfg?: C) => func(i, s, cfg, nextFunc))(next);
       next = warppedFunc;
     }
   }

packages/code-generator/src/utils/common.ts

@@ -24,7 +24,9 @@ export function upperCaseFirst(inputValue: string): string {
 
 export function uniqueArray<T>(arr: T[], by: (i: T) => string) {
   const map: Record<string, T> = {};
-  arr.forEach((item) => (map[by(item)] = item));
+  arr.forEach((item) => {
+    map[by(item)] = item;
+  });
   const uniqueKeys = [...new Set<string>(Object.keys(map))];
   const uniqueItems = uniqueKeys.map((key) => map[key]);
   return uniqueItems;

packages/code-generator/src/utils/expressionParser.ts

@@ -7,8 +7,14 @@ import { isIdentifier, Node } from '@babel/types';
 import { OrderedSet } from './OrderedSet';
 
 export class ParseError extends Error {
-  constructor(readonly expr: string | t.Expression, readonly detail: unknown) {
+  readonly expr: string | t.Expression;
+
+  readonly detail: unknown;
+
+  constructor(expr: string | t.Expression, detail: unknown) {
     super(`Failed to parse expression "${typeof expr === 'string' ? expr : generate(expr)}"`);
+    this.expr = expr;
+    this.detail = detail;
     Object.setPrototypeOf(this, new.target.prototype);
   }
 }
@@ -31,14 +37,20 @@ const MAYBE_EXPRESSIONS: {
   IfStatement: { fields: ['test'] },
   LogicalExpression: { fields: ['left', 'right'] },
   MemberExpression: {
-    fields: (node) => (node.type === 'MemberExpression' && node.computed ? ['object', 'property'] : ['object']),
+    fields: (node) => {
+      return node.type === 'MemberExpression' && node.computed ? ['object', 'property'] : ['object'];
+    },
   },
   NewExpression: { fields: ['callee', 'arguments'] },
   ObjectMethod: {
-    fields: (node) => (node.type === 'ObjectMethod' && node.computed ? ['key'] : []),
+    fields: (node) => {
+      return node.type === 'ObjectMethod' && node.computed ? ['key'] : [];
+    },
   },
   ObjectProperty: {
-    fields: (node) => (node.type === 'ObjectProperty' && node.computed ? ['key', 'value'] : ['value']),
+    fields: (node) => {
+      return node.type === 'ObjectProperty' && node.computed ? ['key', 'value'] : ['value'];
+    },
   },
   ReturnStatement: { fields: ['argument'] },
   SequenceExpression: { fields: ['expressions'] },
@@ -57,31 +69,43 @@ const MAYBE_EXPRESSIONS: {
   ClassDeclaration: { fields: ['superClass'] },
   ExportDefaultDeclaration: { fields: ['declaration'] },
   ForOfStatement: { fields: ['right'] },
-  ClassMethod: { fields: (node) => (node.type === 'ClassMethod' && node.computed ? ['key'] : []) },
+  ClassMethod: { fields: (node) => {
+    return node.type === 'ClassMethod' && node.computed ? ['key'] : [];
+  } },
   SpreadElement: { fields: ['argument'] },
   TaggedTemplateExpression: { fields: ['tag'] },
   TemplateLiteral: { fields: ['expressions'] },
   YieldExpression: { fields: ['argument'] },
   AwaitExpression: { fields: ['argument'] },
   OptionalMemberExpression: {
-    fields: (node) => (node.type === 'OptionalMemberExpression' && node.computed ? ['object', 'property'] : ['object']),
+    fields: (node) => {
+      return node.type === 'OptionalMemberExpression' && node.computed ? ['object', 'property'] : ['object'];
+    },
   },
   OptionalCallExpression: { fields: ['callee', 'arguments'] },
   JSXSpreadAttribute: { fields: ['argument'] },
   BindExpression: { fields: ['object', 'callee'] },
-  ClassProperty: { fields: (node) => (node.type === 'ClassProperty' && node.computed ? ['key', 'value'] : ['value']) },
+  ClassProperty: { fields: (node) => {
+    return node.type === 'ClassProperty' && node.computed ? ['key', 'value'] : ['value'];
+  } },
   PipelineTopicExpression: { fields: ['expression'] },
   PipelineBareFunction: { fields: ['callee'] },
   ClassPrivateProperty: { fields: ['value'] },
   Decorator: { fields: ['expression'] },
   TupleExpression: { fields: ['elements'] },
-  TSDeclareMethod: { fields: (node) => (node.type === 'TSDeclareMethod' && node.computed ? ['key'] : []) },
+  TSDeclareMethod: { fields: (node) => {
+    return node.type === 'TSDeclareMethod' && node.computed ? ['key'] : [];
+  } },
   TSPropertySignature: {
-    fields: (node) => (node.type === 'TSPropertySignature' && node.computed ? ['key', 'initializer'] : ['initializer']),
+    fields: (node) => {
+      return node.type === 'TSPropertySignature' && node.computed ? ['key', 'initializer'] : ['initializer'];
+    },
   },
 
   TSMethodSignature: {
-    fields: (node) => (node.type === 'TSMethodSignature' && node.computed ? ['key'] : []),
+    fields: (node) => {
+      return node.type === 'TSMethodSignature' && node.computed ? ['key'] : [];
+    },
   },
   TSAsExpression: { fields: ['expression'] },
   TSTypeAssertion: { fields: ['expression'] },
@@ -114,7 +138,7 @@ const CROSS_THIS_SCOPE_TYPE_NODE: {
 
 export function parseExpressionGetGlobalVariables(
   expr: string | null | undefined,
-  { filter = (x) => true }: ParseExpressionGetGlobalVariablesOptions = {},
+  { filter = () => true }: ParseExpressionGetGlobalVariablesOptions = {},
 ): string[] {
   if (!expr) {
     return [];
@@ -125,7 +149,7 @@ export function parseExpressionGetGlobalVariables(
 
     const ast = parser.parse(`!(${expr});`);
 
-    const addUndeclaredIdentifierIfNeeded = (x: object | null | undefined, path: NodePath<Node>) => {
+    const addUndeclaredIdentifierIfNeeded = (x: Record<string, unknown> | null | undefined, path: NodePath<Node>) => {
       if (isIdentifier(x) && !path.scope.hasBinding(x.name)) {
         undeclaredVars.add(x.name);
       }

packages/code-generator/src/utils/jsSlot.ts

@@ -18,11 +18,11 @@ export function generateJsSlot(slot: any, scope: IScope, generator: NodeGenerato
     if (params) {
       return [
         title && generateSingleLineComment(title),
-        `(`,
+        '(',
         ...(params || []),
-        `) => (`,
+        ') => (',
         !value ? 'null' : generator(value, scope),
-        `)`,
+        ')',
       ]
         .filter(Boolean)
         .join('');

packages/code-generator/src/utils/nodeToJSX.ts

@@ -188,7 +188,7 @@ function linkPieces(pieces: CodePiece[]): string {
     .map((p) => p.value)
     .join(' ');
 
-  attrsParts = !!attrsParts ? ` ${attrsParts}` : '';
+  attrsParts = attrsParts ? ` ${attrsParts}` : '';
 
   if (childrenParts) {
     return `${beforeParts}<${tagName}${attrsParts}>${childrenParts}</${tagName}>${afterParts}`;

packages/code-generator/src/utils/schema.ts

@@ -47,7 +47,7 @@ export function handleSubNodes<T>(
     return list.map((child) => handleSubNodes(child, handlers, opt)).reduce((p, c) => p.concat(c), []);
   }
 
-  let result: T | undefined = undefined;
+  let result: T | undefined;
   const childrenRes: T[] = [];
   if (isDOMText(children)) {
     const handler = handlers.string || noop;

packages/code-generator/tools/createTemplate.js

@@ -1,21 +1,21 @@
-const fs = require("fs");
+const fs = require('fs');
 const path = require('path');
 
 console.log(process.argv);
-let root = '';
+let rootParams = '';
 const pathArgIndex = process.argv.indexOf('--path');
 if (pathArgIndex >= 0) {
-  root = process.argv[pathArgIndex + 1];
+  rootParams = process.argv[pathArgIndex + 1];
 }
 
-if (!root) {
+if (!rootParams) {
   throw new Error('Can\'t find path argument');
 }
 
 function cloneStr(str, times) {
   let count = times;
   const arr = [];
-  while(count > 0) {
+  while (count > 0) {
     arr.push(str);
     count -= 1;
   }
@@ -23,7 +23,7 @@ function cloneStr(str, times) {
 }
 
 function createTemplateFile(root, internalPath, fileName) {
-  //不是文件夹,则添加type属性为文件后缀名
+  // 不是文件夹,则添加type属性为文件后缀名
   const fileTypeSrc = path.extname(fileName);
   const fileType = fileTypeSrc.substring(1);
   const baseName = path.basename(fileName, fileTypeSrc);
@@ -35,7 +35,7 @@ function createTemplateFile(root, internalPath, fileName) {
     encoding: 'utf8',
   });
   const pathList = (internalPath.split(path.sep) || []).filter(p => !!p);
-  const modulePathStr = JSON.stringify(pathList).replace(/\"/g, '\'');
+  const modulePathStr = JSON.stringify(pathList).replace(/"/g, '\'');
 
   const templateContent = `
 import ResultFile from '${depPrefix}model/ResultFile';
@@ -62,24 +62,24 @@ ${content}
 function fileDisplay(root, internalPath) {
   const dirPath = path.join(root, internalPath);
   const filesList = fs.readdirSync(dirPath);
-  for(let i = 0; i < filesList.length; i++){
+  for (let i = 0; i < filesList.length; i++) {
-    //描述此文件/文件夹的对象
+    // 描述此文件/文件夹的对象
     const fileName = filesList[i];
-    //拼接当前文件的路径(上一层路径+当前file的名字)
+    // 拼接当前文件的路径(上一层路径+当前file的名字)
     const filePath = path.join(dirPath, fileName);
-    //根据文件路径获取文件信息，返回一个fs.Stats对象
+    // 根据文件路径获取文件信息，返回一个fs.Stats对象
     const stats = fs.statSync(filePath);
-    if(stats.isDirectory()){
+    if (stats.isDirectory()) {
-      //递归调用
+      // 递归调用
       fileDisplay(root, path.join(internalPath, fileName));
-    }else{
+    } else {
       createTemplateFile(root, internalPath, fileName);
     }
   }
 }
 
-//调用函数遍历根目录，同时传递 文件夹路径和对应的数组
+// 调用函数遍历根目录，同时传递 文件夹路径和对应的数组
-//请使用同步读取
+// 请使用同步读取
-fileDisplay(root, '');
+fileDisplay(rootParams, '');
-//读取完毕则写入到txt文件中
+// 读取完毕则写入到txt文件中
 // fs.writeFileSync('./data.txt', JSON.stringify(arr));

packages/datasource-engine/.eslintrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  extends: '../../.eslintrc.js',
+  rules: {
+    '@typescript-eslint/no-parameter-properties': 1,
+  }
+}

packages/datasource-engine/src/core/DataSourceEngine.ts

@@ -15,6 +15,7 @@ export class DataSourceEngine implements IDataSourceEngine {
     private _runtimeContext: IRuntimeContext,
     private _options?: DataSourceEngineOptions,
   ) {
+    // eslint-disable-next-line no-unused-expressions
     _dataSourceConfig.list?.forEach((ds) => {
       // 确保数据源都有处理器
       const requestHandler = ds.requestHandler || _options?.requestHandlersMap?.[ds.type];
@@ -77,7 +78,9 @@ export class DataSourceEngine implements IDataSourceEngine {
             }
           }
         }
-      } catch (e) {}
+      } catch (e) {
+        // ignore error
+      }
 
       await Promise.all(asyncLoadings);
     } finally {
@@ -116,6 +119,6 @@ function getValue<T extends boolean>(valueOrValueGetter: T | (() => T)): T | und
   }
 }
 
-function sleep(ms: number = 0) {
+function sleep(ms = 0) {
   return new Promise((resolve) => setTimeout(resolve, ms));
 }

packages/datasource-engine/src/core/RuntimeDataSource.ts

@@ -7,8 +7,11 @@ export class RuntimeDataSource<
   TResultData = unknown
 > implements IRuntimeDataSource<TParams, TResultData> {
   private _status: RuntimeDataSourceStatus = RuntimeDataSourceStatus.Initial;
+
   private _data?: TResultData;
+
   private _error?: Error;
+
   private _latestOptions: DataSourceOptions<TParams>;
 
   constructor(
@@ -17,11 +20,11 @@ export class RuntimeDataSource<
     private _initialOptions: DataSourceOptions<TParams>,
     private _requestHandler: RequestHandler<DataSourceOptions<TParams>, DataSourceResponse<TRequestResult>>,
     private _dataHandler:
-      | ((
+    | ((
-          data: DataSourceResponse<TRequestResult> | undefined,
+      data: DataSourceResponse<TRequestResult> | undefined,
-          error: unknown | undefined,
+      error: unknown | undefined,
-        ) => TResultData | Promise<TResultData>)
+    ) => TResultData | Promise<TResultData>)
-      | undefined,
+    | undefined,
     private _onLoaded: (data: TResultData) => void,
   ) {
     this._latestOptions = _initialOptions;

packages/datasource-engine/src/types/IRuntimeContext.ts

@@ -2,7 +2,7 @@ import { IRuntimeDataSource } from './IRuntimeDataSource';
 
 /** 运行时上下文 */
 export interface IRuntimeContext<
-  TState extends object = Record<string, unknown>
+  TState = Record<string, unknown>
 > {
   /** 当前容器的状态 */
   readonly state: TState;

packages/datasource-engine/src/types/index.ts

@@ -1 +1,10 @@
-export * from './DataSourceConfig';
export * from './DataSourceConfigItem';
export * from './DataSourceEngineOptions';
export * from './DataSourceOptions';
export * from './IDataSourceEngine';
export * from './IDataSourceEngineFactory';
export * from './IRuntimeContext';
export * from './IRuntimeDataSource';
export * from './RequestHandler';
export * from './RuntimeDataSourceStatus';
+export * from './DataSourceConfig';
+export * from './DataSourceConfigItem';
+export * from './DataSourceEngineOptions';
+export * from './DataSourceOptions';
+export * from './IDataSourceEngine';
+export * from './IDataSourceEngineFactory';
+export * from './IRuntimeContext';
+export * from './IRuntimeDataSource';
+export * from './RequestHandler';
+export * from './RuntimeDataSourceStatus';

packages/demo-server/.eslintrc.js

@@ -1,24 +0,0 @@
-module.exports = {
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    project: 'tsconfig.json',
-    sourceType: 'module',
-  },
-  plugins: ['@typescript-eslint/eslint-plugin'],
-  extends: [
-    'plugin:@typescript-eslint/eslint-recommended',
-    'plugin:@typescript-eslint/recommended',
-    'prettier',
-    'prettier/@typescript-eslint',
-  ],
-  root: true,
-  env: {
-    node: true,
-    jest: true,
-  },
-  rules: {
-    '@typescript-eslint/interface-name-prefix': 'off',
-    '@typescript-eslint/explicit-function-return-type': 'off',
-    '@typescript-eslint/no-explicit-any': 'off',
-  },
-};

packages/demo-server/.prettierrc

@@ -1,4 +0,0 @@
-{
-  "singleQuote": true,
-  "trailingComma": "all"
-}

packages/demo-server/package.json

@@ -5,8 +5,6 @@
   "description": "低代码引擎 DEMO Server 端",
   "scripts": {
     "prebuild": "rimraf dist",
-    "format": "prettier --write \"src/**/*.ts\" \"test/**/*.ts\"",
-    "lint": "eslint \"{src,apps,libs,test}/**/*.ts\" --fix",
     "start": "nest start",
     "start:debug": "nest start --debug --watch",
     "start:dev": "nest start --watch",
@@ -49,13 +47,7 @@
     "@types/jest": "25.2.3",
     "@types/node": "^13.9.1",
     "@types/supertest": "^2.0.8",
-    "@typescript-eslint/eslint-plugin": "3.0.2",
-    "@typescript-eslint/parser": "3.0.2",
-    "eslint": "7.1.0",
-    "eslint-config-prettier": "^6.10.0",
-    "eslint-plugin-import": "^2.20.1",
     "jest": "26.0.1",
-    "prettier": "^1.19.1",
     "supertest": "^4.0.2",
     "ts-jest": "26.1.0",
     "ts-loader": "^6.2.1",

packages/demo-server/src/api/api.controller.ts

@@ -5,7 +5,11 @@ import { GenerateProjectDto } from '../dto/generate-project.dto';
 
 @Controller('api')
 export class ApiController {
-  constructor(private readonly apiService: ApiService) {}
+  private readonly apiService: ApiService;
+
+  constructor(apiService: ApiService) {
+    this.apiService = apiService;
+  }
 
   @Get('generate/test')
   generateTest() {

packages/demo-server/src/app.controller.ts

@@ -3,7 +3,11 @@ import { AppService } from './app.service';
 
 @Controller()
 export class AppController {
-  constructor(private readonly appService: AppService) {}
+  private readonly appService: AppService;
+
+  constructor(appService: AppService) {
+    this.appService = appService;
+  }
 
   @Get()
   getHello(): string {

packages/demo-server/src/publisher/index.ts

@@ -1,5 +1,5 @@
 import { IResultDir } from '@ali/lowcode-code-generator';
-import { isNodeProcess, writeZipToDisk, generateProjectZip } from './utils'
+import { isNodeProcess, writeZipToDisk, generateProjectZip } from './utils';
 
 export type PublisherFactory<T, U> = (configuration?: Partial<T>) => U;
 
@@ -17,7 +17,7 @@ export interface IPublisherResponse<T> {
   payload?: T;
 }
 
-declare type ZipPublisherResponse = string | Buffer | Blob
+declare type ZipPublisherResponse = string | Buffer | Blob;
 
 export interface ZipFactoryParams extends IPublisherFactoryParams {
   outputPath?: string
@@ -30,41 +30,41 @@ export interface ZipPublisher extends IPublisher<ZipFactoryParams, ZipPublisherR
 }
 
 export const createZipPublisher: PublisherFactory<ZipFactoryParams, ZipPublisher> = (
-  params: ZipFactoryParams = {}
+  params: ZipFactoryParams = {},
 ): ZipPublisher => {
-  let { project, outputPath } = params
+  let { project, outputPath } = params;
 
-  const getProject = () => project
+  const getProject = () => project;
   const setProject = (projectToSet: IResultDir) => {
-    project = projectToSet
+    project = projectToSet;
-  }
+  };
 
-  const getOutputPath = () => outputPath
+  const getOutputPath = () => outputPath;
   const setOutputPath = (path: string) => {
-    outputPath = path
+    outputPath = path;
-  }
+  };
 
   const publish = async (options: ZipFactoryParams = {}) => {
-    const projectToPublish = options.project || project
+    const projectToPublish = options.project || project;
     if (!projectToPublish) {
       throw new Error('MissingProject');
     }
 
-    const zipName = options.projectSlug || params.projectSlug || projectToPublish.name
+    const zipName = options.projectSlug || params.projectSlug || projectToPublish.name;
 
     try {
-      const zipContent = await generateProjectZip(projectToPublish)
+      const zipContent = await generateProjectZip(projectToPublish);
 
       // If not output path is provided, zip is not written to disk
-      const projectOutputPath = options.outputPath || outputPath
+      const projectOutputPath = options.outputPath || outputPath;
       if (projectOutputPath && isNodeProcess()) {
-        await writeZipToDisk(projectOutputPath, zipContent, zipName)
+        await writeZipToDisk(projectOutputPath, zipContent, zipName);
       }
-      return { success: true, payload: zipContent }
+      return { success: true, payload: zipContent };
     } catch (error) {
       throw new Error('ZipUnexpected');
     }
-  }
+  };
 
   return {
     publish,
@@ -72,5 +72,5 @@ export const createZipPublisher: PublisherFactory<ZipFactoryParams, ZipPublisher
     setProject,
     getOutputPath,
     setOutputPath,
-  }
+  };
-}
+};

packages/demo-server/src/publisher/utils.ts

@@ -6,52 +6,52 @@ export const isNodeProcess = (): boolean => {
     typeof process === 'object' &&
     typeof process.versions === 'object' &&
     typeof process.versions.node !== 'undefined'
-  )
+  );
-}
+};
 
 export const writeZipToDisk = (
   zipFolderPath: string,
   content: Buffer | Blob,
-  zipName: string
+  zipName: string,
 ): void => {
-  const fs = require('fs')
+  const fs = require('fs');
-  const path = require('path')
+  const path = require('path');
 
   if (!fs.existsSync(zipFolderPath)) {
-    fs.mkdirSync(zipFolderPath, { recursive: true })
+    fs.mkdirSync(zipFolderPath, { recursive: true });
   }
 
-  const zipPath = path.join(zipFolderPath, `${zipName}.zip`)
+  const zipPath = path.join(zipFolderPath, `${zipName}.zip`);
 
-  const writeStream = fs.createWriteStream(zipPath)
+  const writeStream = fs.createWriteStream(zipPath);
-  writeStream.write(content)
+  writeStream.write(content);
-  writeStream.end()
+  writeStream.end();
-}
+};
 
 export const generateProjectZip = async (project: IResultDir): Promise<Buffer | Blob> => {
-  let zip = new JSZip()
+  let zip = new JSZip();
-  zip = writeFolderToZip(project, zip, true)
+  zip = writeFolderToZip(project, zip, true);
-  const zipType = isNodeProcess() ? 'nodebuffer' : 'blob'
+  const zipType = isNodeProcess() ? 'nodebuffer' : 'blob';
-  return zip.generateAsync({ type: zipType })
+  return zip.generateAsync({ type: zipType });
-}
+};
 
 const writeFolderToZip = (
   folder: IResultDir,
   parentFolder: JSZip,
-  ignoreFolder: boolean = false
+  ignoreFolder = false,
 ) => {
-  const zipFolder = ignoreFolder ? parentFolder : parentFolder.folder(folder.name)
+  const zipFolder = ignoreFolder ? parentFolder : parentFolder.folder(folder.name);
 
   folder.files.forEach((file: IResultFile) => {
     // const options = file.contentEncoding === 'base64' ? { base64: true } : {}
     const options = {};
-    const fileName = file.ext ? `${file.name}.${file.ext}` : file.name
+    const fileName = file.ext ? `${file.name}.${file.ext}` : file.name;
-    zipFolder.file(fileName, file.content, options)
+    zipFolder.file(fileName, file.content, options);
-  })
+  });
 
   folder.dirs.forEach((subFolder: IResultDir) => {
-    writeFolderToZip(subFolder, zipFolder)
+    writeFolderToZip(subFolder, zipFolder);
-  })
+  });
 
-  return parentFolder
+  return parentFolder;
-}
+};

packages/demo/src/app/plugins/provider.ts

@@ -34,7 +34,7 @@ export default class Preview extends ReactProvider {
       containerId,
       components: { ...builtInComps, ...buildComponents({ '@alifd/next': 'Next' }, componentsMap) },
       componentsMap,
-      utils: utils,
+      utils,
       constants,
     };
   }
@@ -44,7 +44,7 @@ export default class Preview extends ReactProvider {
     const appSchemaStr = localStorage.getItem('lce-dev-store');
     const appSchema = JSON.parse(appSchemaStr || '');
     const idx = appSchema.componentsTree.findIndex(
-      (page: any, idx: number) => (page.fileName || `page${idx}`) === pageId,
+      (page: any, index: number) => (page.fileName || `page${index}`) === pageId,
     );
     const schema = appSchema.componentsTree[idx];
     return schema;

packages/demo/src/editor/components.ts

@@ -2,7 +2,7 @@ import logo from '@ali/lowcode-plugin-sample-logo';
 import samplePreview from '@ali/lowcode-plugin-sample-preview';
 import undoRedo from '@ali/lowcode-plugin-undo-redo';
 import componentsPane from '@ali/lowcode-plugin-components-pane';
-import outline, { OutlinePane } from '@ali/lowcode-plugin-outline-pane';
+import outline from '@ali/lowcode-plugin-outline-pane';
 import zhEn from '@ali/lowcode-plugin-zh-en';
 import eventBindDialog from '@ali/lowcode-plugin-event-bind-dialog';
 import variableBindDialog from '@ali/lowcode-plugin-variable-bind-dialog';

packages/demo/src/editor/config.ts

@@ -123,9 +123,6 @@ export default {
       const simulatorUrl = [
         'https://dev.g.alicdn.com/ali-lowcode/ali-lowcode-engine/0.9.50/react-simulator-renderer.css',
         'https://dev.g.alicdn.com/ali-lowcode/ali-lowcode-engine/0.9.50/react-simulator-renderer.js',
-        //  for debug simulator
-        // 'http://localhost:3333/js/react-simulator-renderer.js', 
-   
       ];
       editor.set('simulatorUrl', simulatorUrl);
       // editor.set('renderEnv', 'rax');

packages/demo/src/editor/index.tsx

@@ -1,5 +1,5 @@
 import { render } from 'react-dom';
-import GeneralWorkbench, { editor } from '@ali/lowcode-editor-preset-general';
+import GeneralWorkbench from '@ali/lowcode-editor-preset-general';
 import config from './config';
 import components from './components';
 import './global.scss';

packages/demo/src/editor/plugins/codeout.tsx

@@ -28,7 +28,7 @@ const Codeout = ({ editor }: PluginProps) => {
     const designer = editor.get(Designer);
     if (designer) {
       const assets = editor.get('assets') as { components: BasicSection[] };
-      const components = assets.components;
+      const { components } = assets;
 
       const componentsMap = components
         .filter((c) => !!c.npm)

packages/demo/src/editor/plugins/saveload.tsx

@@ -22,10 +22,7 @@ interface BasicSection {
 
 const Codeout = ({ editor }: PluginProps) => {
   const handleSaveClick = () => {
-
+    const schema = editor.get('designer').project.getSchema();
-    debugger;
-
-    let schema = editor.get('designer').project.getSchema();
     console.log(schema);
 
 

packages/demo/src/vision/module.d.ts

@@ -9,5 +9,5 @@ declare module '@ali/ve-page-history';
 declare module '@ali/ve-i18n-manage-pane';
 declare module '@ali/ve-action-pane';
 declare module '@ali/vu-legao-design-fetch-context';
-declare module "@ali/vu-function-parser";
+declare module '@ali/vu-function-parser';
-declare module "compare-versions";
+declare module 'compare-versions';

packages/designer/.eslintrc.js

@@ -0,0 +1,16 @@
+module.exports = {
+  extends: '../../.eslintrc.js',
+  rules: {
+    'react/no-multi-comp': 0,
+    'no-unused-expressions': 1,
+    'implicit-arrow-linebreak': 1,
+    'no-nested-ternary': 1,
+    'no-mixed-operators': 1,
+    '@typescript-eslint/no-parameter-properties': 1,
+    '@typescript-eslint/ban-types': 1,
+    'no-shadow': 1,
+    'no-prototype-builtins': 1,
+    'no-useless-constructor': 1,
+    'no-empty-function': 1,
+  }
+}

packages/designer/src/builtin-simulator/bem-tools/border-detecting.tsx

@@ -56,10 +56,10 @@ export class BorderDetecting extends Component<{ host: BuiltinSimulatorHost }> {
   }
 
   @computed get current() {
-    const host = this.props.host;
+    const { host } = this.props;
     const doc = host.document;
-    const selection = doc.selection;
+    const { selection } = doc;
-    const current = host.designer.detecting.current;
+    const { current } = host.designer.detecting;
     if (!current || current.document !== doc || selection.has(current.id)) {
       return null;
     }
@@ -67,8 +67,8 @@ export class BorderDetecting extends Component<{ host: BuiltinSimulatorHost }> {
   }
 
   render() {
-    const host = this.props.host;
+    const { host } = this.props;
-    const current = this.current;
+    const { current } = this;
     if (!current || host.viewport.scrolling || host.liveEditing.editing) {
       return null;
     }

packages/designer/src/builtin-simulator/bem-tools/border-resizing.tsx

@@ -23,7 +23,7 @@ export default class BoxResizing extends Component<{ host: BuiltinSimulatorHost
     if (doc.suspensed) {
       return null;
     }
-    const selection = doc.selection;
+    const { selection } = doc;
     return this.dragging ? selection.getTopNodes() : selection.getNodes();
   }
 
@@ -37,7 +37,7 @@ export default class BoxResizing extends Component<{ host: BuiltinSimulatorHost
   }
 
   render() {
-    const selecting = this.selecting;
+    const { selecting } = this;
     if (!selecting || selecting.length < 1) {
       // DIRTY FIX, recore has a bug!
       return <Fragment />;
@@ -79,7 +79,7 @@ export class BoxResizingForNode extends Component<{ host: BuiltinSimulatorHost;
   render() {
     const { instances } = this;
     const { node } = this.props;
-    const designer = this.host.designer;
+    const { designer } = this.host;
 
     if (!instances || instances.length < 1) {
       return null;
@@ -112,8 +112,11 @@ export class BoxResizingInstance extends Component<{
 }> {
   // private outline: any;
   private willUnbind: () => any;
+
   private outlineRight: any;
+
   private outlineLeft: any;
+
   private dragEngine: DragResizeEngine;
 
   constructor(props: any) {

packages/designer/src/builtin-simulator/bem-tools/border-selecting.tsx

@@ -59,6 +59,7 @@ class Toolbar extends Component<{ observed: OffsetObserver }> {
   shouldComponentUpdate() {
     return false;
   }
+
   render() {
     const { observed } = this.props;
     const { height, width } = observed.viewport;
@@ -169,7 +170,7 @@ export class BorderSelectingForNode extends Component<{ host: BuiltinSimulatorHo
   render() {
     const { instances } = this;
     const { node } = this.props;
-    const designer = this.host.designer;
+    const { designer } = this.host;
 
     if (!instances || instances.length < 1) {
       return null;
@@ -206,7 +207,7 @@ export class BorderSelecting extends Component<{ host: BuiltinSimulatorHost }> {
     if (doc.suspensed || this.host.liveEditing.editing) {
       return null;
     }
-    const selection = doc.selection;
+    const { selection } = doc;
     return this.dragging ? selection.getTopNodes() : selection.getNodes();
   }
 
@@ -215,7 +216,7 @@ export class BorderSelecting extends Component<{ host: BuiltinSimulatorHost }> {
   }
 
   render() {
-    const selecting = this.selecting;
+    const { selecting } = this;
     if (!selecting || selecting.length < 1) {
       return null;
     }

packages/designer/src/builtin-simulator/bem-tools/drag-resize-engine.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from 'events';
-import { ISimulatorHost, isSimulatorHost } from '../../simulator';
+import { ISimulatorHost } from '../../simulator';
 import { Designer, Point } from '../../designer';
-import { setNativeSelection, cursor } from '@ali/lowcode-utils';
+import { cursor } from '@ali/lowcode-utils';
 // import Cursor from './cursor';
 // import Pages from './pages';
 
@@ -19,7 +19,7 @@ function makeEventsHandler(
   // }
   docs.add(sourceDoc);
   // if (sourceDoc !== topDoc || isDragEvent(boostEvent)) {
-  sensors.forEach((sim) => {
+  sensors.forEach(sim => {
     const sdoc = sim.contentDocument;
     if (sdoc) {
       docs.add(sdoc);
@@ -28,32 +28,21 @@ function makeEventsHandler(
   // }
 
   return (handle: (sdoc: Document) => void) => {
-    docs.forEach((doc) => handle(doc));
+    docs.forEach(doc => handle(doc));
   };
 }
 
 // 拖动缩放
 export default class DragResizeEngine {
   private emitter: EventEmitter;
+
   private dragResizing = false;
 
-  constructor(readonly designer: Designer) {
+  constructor(designer: Designer) {
     this.designer = designer;
     this.emitter = new EventEmitter();
   }
 
-  private getMasterSensors(): ISimulatorHost[] {
-    return this.designer.project.documents
-      .map((doc) => {
-        // TODO: not use actived,
-        if (doc.actived && doc.simulator?.sensorAvailable) {
-          return doc.simulator;
-        }
-        return null;
-      })
-      .filter(Boolean) as any;
-  }
-
   isDragResizing() {
     return this.dragResizing;
   }
@@ -83,14 +72,12 @@ export default class DragResizeEngine {
     const masterSensors = this.getMasterSensors();
 
     const createResizeEvent = (e: MouseEvent | DragEvent): Point => {
-      const evt: any = {};
-
       const sourceDocument = e.view?.document;
 
       if (!sourceDocument || sourceDocument === document) {
         return e;
       }
-      const srcSim = masterSensors.find((sim) => sim.contentDocument === sourceDocument);
+      const srcSim = masterSensors.find(sim => sim.contentDocument === sourceDocument);
       if (srcSim) {
         return srcSim.viewport.toGlobalPoint(e);
       }
@@ -99,7 +86,7 @@ export default class DragResizeEngine {
 
     const over = (e: MouseEvent) => {
       const handleEvents = makeEventsHandler(e, masterSensors);
-      handleEvents((doc) => {
+      handleEvents(doc => {
         doc.removeEventListener('mousemove', move, true);
         doc.removeEventListener('mouseup', over, true);
       });
@@ -114,7 +101,7 @@ export default class DragResizeEngine {
       node = boost(e);
       startEvent = createResizeEvent(e);
       const handleEvents = makeEventsHandler(e, masterSensors);
-      handleEvents((doc) => {
+      handleEvents(doc => {
         doc.addEventListener('mousemove', move, true);
         doc.addEventListener('mouseup', over, true);
       });
@@ -136,7 +123,9 @@ export default class DragResizeEngine {
     };
   }
 
-  onResize(func: (e: MouseEvent, direction: string, node: any, moveX: number, moveY: number) => any) {
+  onResize(
+    func: (e: MouseEvent, direction: string, node: any, moveX: number, moveY: number) => any,
+  ) {
     this.emitter.on('resize', func);
     return () => {
       this.emitter.removeListener('resize', func);
@@ -149,6 +138,18 @@ export default class DragResizeEngine {
       this.emitter.removeListener('resizeEnd', func);
     };
   }
+
+  private getMasterSensors(): ISimulatorHost[] {
+    return this.designer.project.documents
+      .map(doc => {
+        // TODO: not use actived,
+        if (doc.actived && doc.simulator?.sensorAvailable) {
+          return doc.simulator;
+        }
+        return null;
+      })
+      .filter(Boolean) as any;
+  }
 }
 
 // new DragResizeEngine();

packages/designer/src/builtin-simulator/bem-tools/index.tsx

@@ -15,7 +15,7 @@ export class BemTools extends Component<{ host: BuiltinSimulatorHost }> {
   }
 
   render() {
-    const host = this.props.host;
+    const { host } = this.props;
     const { scrollX, scrollY, scale } = host.viewport;
     return (
       <div className="lc-bem-tools" style={{ transform: `translate(${-scrollX * scale}px,${-scrollY * scale}px)` }}>

packages/designer/src/builtin-simulator/bem-tools/insertion.tsx

@@ -1,15 +1,14 @@
 import { Component } from 'react';
-import { computed, observer } from '@ali/lowcode-editor-core';
+import { observer } from '@ali/lowcode-editor-core';
-import { SimulatorContext } from '../context';
 import { BuiltinSimulatorHost } from '../host';
 import {
   DropLocation,
   Rect,
   isLocationChildrenDetail,
   LocationChildrenDetail,
-  isVertical
+  isVertical,
 } from '../../designer';
-import { ISimulatorHost, } from '../../simulator';
+import { ISimulatorHost } from '../../simulator';
 import { ParentalNode } from '../../document';
 import './insertion.less';
 

packages/designer/src/builtin-simulator/create-simulator.ts

@@ -8,8 +8,8 @@ import {
   isAssetItem,
   AssetType,
   assetItem,
-} from '@ali/lowcode-utils';
+  isCSSUrl } from '@ali/lowcode-utils';
-import { isCSSUrl } from '@ali/lowcode-utils';
+
 import { BuiltinSimulatorRenderer } from './renderer';
 
 export function createSimulator(
@@ -65,7 +65,7 @@ export function createSimulator(
 
   const styleFrags = Object.keys(styles)
     .map((key) => {
-      return styles[key].join('\n') + `<meta level="${key}" />`;
+      return `${styles[key].join('\n') }<meta level="${key}" />`;
     })
     .join('');
   const scriptFrags = Object.keys(scripts)

packages/designer/src/builtin-simulator/host-view.tsx

@@ -2,7 +2,6 @@ import { Component } from 'react';
 import { observer } from '@ali/lowcode-editor-core';
 import { BuiltinSimulatorHost, BuiltinSimulatorProps } from './host';
 import { DocumentModel } from '../document';
-import { SimulatorContext } from './context';
 import { BemTools } from './bem-tools';
 import './host.less';
 
@@ -22,25 +21,29 @@ type SimulatorHostProps = BuiltinSimulatorProps & {
 
 export class BuiltinSimulatorHostView extends Component<SimulatorHostProps> {
   readonly host: BuiltinSimulatorHost;
+
   constructor(props: any) {
     super(props);
     const { documentContext } = this.props;
     this.host = (documentContext.simulator as BuiltinSimulatorHost) || new BuiltinSimulatorHost(documentContext);
     this.host.setProps(this.props);
   }
+
   shouldComponentUpdate(nextProps: BuiltinSimulatorProps) {
     this.host.setProps(nextProps);
     return false;
   }
+
   componentDidMount() {
     if (this.props.onMount) {
       this.props.onMount(this.host);
     }
   }
+
   render() {
     return (
       <div className="lc-simulator">
-        {/*progressing.visible ? <PreLoaderView /> : null*/}
+        {/* progressing.visible ? <PreLoaderView /> : null */}
         <Canvas host={this.host} />
       </div>
     );
@@ -73,7 +76,7 @@ class Canvas extends Component<{ host: BuiltinSimulatorHost }> {
 class Content extends Component<{ host: BuiltinSimulatorHost }> {
   render() {
     const sim = this.props.host;
-    const viewport = sim.viewport;
+    const { viewport } = sim;
     const frameStyle = {
       transform: `scale(${viewport.scale})`,
       height: viewport.contentHeight,

packages/designer/src/builtin-simulator/host.ts

@@ -60,6 +60,7 @@ export interface BuiltinSimulatorProps {
 const defaultSimulatorUrl = (() => {
   const publicPath = getPublicPath();
   let urls;
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [_, prefix = '', dev] = /^(.+?)(\/js)?\/?$/.exec(publicPath) || [];
   if (dev) {
     urls = [`${prefix}/css/react-simulator-renderer.css`, `${prefix}/js/react-simulator-renderer.js`];
@@ -74,6 +75,7 @@ const defaultSimulatorUrl = (() => {
 const defaultRaxSimulatorUrl = (() => {
   const publicPath = getPublicPath();
   let urls;
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [_, prefix = '', dev] = /^(.+?)(\/js)?\/?$/.exec(publicPath) || [];
   if (dev) {
     urls = [`${prefix}/css/rax-simulator-renderer.css`, `${prefix}/js/rax-simulator-renderer.js`];
@@ -144,18 +146,21 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
   }
 
   @obx.ref _props: BuiltinSimulatorProps = {};
+
   /**
    * @see ISimulator
    */
   setProps(props: BuiltinSimulatorProps) {
     this._props = props;
   }
+
   set(key: string, value: any) {
     this._props = {
       ...this._props,
       [key]: value,
     };
   }
+
   get(key: string): any {
     return this._props[key];
   }
@@ -173,6 +178,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
   }
 
   readonly viewport = new Viewport();
+
   readonly scroller = this.designer.createScroller(this.viewport);
 
   mountViewport(viewport: Element | null) {
@@ -180,16 +186,19 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
   }
 
   @obx.ref private _contentWindow?: Window;
+
   get contentWindow() {
     return this._contentWindow;
   }
 
   @obx.ref private _contentDocument?: Document;
+
   get contentDocument() {
     return this._contentDocument;
   }
 
   private _renderer?: BuiltinSimulatorRenderer;
+
   get renderer() {
     return this._renderer;
   }
@@ -203,6 +212,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
   readonly libraryMap: { [key: string]: string } = {};
 
   private _iframe?: HTMLIFrameElement;
+
   async mountContentFrame(iframe: HTMLIFrameElement | null) {
     if (!iframe || this._iframe === iframe) {
       return;
@@ -279,8 +289,8 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
 
   setupDragAndClick() {
     const documentModel = this.document;
-    const selection = documentModel.selection;
+    const { selection } = documentModel;
-    const designer = documentModel.designer;
+    const { designer } = documentModel;
     const doc = this.contentDocument!;
 
     // TODO: think of lock when edit a node
@@ -312,7 +322,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
         const checkSelect = (e: MouseEvent) => {
           doc.removeEventListener('mouseup', checkSelect, true);
           if (!isShaken(downEvent, e)) {
-            const id = node.id;
+            const { id } = node;
             designer.activeTracker.track({ node, instance: nodeInst?.instance });
             if (isMulti && !isRootNode(node) && selection.has(id)) {
               selection.remove(id);
@@ -411,12 +421,13 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
   }
 
   private disableHovering?: () => void;
+
   /**
    * 设置悬停处理
    */
   setupDetecting() {
     const doc = this.contentDocument!;
-    const detecting = this.document.designer.detecting;
+    const { detecting } = this.document.designer;
     const hover = (e: MouseEvent) => {
       if (!detecting.enable) {
         return;
@@ -448,6 +459,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
   }
 
   readonly liveEditing = new LiveEditing();
+
   setupLiveEditing() {
     const doc = this.contentDocument!;
     // cause edit
@@ -493,11 +505,9 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
         this.disableHovering();
       }
       // sleep some autorun reaction
-    } else {
+    } else if (!this.disableHovering) {
       // weekup some autorun reaction
-      if (!this.disableHovering) {
+      this.setupDetecting();
-        this.setupDetecting();
-      }
     }
   }
 
@@ -567,6 +577,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
   }
 
   @obx.val private instancesMap = new Map<string, ComponentInstance[]>();
+
   setInstance(id: string, instances: ComponentInstance[] | null) {
     if (instances == null) {
       this.instancesMap.delete(id);
@@ -585,14 +596,14 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
   /**
    * @see ISimulator
    */
-  getComponentInstanceId(instance: ComponentInstance) {
+  getComponentInstanceId(/* instance: ComponentInstance */) {
     throw new Error('Method not implemented.');
   }
 
   /**
    * @see ISimulator
    */
-  getComponentContext(node: Node): object {
+  getComponentContext(/* node: Node */): any {
     throw new Error('Method not implemented.');
   }
 
@@ -627,7 +638,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
     const elems = elements.slice();
     let rects: DOMRect[] | undefined;
     let last: { x: number; y: number; r: number; b: number } | undefined;
-    let computed = false;
+    let _computed = false;
     while (true) {
       if (!rects || rects.length < 1) {
         const elem = elems.pop();
@@ -654,26 +665,26 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
       }
       if (rect.left < last.x) {
         last.x = rect.left;
-        computed = true;
+        _computed = true;
       }
       if (rect.top < last.y) {
         last.y = rect.top;
-        computed = true;
+        _computed = true;
       }
       if (rect.right > last.r) {
         last.r = rect.right;
-        computed = true;
+        _computed = true;
       }
       if (rect.bottom > last.b) {
         last.b = rect.bottom;
-        computed = true;
+        _computed = true;
       }
     }
 
     if (last) {
       const r: any = new DOMRect(last.x, last.y, last.r - last.x, last.b - last.y);
       r.elements = elements;
-      r.computed = computed;
+      r.computed = _computed;
       return r;
     }
 
@@ -719,10 +730,11 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
   }
 
   private tryScrollAgain: number | null = null;
+
   /**
    * @see ISimulator
    */
-  scrollToNode(node: Node, detail?: any, tryTimes = 0) {
+  scrollToNode(node: Node, detail?: any/* , tryTimes = 0 */) {
     this.tryScrollAgain = null;
     if (this.sensing) {
       // actived sensor
@@ -744,7 +756,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
         if (y < bounds.top || y > bounds.bottom) {
           scroll = true;
         }
-      }*/
+      } */
     } else {
       /*
       const rect = this.document.computeRect(node);
@@ -768,7 +780,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
       if (rect.width > width ? rect.left > right || rect.right < left : rect.left < left || rect.right > right) {
         opt.left = Math.min(rect.left + rect.width / 2 + sl - left - width / 2, scrollWidth - width);
         scroll = true;
-      }*/
+      } */
     }
 
     if (scroll && this.scroller) {
@@ -783,18 +795,21 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
   setNativeSelection(enableFlag: boolean) {
     this.renderer?.setNativeSelection(enableFlag);
   }
+
   /**
    * @see ISimulator
    */
   setDraggingState(state: boolean) {
     this.renderer?.setDraggingState(state);
   }
+
   /**
    * @see ISimulator
    */
   setCopyState(state: boolean) {
     this.renderer?.setCopyState(state);
   }
+
   /**
    * @see ISimulator
    */
@@ -803,6 +818,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
   }
 
   private _sensorAvailable = true;
+
   /**
    * @see ISensor
    */
@@ -851,6 +867,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
   }
 
   private sensing = false;
+
   /**
    * @see ISensor
    */
@@ -905,7 +922,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
       return null;
     }
 
-    const children = container.children;
+    const { children } = container;
 
     const detail: LocationChildrenDetail = {
       type: LocationDetailType.Children,
@@ -916,7 +933,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
     const locationData = {
       target: container,
       detail,
-      source: 'simulator' + this.document.id,
+      source: `simulator${ this.document.id}`,
       event: e,
     };
 
@@ -934,7 +951,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
           index: 0,
           valid: true,
         },
-        source: 'simulator' + this.document.id,
+        source: `simulator${ this.document.id}`,
         event: e,
       });
     }
@@ -956,7 +973,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
       const instances = this.getComponentInstances(node);
       const inst = instances
         ? instances.length > 1
-          ? instances.find((inst) => this.getClosestNodeInstance(inst, container.id)?.instance === containerInstance)
+          ? instances.find((_inst) => this.getClosestNodeInstance(_inst, container.id)?.instance === containerInstance)
           : instances[0]
         : null;
       const rect = inst ? this.computeComponentInstanceRect(inst, node.componentMeta.rootSelector) : null;
@@ -1014,7 +1031,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
       if (!row && nearDistance !== 0) {
         const edgeDistance = distanceToEdge(e as any, edge);
         if (edgeDistance.distance < nearDistance!) {
-          const nearAfter = edgeDistance.nearAfter;
+          const { nearAfter } = edgeDistance;
           if (minTop == null) {
             minTop = edge.top;
           }
@@ -1077,7 +1094,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
     // TODO: renderengine support pointerEvents: none for acceleration
     const drillDownExcludes = new Set<Node>();
     if (isDragNodeObject(dragObject)) {
-      const nodes = dragObject.nodes;
+      const { nodes } = dragObject;
       let i = nodes.length;
       let p: any = container;
       while (i-- > 0) {
@@ -1139,7 +1156,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
           container = upward;
           upward = null;
         }
-      }*/
+      } */
         container = res;
         upward = null;
       }
@@ -1147,7 +1164,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
     return null;
   }
 
-  isAcceptable(container: ParentalNode): boolean {
+  isAcceptable(/* container: ParentalNode */): boolean {
     return false;
     /*
     const meta = container.componentMeta;
@@ -1162,7 +1179,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
   /**
    * 控制接受
    */
-  handleAccept({ container, instance }: DropContainer, e: LocateEvent) {
+  handleAccept({ container/* , instance */ }: DropContainer, e: LocateEvent) {
     const { dragObject } = e;
     if (isRootNode(container)) {
       return this.document.checkDropTarget(container, dragObject as any);
@@ -1210,7 +1227,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
   /**
    * 查找邻近容器
    */
-  getNearByContainer(container: ParentalNode, e: LocateEvent) {
+  getNearByContainer(/* container: ParentalNode, e: LocateEvent */) {
     /*
     const children = container.children;
     if (!children || children.length < 1) {

packages/designer/src/builtin-simulator/live-editing/live-editing.ts

@@ -34,13 +34,15 @@ function addLiveEditingSpecificRule(rule: SpecificRule) {
 
 export class LiveEditing {
   static addLiveEditingSpecificRule = addLiveEditingSpecificRule;
+
   static addLiveEditingSaveHandler = addLiveEditingSaveHandler;
 
   @obx.ref private _editing: Prop | null = null;
+
   apply(target: EditingTarget) {
     const { node, event, rootElement } = target;
     const targetElement = event.target as HTMLElement;
-    const liveTextEditing = node.componentMeta.liveTextEditing;
+    const { liveTextEditing } = node.componentMeta;
 
     const editor = globalContext.get(Editor);
     const npm = node?.componentMeta?.npm;
@@ -64,14 +66,14 @@ export class LiveEditing {
             return false;
           }
           setterPropElement = queryPropElement(rootElement, targetElement, config.selector);
-          return setterPropElement ? true : false;
+          return !!setterPropElement;
         });
         propTarget = matched?.propTarget;
       }
     } else {
       specificRules.some((rule) => {
         matched = rule(target);
-        return matched ? true : false;
+        return !!matched;
       });
       if (matched) {
         propTarget = matched.propTarget;
@@ -79,15 +81,15 @@ export class LiveEditing {
       }
     }
 
-    if (!propTarget) {
+    // if (!propTarget) {
-      // 自动纯文本编辑满足一下情况：
+    //   // 自动纯文本编辑满足一下情况：
-      //  1. children 内容都是 Leaf 且都是文本（一期）
+    //   //  1. children 内容都是 Leaf 且都是文本（一期）
-      //  2. DOM 节点是单层容器，子集都是文本节点 (已满足)
+    //   //  2. DOM 节点是单层容器，子集都是文本节点 (已满足)
-      const isAllText = node.children?.every(item => {
+    //   const isAllText = node.children?.every(item => {
-        return item.isLeaf() && item.getProp('children')?.type === 'literal';
+    //     return item.isLeaf() && item.getProp('children')?.type === 'literal';
-      });
+    //   });
-      // TODO:
+    //   // TODO:
-    }
+    // }
 
     if (propTarget && setterPropElement) {
       const prop = node.getProp(propTarget, true)!;
@@ -119,8 +121,10 @@ export class LiveEditing {
         console.info(e.code);
         switch (e.code) {
           case 'Enter':
+            break;
             // TODO: check is richtext?
           case 'Escape':
+            break;
           case 'Tab':
             setterPropElement?.blur();
         }
@@ -128,7 +132,7 @@ export class LiveEditing {
         // enter
         // tab
       };
-      const focusout = (e: FocusEvent) => {
+      const focusout = (/* e: FocusEvent */) => {
         this.saveAndDispose();
       };
       setterPropElement.addEventListener('focusout', focusout);
@@ -147,8 +151,6 @@ export class LiveEditing {
     // TODO: process enter | esc events & joint the FocusTracker
 
     // TODO: upward testing for b/i/a html elements
-
-    
   }
 
   get editing() {
@@ -156,7 +158,9 @@ export class LiveEditing {
   }
 
   private _dispose?: () => void;
+
   private _save?: () => void;
+
   saveAndDispose() {
     if (this._save) {
       this._save();

packages/designer/src/builtin-simulator/node-selector/index.tsx

@@ -58,17 +58,20 @@ export default class InstanceNodeSelector extends React.Component<IProps, IState
       });
     }
   };
+
   onMouseOver = (node: Node) => (_: any, flag = true) => {
     if (node && typeof node.hover === 'function') {
       node.hover(flag);
     }
   };
+
   onMouseOut = (node: Node) => (_: any, flag = false) => {
     if (node && typeof node.hover === 'function') {
       node.hover(flag);
     }
   };
-  renderNodes = (node: Node) => {
+
+  renderNodes = (/* node: Node */) => {
     const nodes = this.state.parentNodes || [];
     const children = nodes.map((node, key) => {
       return (

packages/designer/src/builtin-simulator/resource-consumer.ts

@@ -21,16 +21,19 @@ export type RendererConsumer<T> = (renderer: BuiltinSimulatorRenderer, data: T)
 
 export default class ResourceConsumer<T = any> {
   private emitter = new EventEmitter();
+
   @obx.ref private _data: T | typeof UNSET = UNSET;
 
   private _providing?: () => void;
+
+  private _consuming?: () => void;
+
   constructor(provider: () => T, private consumer?: RendererConsumer<T>) {
     this._providing = autorun(() => {
       this._data = provider();
     });
   }
 
-  private _consuming?: () => void;
   consume(consumerOrRenderer: BuiltinSimulatorRenderer | ((data: T) => any)) {
     if (this._consuming) {
       return;
@@ -72,6 +75,7 @@ export default class ResourceConsumer<T = any> {
   }
 
   private _firstConsumed = false;
+
   private resovleFirst?: () => void;
 
   waitFirstConsume(): Promise<any> {

packages/designer/src/builtin-simulator/utils/parse-metadata.ts

@@ -16,6 +16,7 @@ export const primitiveTypes = [
   'any',
 ];
 
+// eslint-disable-next-line @typescript-eslint/ban-types
 function makeRequired(propType: any, lowcodeType: string | object) {
   function lowcodeCheckTypeIsRequired(...rest: any[]) {
     return propType.isRequired(...rest);
@@ -32,6 +33,7 @@ function makeRequired(propType: any, lowcodeType: string | object) {
   return lowcodeCheckTypeIsRequired;
 }
 
+// eslint-disable-next-line @typescript-eslint/ban-types
 function define(propType: any = PropTypes.any, lowcodeType: string | object = {}) {
   if (!propType._inner && propType.name !== 'lowcodeCheckType') {
     propType.lowcodeType = lowcodeType;
@@ -136,7 +138,7 @@ export function parseProps(component: any): PropConfig[] {
   Object.keys(propTypes).forEach(key => {
     const propTypeItem = propTypes[key];
     const defaultValue = defaultProps[key];
-    const lowcodeType = propTypeItem.lowcodeType;
+    const { lowcodeType } = propTypeItem;
     if (lowcodeType) {
       result[key] = {
         name: key,

packages/designer/src/builtin-simulator/utils/path.ts

@@ -158,7 +158,7 @@ export function joinPath(...segments: string[]) {
       if (path === '') {
         path += seg;
       } else {
-        path += '/' + seg;
+        path += `/${ seg}`;
       }
     }
   }

packages/designer/src/builtin-simulator/utils/throttle.ts

@@ -1,5 +1,6 @@
 const useRAF = typeof requestAnimationFrame === 'function';
 
+// eslint-disable-next-line @typescript-eslint/ban-types
 export function throttle(func: Function, delay: number) {
   let lastArgs: any;
   let lastThis: any;

packages/designer/src/builtin-simulator/viewport.ts

@@ -4,7 +4,9 @@ import { AutoFit, IViewport } from '../simulator';
 
 export default class Viewport implements IViewport {
   @obx.ref private rect?: DOMRect;
+
   private _bounds?: DOMRect;
+
   get bounds(): DOMRect {
     if (this._bounds) {
       return this._bounds;
@@ -17,12 +19,13 @@ export default class Viewport implements IViewport {
   }
 
   get contentBounds(): DOMRect {
-    const bounds = this.bounds;
+    const { bounds } = this;
-    const scale = this.scale;
+    const { scale } = this;
     return new DOMRect(0, 0, bounds.width / scale, bounds.height / scale);
   }
 
   private viewportElement?: HTMLElement;
+
   mount(viewportElement: HTMLElement | null) {
     if (!viewportElement || this.viewportElement === viewportElement) {
       return;
@@ -67,7 +70,7 @@ export default class Viewport implements IViewport {
     }
   }
 
-  @obx.ref private _scale: number = 1;
+  @obx.ref private _scale = 1;
 
   /**
    * 缩放比例
@@ -87,6 +90,7 @@ export default class Viewport implements IViewport {
   }
 
   @obx.ref private _contentWidth: number | AutoFit = AutoFit;
+
   @obx.ref private _contentHeight: number | AutoFit = AutoFit;
 
   @computed get contentHeight(): number | AutoFit {
@@ -106,15 +110,19 @@ export default class Viewport implements IViewport {
   }
 
   @obx.ref private _scrollX = 0;
+
   @obx.ref private _scrollY = 0;
+
   get scrollX() {
     return this._scrollX;
   }
+
   get scrollY() {
     return this._scrollY;
   }
 
   private _scrollTarget?: ScrollTarget;
+
   /**
    * 滚动对象
    */
@@ -123,6 +131,7 @@ export default class Viewport implements IViewport {
   }
 
   @obx private _scrolling = false;
+
   get scrolling(): boolean {
     return this._scrolling;
   }

packages/designer/src/component-meta.ts

@@ -13,7 +13,7 @@ import {
   FieldConfig,
 } from '@ali/lowcode-types';
 import { computed } from '@ali/lowcode-editor-core';
-import { Node, ParentalNode, TransformStage } from './document';
+import { Node, ParentalNode } from './document';
 import { Designer } from './designer';
 import { intlNode } from './locale';
 import { IconContainer } from './icons/container';
@@ -63,45 +63,62 @@ function buildFilter(rule?: string | string[] | RegExp | NestingFilter) {
 
 export class ComponentMeta {
   readonly isComponentMeta = true;
+
   private _npm?: NpmInfo;
+
   get npm() {
     return this._npm;
   }
+
   private _componentName?: string;
+
   get componentName(): string {
     return this._componentName!;
   }
+
   private _isContainer?: boolean;
+
   get isContainer(): boolean {
     return this._isContainer! || this.isRootComponent();
   }
+
   private _isModal?: boolean;
+
   get isModal(): boolean {
     return this._isModal!;
   }
+
   private _descriptor?: string;
+
   get descriptor(): string | undefined {
     return this._descriptor;
   }
+
   private _rootSelector?: string;
+
   get rootSelector(): string | undefined {
     return this._rootSelector;
   }
+
   private _transformedMetadata?: TransformedComponentMetadata;
+
   get configure() {
     const config = this._transformedMetadata?.configure;
     return config?.combined || config?.props || [];
   }
 
   private _liveTextEditing?: LiveTextEditingConfig[];
+
   get liveTextEditing() {
     return this._liveTextEditing;
   }
 
   private parentWhitelist?: NestingFilter | null;
+
   private childWhitelist?: NestingFilter | null;
 
   private _title?: TitleContent;
+
   get title(): string | I18nData | ReactElement {
     // TODO: 标记下。这块需要康师傅加一下API，页面正常渲染。
     // string | i18nData | ReactElement
@@ -123,6 +140,7 @@ export class ComponentMeta {
   }
 
   private _acceptable?: boolean;
+
   get acceptable(): boolean {
     return this._acceptable!;
   }
@@ -145,7 +163,7 @@ export class ComponentMeta {
     // 额外转换逻辑
     this._transformedMetadata = this.transformMetadata(metadata);
 
-    const title = this._transformedMetadata.title;
+    const { title } = this._transformedMetadata;
     if (title) {
       this._title =
         typeof title === 'string'
@@ -182,8 +200,8 @@ export class ComponentMeta {
 
     const { component } = configure;
     if (component) {
-      this._isContainer = component.isContainer ? true : false;
+      this._isContainer = !!component.isContainer;
-      this._isModal = component.isModal ? true : false;
+      this._isModal = !!component.isModal;
       this._descriptor = component.descriptor;
       this._rootSelector = component.rootSelector;
       if (component.nestingRule) {
@@ -208,11 +226,12 @@ export class ComponentMeta {
     return result as any;
   }
 
-  isRootComponent(includeBlock: boolean = true) {
+  isRootComponent(includeBlock = true) {
     return this.componentName === 'Page' || this.componentName === 'Component' || (includeBlock && this.componentName === 'Block');
   }
 
   @computed get availableActions() {
+    // eslint-disable-next-line prefer-const
     let { disableBehaviors, actions } = this._transformedMetadata?.configure.component || {};
     const disabled = ensureAList(disableBehaviors) || (this.isRootComponent(false) ? ['copy', 'remove'] : null);
     actions = builtinComponentActions.concat(this.designer.getGlobalComponentActions() || [], actions || []);
@@ -313,6 +332,7 @@ registerMetadataTransducer((metadata) => {
   if (!component.nestingRule) {
     let m;
     // uri match xx.Group set subcontrolling: true, childWhiteList
+    // eslint-disable-next-line no-cond-assign
     if ((m = /^(.+)\.Group$/.exec(componentName))) {
       // component.subControlling = true;
       if (!component.nestingRule) {
@@ -320,16 +340,16 @@ registerMetadataTransducer((metadata) => {
           childWhitelist: [`${m[1]}`],
         };
       }
-    }
+    // eslint-disable-next-line no-cond-assign
-    // uri match xx.Node set selfControlled: false, parentWhiteList
+    } else if ((m = /^(.+)\.Node$/.exec(componentName))) {
-    else if ((m = /^(.+)\.Node$/.exec(componentName))) {
+      // uri match xx.Node set selfControlled: false, parentWhiteList
       // component.selfControlled = false;
       component.nestingRule = {
         parentWhitelist: [`${m[1]}`, componentName],
       };
-    }
+    // eslint-disable-next-line no-cond-assign
-    // uri match .Item .Node .Option set parentWhiteList
+    } else if ((m = /^(.+)\.(Item|Node|Option)$/.exec(componentName))) {
-    else if ((m = /^(.+)\.(Item|Node|Option)$/.exec(componentName))) {
+      // uri match .Item .Node .Option set parentWhiteList
       component.nestingRule = {
         parentWhitelist: [`${m[1]}`],
       };

packages/designer/src/designer/active-tracker.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from 'events';
 import { LocationDetail } from './location';
-import { Node,  isNode } from '../document/node/node';
+import { Node, isNode } from '../document/node/node';
 import { ComponentInstance } from '../simulator';
 import { obx } from '@ali/lowcode-editor-core';
 

packages/designer/src/designer/builtin-hotkey.ts

@@ -107,7 +107,7 @@ hotkey.bind(['command+c', 'ctrl+c', 'command+x', 'ctrl+x'], (e, action) => {
   let selected = doc.selection.getTopNodes(true);
   selected = selected.filter((node) => {
     return node.canPerformAction('copy');
-  })
+  });
   if (!selected || selected.length < 1) {
     return;
   }
@@ -242,11 +242,10 @@ hotkey.bind(['option+left', 'option+right'], (e, action) => {
       parent.insertAfter(firstNode, silbing);
     }
     firstNode?.select();
-    return;
   }
 });
 
-hotkey.bind(['option+up'], (e, action) => {
+hotkey.bind(['option+up'], (e) => {
   const designer = focusing.focusDesigner;
   const doc = designer?.currentDocument;
   if (isFormEvent(e) || !doc) {
@@ -275,7 +274,6 @@ hotkey.bind(['option+up'], (e, action) => {
       parent.insertBefore(firstNode, silbing);
     }
     firstNode?.select();
-    return;
   } else {
     const place = parent.getSuitablePlace(firstNode, null); // upwards
     if (place) {
@@ -285,7 +283,7 @@ hotkey.bind(['option+up'], (e, action) => {
   }
 });
 
-hotkey.bind(['option+down'], (e, action) => {
+hotkey.bind(['option+down'], (e) => {
   const designer = focusing.focusDesigner;
   const doc = designer?.currentDocument;
   if (isFormEvent(e) || !doc) {
@@ -315,7 +313,6 @@ hotkey.bind(['option+down'], (e, action) => {
       parent.insertAfter(firstNode, silbing);
     }
     firstNode?.select();
-    return;
   } else {
     const place = parent.getSuitablePlace(firstNode, null); // upwards
     if (place) {

packages/designer/src/designer/clipboard.ts

@@ -1,5 +1,5 @@
 function getDataFromPasteEvent(event: ClipboardEvent) {
-  const clipboardData = event.clipboardData;
+  const { clipboardData } = event;
   if (!clipboardData) {
     return null;
   }
@@ -14,7 +14,7 @@ function getDataFromPasteEvent(event: ClipboardEvent) {
       return data;
     } else if (data.componentName) {
       return {
-        componentsTree: [ data ]
+        componentsTree: [data],
       };
     }
   } catch (error) {
@@ -34,12 +34,13 @@ function getDataFromPasteEvent(event: ClipboardEvent) {
     return {
       code: clipboardData.getData('text/plain'),
       maps: {},
-    };*/
+    }; */
   }
 }
 
 class Clipboard {
   private copyPasters: HTMLTextAreaElement[] = [];
+
   private waitFn?: (data: any, e: ClipboardEvent) => void;
 
   isCopyPasteEvent(e: Event) {

packages/designer/src/designer/designer-view.tsx

@@ -24,7 +24,7 @@ export class DesignerView extends Component<DesignerProps & {
 
   shouldComponentUpdate(nextProps: DesignerProps) {
     this.designer.setProps(nextProps);
-    const props = this.props;
+    const { props } = this;
     if (
       nextProps.className !== props.className ||
       nextProps.style !== props.style ||
@@ -40,11 +40,11 @@ export class DesignerView extends Component<DesignerProps & {
     if (onMount) {
       onMount(this.designer);
     }
-    clipboard.injectCopyPaster(document)
+    clipboard.injectCopyPaster(document);
     this.designer.postEvent('mount', this.designer);
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.designer.purge();
   }
 

packages/designer/src/designer/designer.ts

@@ -44,9 +44,13 @@ export interface DesignerProps {
 
 export class Designer {
   readonly dragon = new Dragon(this);
+
   readonly activeTracker = new ActiveTracker();
+
   readonly detecting = new Detecting();
+
   readonly project: Project;
+
   readonly editor: IEditor;
 
   get currentDocument() {
@@ -132,6 +136,7 @@ export class Designer {
               [npm?.package, npm?.componentName].filter((item) => !!item).join('-') ||
               parent?.componentMeta?.componentName ||
               '';
+            // eslint-disable-next-line no-unused-expressions
             this.editor?.emit('designer.drag', {
               time: (endTime - startTime).toFixed(2),
               selected: nodes
@@ -139,6 +144,7 @@ export class Designer {
                   if (!n) {
                     return;
                   }
+                  // eslint-disable-next-line no-shadow
                   const npm = n?.componentMeta?.npm;
                   return (
                     [npm?.package, npm?.componentName].filter((item) => !!item).join('-') ||
@@ -173,7 +179,7 @@ export class Designer {
       }
       this.postEvent('selection.change', this.currentSelection);
       if (this.currentSelection) {
-        const currentSelection = this.currentSelection;
+        const { currentSelection } = this;
         selectionDispose = currentSelection.onSelectionChange(() => {
           this.postEvent('selection.change', currentSelection);
         });
@@ -187,7 +193,7 @@ export class Designer {
       }
       this.postEvent('history.change', this.currentHistory);
       if (this.currentHistory) {
-        const currentHistory = this.currentHistory;
+        const { currentHistory } = this;
         historyDispose = currentHistory.onStateChange(() => {
           this.postEvent('history.change', currentHistory);
         });
@@ -217,6 +223,7 @@ export class Designer {
   get dropLocation() {
     return this._dropLocation;
   }
+
   /**
    * 创建插入位置，考虑放到 dragon 中
    */
@@ -246,6 +253,7 @@ export class Designer {
   }
 
   private oobxList: OffsetObserver[] = [];
+
   createOffsetObserver(nodeInstance: INodeSelector): OffsetObserver | null {
     const oobx = createOffsetObserver(nodeInstance);
     this.clearOobxList();
@@ -302,6 +310,7 @@ export class Designer {
   }
 
   private props?: DesignerProps;
+
   setProps(nextProps: DesignerProps) {
     const props = this.props ? { ...this.props, ...nextProps } : nextProps;
     if (this.props) {
@@ -380,6 +389,7 @@ export class Designer {
   }
 
   @obx.val private _componentMetasMap = new Map<string, ComponentMeta>();
+
   private _lostComponentMetasMap = new Map<string, ComponentMeta>();
 
   private buildComponentMetasMap(metas: ComponentMetadata[]) {
@@ -451,6 +461,7 @@ export class Designer {
   }
 
   private propsReducers = new Map<TransformStage, PropsReducer[]>();
+
   transformProps(props: CompositeObject | PropsList, node: Node, stage: TransformStage) {
     if (Array.isArray(props)) {
       // current not support, make this future
@@ -464,7 +475,7 @@ export class Designer {
 
     return reducers.reduce((xprops, reducer) => {
       try {
-        return reducer(xprops, node)
+        return reducer(xprops, node);
       } catch (e) {
         // todo: add log
         console.warn(e);

packages/designer/src/designer/detecting.ts

@@ -3,18 +3,22 @@ import { Node, DocumentModel } from '../document';
 
 export class Detecting {
   @obx.ref private _enable = true;
+
   get enable() {
     return this._enable;
   }
+
   set enable(flag: boolean) {
     this._enable = flag;
     if (!flag) {
       this._current = null;
     }
   }
+
   @obx.ref xRayMode = false;
 
   @obx.ref private _current: Node | null = null;
+
   get current() {
     return this._current;
   }

packages/designer/src/designer/drag-ghost/index.tsx

@@ -9,9 +9,13 @@ type offBinding = () => any;
 @observer
 export default class DragGhost extends Component<{ designer: Designer }> {
   private dispose: offBinding[] = [];
+
   @obx.ref private dragObject: DragObject | null = null;
+
   @obx.ref private x = 0;
+
   @obx.ref private y = 0;
+
   private dragon = this.props.designer.dragon;
 
   constructor(props: any) {
@@ -48,7 +52,7 @@ export default class DragGhost extends Component<{ designer: Designer }> {
   }
 
   renderGhostGroup() {
-    const dragObject = this.dragObject;
+    const { dragObject } = this;
     if (isDragNodeObject(dragObject)) {
       return dragObject.nodes.map(node => {
         const ghost = (

packages/designer/src/designer/dragon.ts

@@ -77,6 +77,7 @@ export interface ISensor {
 export type DragObject = DragNodeObject | DragNodeDataObject | DragAnyObject;
 
 export enum DragObjectType {
+  // eslint-disable-next-line no-shadow
   Node = 'node',
   NodeData = 'nodedata',
 }
@@ -191,19 +192,20 @@ export class Dragon {
    * current actived sensor, 可用于感应区高亮
    */
   @obx.ref private _activeSensor: ISensor | undefined;
+
   get activeSensor(): ISensor | undefined {
     return this._activeSensor;
   }
 
   @obx.ref private _dragging = false;
+
   get dragging(): boolean {
     return this._dragging;
   }
 
   private emitter = new EventEmitter();
 
-  constructor(readonly designer: Designer) {
+  constructor(readonly designer: Designer) {}
-  }
 
   /**
    * Quick listen a shell(container element) drag behavior
@@ -238,7 +240,7 @@ export class Dragon {
    * @param boostEvent 拖拽初始时事件
    */
   boost(dragObject: DragObject, boostEvent: MouseEvent | DragEvent) {
-    const designer = this.designer;
+    const { designer } = this;
     const masterSensors = this.getMasterSensors();
     const handleEvents = makeEventsHandler(boostEvent, masterSensors);
     const newBie = !isDragNodeObject(dragObject);

packages/designer/src/designer/index.ts

@@ -1,4 +1,5 @@
 import './builtin-hotkey';
+
 export * from './designer';
 export * from './designer-view';
 export * from './dragon';

packages/designer/src/designer/location.ts

@@ -127,9 +127,13 @@ export function getWindow(elem: Element | Document): Window {
 
 export class DropLocation {
   readonly target: ParentalNode;
+
   readonly detail: LocationDetail;
+
   readonly event: LocateEvent;
+
   readonly source: string;
+
   get document(): DocumentModel {
     return this.target.document;
   }

packages/designer/src/designer/offset-observer.ts

@@ -7,14 +7,23 @@ export class OffsetObserver {
   readonly id = uniqueId('oobx');
 
   private lastOffsetLeft?: number;
+
   private lastOffsetTop?: number;
+
   private lastOffsetHeight?: number;
+
   private lastOffsetWidth?: number;
+
   @obx private _height = 0;
+
   @obx private _width = 0;
+
   @obx private _left = 0;
+
   @obx private _top = 0;
+
   @obx private _right = 0;
+
   @obx private _bottom = 0;
 
   @computed get height() {
@@ -42,6 +51,7 @@ export class OffsetObserver {
   }
 
   @obx hasOffset = false;
+
   @computed get offsetLeft() {
     if (this.isRoot) {
       return this.viewport.scrollX * this.scale;
@@ -51,6 +61,7 @@ export class OffsetObserver {
     }
     return this.lastOffsetLeft;
   }
+
   @computed get offsetTop() {
     if (this.isRoot) {
       return this.viewport.scrollY * this.scale;
@@ -60,12 +71,14 @@ export class OffsetObserver {
     }
     return this.lastOffsetTop;
   }
+
   @computed get offsetHeight() {
     if (!this.viewport.scrolling || this.lastOffsetHeight == null) {
       this.lastOffsetHeight = this.isRoot ? this.viewport.height : this.height;
     }
     return this.lastOffsetHeight;
   }
+
   @computed get offsetWidth() {
     if (!this.viewport.scrolling || this.lastOffsetWidth == null) {
       this.lastOffsetWidth = this.isRoot ? this.viewport.width : this.width;
@@ -78,8 +91,11 @@ export class OffsetObserver {
   }
 
   private pid: number | undefined;
+
   readonly viewport: IViewport;
+
   private isRoot: boolean;
+
   readonly node: Node;
 
   readonly compute: () => void;
@@ -109,18 +125,17 @@ export class OffsetObserver {
 
       if (!rect) {
         this.hasOffset = false;
-      } else {
+      } else if (!this.viewport.scrolling || !this.hasOffset) {
-        if (!this.viewport.scrolling || !this.hasOffset) {
+        this._height = rect.height;
-          this._height = rect.height;
+        this._width = rect.width;
-          this._width = rect.width;
+        this._left = rect.left;
-          this._left = rect.left;
+        this._top = rect.top;
-          this._top = rect.top;
+        this._right = rect.right;
-          this._right = rect.right;
+        this._bottom = rect.bottom;
-          this._bottom = rect.bottom;
+        this.hasOffset = true;
-          this.hasOffset = true;
-        }
       }
-      this.pid = pid = (window as any).requestIdleCallback(compute);
+      this.pid = (window as any).requestIdleCallback(compute);
+      pid = this.pid;
     };
 
     this.compute = compute;
@@ -128,7 +143,8 @@ export class OffsetObserver {
     // try first
     compute();
     // try second, ensure the dom mounted
-    this.pid = pid = (window as any).requestIdleCallback(compute);
+    this.pid = (window as any).requestIdleCallback(compute);
+    pid = this.pid;
   }
 
   purge() {

packages/designer/src/designer/scroller.ts

@@ -4,9 +4,11 @@ export class ScrollTarget {
   get left() {
     return 'scrollX' in this.target ? this.target.scrollX : this.target.scrollLeft;
   }
+
   get top() {
     return 'scrollY' in this.target ? this.target.scrollY : this.target.scrollTop;
   }
+
   scrollTo(options: { left?: number; top?: number }) {
     this.target.scrollTo(options);
   }
@@ -24,6 +26,7 @@ export class ScrollTarget {
   }
 
   private doe?: HTMLElement;
+
   constructor(private target: Window | Element) {
     if (isWindow(target)) {
       this.doe = target.document.documentElement;
@@ -50,6 +53,8 @@ export interface IScrollable {
 export class Scroller {
   private pid: number | undefined;
 
+  constructor(private scrollable: IScrollable) {}
+
   get scrollTarget(): ScrollTarget | null {
     let target = this.scrollable.scrollTarget;
     if (!target) {
@@ -62,19 +67,17 @@ export class Scroller {
     return target;
   }
 
-  constructor(private scrollable: IScrollable) {}
-
   scrollTo(options: { left?: number; top?: number }) {
     this.cancel();
 
-    const scrollTarget = this.scrollTarget;
+    const { scrollTarget } = this;
     if (!scrollTarget) {
       return;
     }
 
     let pid: number;
-    const left = scrollTarget.left;
+    const { left } = scrollTarget;
-    const top = scrollTarget.top;
+    const { top } = scrollTarget;
     const end = () => {
       this.cancel();
     };
@@ -106,20 +109,22 @@ export class Scroller {
       scrollTarget.scrollTo(opt);
 
       if (time < 1) {
-        this.pid = pid = requestAnimationFrame(animate);
+        this.pid = requestAnimationFrame(animate);
+        pid = this.pid;
       } else {
         end();
       }
     };
 
-    this.pid = pid = requestAnimationFrame(animate);
+    this.pid = requestAnimationFrame(animate);
+    pid = this.pid;
   }
 
   scrolling(point: { globalX: number; globalY: number }) {
     this.cancel();
 
     const { bounds, scale = 1 } = this.scrollable;
-    const scrollTarget = this.scrollTarget;
+    const { scrollTarget } = this;
     if (!scrollTarget || !bounds) {
       return;
     }

packages/designer/src/designer/setting/setting-field.ts

@@ -19,29 +19,37 @@ function getSettingFieldCollectorKey(parent: SettingEntry, config: FieldConfig)
 
 export class SettingField extends SettingPropEntry implements SettingEntry {
   readonly isSettingField = true;
+
   readonly isRequired: boolean;
+
   readonly transducer: Transducer;
+
   private _config: FieldConfig;
+
   extraProps: FieldExtraProps;
 
   // ==== dynamic properties ====
   private _title?: TitleContent;
+
   get title() {
     // FIXME! intl
     return this._title || (typeof this.name === 'number' ? `项目 ${this.name}` : this.name);
   }
+
   private _setter?: SetterType | DynamicSetter;
+
   @computed get setter(): SetterType | null {
     if (!this._setter) {
       return null;
     }
     if (isDynamicSetter(this._setter)) {
-      return this._setter.call(this,this);
+      return this._setter.call(this, this);
     }
     return this._setter;
   }
 
   @obx.ref private _expanded = true;
+
   get expanded(): boolean {
     return this._expanded;
   }
@@ -62,7 +70,7 @@ export class SettingField extends SettingPropEntry implements SettingEntry {
       ...extraProps,
     };
     this.isRequired = config.isRequired || (setter as any)?.isRequired;
-    this._expanded = extraProps?.defaultCollapsed ? false : true;
+    this._expanded = !extraProps?.defaultCollapsed;
 
     // initial items
     if (items && items.length > 0) {